@sendbird/uikit-react-native 2.1.0 → 2.3.0

package/lib/commonjs/domain/groupChannelNotifications/component/GroupChannelNotificationsView.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _chat = require("@sendbird/chat");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("../../../hooks/useContext");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 GroupChannelNotificationsView = () => {
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelNotificationsContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+  const turnedOnNotifications = channel.myPushTriggerOption !== _chat.PushTriggerOption.OFF;
+  const turnedOnNotificationsOptionAll = [_chat.PushTriggerOption.ALL, _chat.PushTriggerOption.DEFAULT].some(it => it === channel.myPushTriggerOption);
+  const turnedOnNotificationsOptionMentionsOnly = channel.myPushTriggerOption === _chat.PushTriggerOption.MENTION_ONLY;
+
+  const toggleNotificationSwitch = async val => {
+    if (val) {
+      await channel.setMyPushTriggerOption(_chat.PushTriggerOption.ALL);
+    } else {
+      await channel.setMyPushTriggerOption(_chat.PushTriggerOption.OFF);
+    }
+
+    forceUpdate();
+  };
+
+  const onPressNotificationsOption = async option => {
+    await channel.setMyPushTriggerOption(option);
+    forceUpdate();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    bounces: false,
+    contentContainerStyle: styles.container
+  }, /*#__PURE__*/_react.default.createElement(Bar, {
+    subtitle2: true,
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS,
+    description: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_DESC,
+    component: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
+      value: turnedOnNotifications,
+      onChangeValue: toggleNotificationSwitch
+    })
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null), turnedOnNotifications && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Bar, {
+    body3: true,
+    onPress: () => onPressNotificationsOption(_chat.PushTriggerOption.ALL),
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_ALL,
+    component: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      color: turnedOnNotificationsOptionAll ? colors.primary : colors.onBackground03,
+      icon: turnedOnNotificationsOptionAll ? 'radio-on' : 'radio-off',
+      size: 24
+    })
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null), /*#__PURE__*/_react.default.createElement(Bar, {
+    body3: true,
+    onPress: () => onPressNotificationsOption(_chat.PushTriggerOption.MENTION_ONLY),
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_MENTION_ONLY,
+    component: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      color: turnedOnNotificationsOptionMentionsOnly ? colors.primary : colors.onBackground03,
+      icon: turnedOnNotificationsOptionMentionsOnly ? 'radio-on' : 'radio-off',
+      size: 24
+    })
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null)));
+};
+
+const Bar = _ref => {
+  let {
+    title,
+    onPress,
+    description,
+    component,
+    subtitle2,
+    body3
+  } = _ref;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: styles.barContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: body3,
+    subtitle2: subtitle2,
+    numberOfLines: 1,
+    color: colors.onBackground01,
+    style: styles.title
+  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, component)), Boolean(description) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground02,
+    style: styles.desc
+  }, description));
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    paddingHorizontal: 16
+  },
+  barContainer: {
+    paddingVertical: 16
+  },
+  titleContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  title: {
+    flex: 1,
+    marginRight: 8
+  },
+  desc: {
+    marginTop: 8,
+    flex: 1
+  }
+});
+var _default = GroupChannelNotificationsView;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelNotificationsView.js.map

package/lib/commonjs/domain/groupChannelNotifications/component/GroupChannelNotificationsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelNotificationsView","channel","useContext","GroupChannelNotificationsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","forceUpdate","useForceUpdate","turnedOnNotifications","myPushTriggerOption","PushTriggerOption","OFF","turnedOnNotificationsOptionAll","ALL","DEFAULT","some","it","turnedOnNotificationsOptionMentionsOnly","MENTION_ONLY","toggleNotificationSwitch","val","setMyPushTriggerOption","onPressNotificationsOption","option","styles","container","GROUP_CHANNEL_NOTIFICATIONS","MENU_NOTIFICATIONS","MENU_NOTIFICATIONS_DESC","MENU_NOTIFICATIONS_OPTION_ALL","primary","onBackground03","MENU_NOTIFICATIONS_OPTION_MENTION_ONLY","Bar","title","onPress","description","component","subtitle2","body3","barContainer","titleContainer","onBackground01","Boolean","onBackground02","desc","createStyleSheet","paddingHorizontal","paddingVertical","flexDirection","alignItems","flex","marginRight","marginTop"],"sources":["GroupChannelNotificationsView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { Divider, Icon, Switch, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelNotificationsContexts } from '../module/moduleContext';\n\nconst GroupChannelNotificationsView = () => {\n  const { channel } = useContext(GroupChannelNotificationsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const forceUpdate = useForceUpdate();\n\n  const turnedOnNotifications = channel.myPushTriggerOption !== PushTriggerOption.OFF;\n  const turnedOnNotificationsOptionAll = [PushTriggerOption.ALL, PushTriggerOption.DEFAULT].some(\n    (it) => it === channel.myPushTriggerOption,\n  );\n  const turnedOnNotificationsOptionMentionsOnly = channel.myPushTriggerOption === PushTriggerOption.MENTION_ONLY;\n\n  const toggleNotificationSwitch = async (val: boolean) => {\n    if (val) {\n      await channel.setMyPushTriggerOption(PushTriggerOption.ALL);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n    forceUpdate();\n  };\n\n  const onPressNotificationsOption = async (option: PushTriggerOption.ALL | PushTriggerOption.MENTION_ONLY) => {\n    await channel.setMyPushTriggerOption(option);\n    forceUpdate();\n  };\n\n  return (\n    <ScrollView bounces={false} contentContainerStyle={styles.container}>\n      <Bar\n        subtitle2\n        title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS}\n        description={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_DESC}\n        component={<Switch value={turnedOnNotifications} onChangeValue={toggleNotificationSwitch} />}\n      />\n      <Divider />\n      {turnedOnNotifications && (\n        <>\n          <Bar\n            body3\n            onPress={() => onPressNotificationsOption(PushTriggerOption.ALL)}\n            title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_ALL}\n            component={\n              <Icon\n                color={turnedOnNotificationsOptionAll ? colors.primary : colors.onBackground03}\n                icon={turnedOnNotificationsOptionAll ? 'radio-on' : 'radio-off'}\n                size={24}\n              />\n            }\n          />\n          <Divider />\n          <Bar\n            body3\n            onPress={() => onPressNotificationsOption(PushTriggerOption.MENTION_ONLY)}\n            title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_MENTION_ONLY}\n            component={\n              <Icon\n                color={turnedOnNotificationsOptionMentionsOnly ? colors.primary : colors.onBackground03}\n                icon={turnedOnNotificationsOptionMentionsOnly ? 'radio-on' : 'radio-off'}\n                size={24}\n              />\n            }\n          />\n          <Divider />\n        </>\n      )}\n    </ScrollView>\n  );\n};\n\ntype BarProps = {\n  title: string;\n  onPress?: () => void;\n  description?: string;\n  component: React.ReactNode;\n  subtitle2?: boolean;\n  body3?: boolean;\n};\nconst Bar = ({ title, onPress, description, component, subtitle2, body3 }: BarProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Pressable onPress={onPress} style={styles.barContainer}>\n      <View style={styles.titleContainer}>\n        <Text body3={body3} subtitle2={subtitle2} numberOfLines={1} color={colors.onBackground01} style={styles.title}>\n          {title}\n        </Text>\n        <View>{component}</View>\n      </View>\n      {Boolean(description) && (\n        <Text body3 color={colors.onBackground02} style={styles.desc}>\n          {description}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 16,\n  },\n  barContainer: {\n    paddingVertical: 16,\n  },\n  titleContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  title: {\n    flex: 1,\n    marginRight: 8,\n  },\n  desc: {\n    marginTop: 8,\n    flex: 1,\n  },\n});\n\nexport default GroupChannelNotificationsView;\n"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelNotificationsContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelNotificationsContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelNotificationsContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelNotificationsHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsView", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelNotificationsView.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelNotificationsModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelNotificationsModule.default;
+  }
+});
+
+var _GroupChannelNotificationsView = _interopRequireDefault(require("./component/GroupChannelNotificationsView"));
+
+var _GroupChannelNotificationsHeader = _interopRequireDefault(require("./component/GroupChannelNotificationsHeader"));
+
+var _createGroupChannelNotificationsModule = _interopRequireDefault(require("./module/createGroupChannelNotificationsModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelNotificationsView } from './component/GroupChannelNotificationsView';\nexport { default as GroupChannelNotificationsHeader } from './component/GroupChannelNotificationsHeader';\nexport { default as createGroupChannelNotificationsModule } from './module/createGroupChannelNotificationsModule';\nexport { GroupChannelNotificationsContextsProvider, GroupChannelNotificationsContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/groupChannelNotifications/module/createGroupChannelNotificationsModule.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelNotificationsHeader = _interopRequireDefault(require("../component/GroupChannelNotificationsHeader"));
+
+var _GroupChannelNotificationsView = _interopRequireDefault(require("../component/GroupChannelNotificationsView"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelNotificationsModule = function () {
+  let {
+    Header = _GroupChannelNotificationsHeader.default,
+    View = _GroupChannelNotificationsView.default,
+    Provider = _moduleContext.GroupChannelNotificationsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    View,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createGroupChannelNotificationsModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelNotificationsModule.js.map

package/lib/commonjs/domain/groupChannelNotifications/module/createGroupChannelNotificationsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelNotificationsModule","Header","GroupChannelNotificationsHeader","View","GroupChannelNotificationsView","Provider","GroupChannelNotificationsContextsProvider","module"],"sources":["createGroupChannelNotificationsModule.tsx"],"sourcesContent":["import GroupChannelNotificationsHeader from '../component/GroupChannelNotificationsHeader';\nimport GroupChannelNotificationsView from '../component/GroupChannelNotificationsView';\nimport type { GroupChannelNotificationsModule } from '../types';\nimport { GroupChannelNotificationsContextsProvider } from './moduleContext';\n\nconst createGroupChannelNotificationsModule = ({\n  Header = GroupChannelNotificationsHeader,\n  View = GroupChannelNotificationsView,\n  Provider = GroupChannelNotificationsContextsProvider,\n  ...module\n}: Partial<GroupChannelNotificationsModule> = {}): GroupChannelNotificationsModule => {\n  return { Header, View, Provider, ...module };\n};\n\nexport default createGroupChannelNotificationsModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,qCAAqC,GAAG,YAKwC;EAAA,IALvC;IAC7CC,MAAM,GAAGC,wCADoC;IAE7CC,IAAI,GAAGC,sCAFsC;IAG7CC,QAAQ,GAAGC,wDAHkC;IAI7C,GAAGC;EAJ0C,CAKuC,uEAAxC,EAAwC;EACpF,OAAO;IAAEN,MAAF;IAAUE,IAAV;IAAgBE,QAAhB;IAA0B,GAAGE;EAA7B,CAAP;AACD,CAPD;;eASeP,qC"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupChannelNotificationsContextsProvider = exports.GroupChannelNotificationsContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GroupChannelNotificationsContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    channel: {}
+  })
+};
+exports.GroupChannelNotificationsContexts = GroupChannelNotificationsContexts;
+
+const GroupChannelNotificationsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelNotificationsContexts.Fragment.Provider, {
+    value: {
+      channel,
+      headerTitle: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.HEADER_TITLE
+    }
+  }, children));
+};
+
+exports.GroupChannelNotificationsContextsProvider = GroupChannelNotificationsContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelNotificationsContexts","Fragment","createContext","headerTitle","channel","GroupChannelNotificationsContextsProvider","children","STRINGS","useLocalization","GROUP_CHANNEL_NOTIFICATIONS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { GroupChannelNotificationsContextsType, GroupChannelNotificationsModule } from '../types';\n\nexport const GroupChannelNotificationsContexts: GroupChannelNotificationsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelNotificationsContextsProvider: GroupChannelNotificationsModule['Provider'] = ({\n  children,\n  channel,\n}) => {\n  const { STRINGS } = useLocalization();\n\n  return (\n    <ProviderLayout>\n      <GroupChannelNotificationsContexts.Fragment.Provider\n        value={{ channel, headerTitle: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.HEADER_TITLE }}\n      >\n        {children}\n      </GroupChannelNotificationsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAGO,MAAMA,iCAAwE,GAAG;EACtFC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAd;AAD4E,CAAjF;;;AAOA,MAAMC,yCAAsF,GAAG,QAGhG;EAAA,IAHiG;IACrGC,QADqG;IAErGF;EAFqG,CAGjG;EACJ,MAAM;IAAEG;EAAF,IAAc,IAAAC,2BAAA,GAApB;EAEA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,iCAAD,CAAmC,QAAnC,CAA4C,QAA5C;IACE,KAAK,EAAE;MAAEJ,OAAF;MAAWD,WAAW,EAAEI,OAAO,CAACE,2BAAR,CAAoCC;IAA5D;EADT,GAGGJ,QAHH,CADF,CADF;AASD,CAfM"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelNotificationsProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelNotificationsProps['Header']['onPressHeaderLeft'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  View: {};\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelNotifications\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelNotificationsContextsType = {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n  }>;\n};\nexport interface GroupChannelNotificationsModule {\n  Provider: CommonComponent<GroupChannelNotificationsProps['Provider']>;\n  Header: CommonComponent<GroupChannelNotificationsProps['Header']>;\n  View: CommonComponent<GroupChannelNotificationsProps['View']>;\n}\n\nexport type GroupChannelNotificationsFragment = CommonComponent<GroupChannelNotificationsProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/groupChannelOperators/component/GroupChannelOperatorsList.js

@@ -42,7 +42,8 @@ const GroupChannelOperatorsList = _ref => {
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,
-    bounces: false
+    bounces: false,
+    keyExtractor: _uikitUtils.getUserUniqId
   });
 };
 

package/lib/commonjs/domain/groupChannelOperators/component/GroupChannelOperatorsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;;;AAIA,MAAMA,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAcJ,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAjB,CAAjD;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAET,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEO,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAEV,kBAJtB;IAKE,OAAO,EAAE;EALX,EADF;AASD,CAjBD;;eAmBeH,yB"}
+{"version":3,"names":["GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow","getUserUniqId"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;;;AAIA,MAAMA,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAcJ,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAjB,CAAjD;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAET,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEO,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAEV,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEW;EANhB,EADF;AAUD,CAlBD;;eAoBed,yB"}

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

@@ -13,6 +13,8 @@ var _chat = require("@sendbird/chat");
 
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
+var _uikitUtils = require("@sendbird/uikit-utils");
+
 var _useContext = require("../../../hooks/useContext");
 
 var _moduleContext = require("../module/moduleContext");
@@ -21,15 +23,19 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+let WARN_onPressMenuNotification = false;
+
 const GroupChannelSettingsMenu = _ref => {
   let {
     onPressMenuModeration,
     onPressMenuMembers,
     onPressMenuLeaveChannel,
+    onPressMenuNotification,
     menuItemsCreator = menu => menu
   } = _ref;
   const {
-    sdk
+    sdk,
+    features
   } = (0, _useContext.useSendbirdChat)();
   const {
     channel
@@ -41,6 +47,12 @@ const GroupChannelSettingsMenu = _ref => {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
 
+  if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification) {
+    _uikitUtils.Logger.warn('You should pass `onPressMenuNotification` prop if using mention');
+
+    WARN_onPressMenuNotification = true;
+  }
+
   const toggleNotification = async () => {
     if (channel.myPushTriggerOption === 'off') {
       await channel.setMyPushTriggerOption(_chat.PushTriggerOption.DEFAULT);
@@ -49,6 +61,39 @@ const GroupChannelSettingsMenu = _ref => {
     }
   };
 
+  const {
+    onPressNotificationMenu,
+    actionLabelNotificationMenu,
+    actionItemNotificationMenu
+  } = (0, _uikitUtils.useIIFE)(() => {
+    const getNotificationsLabel = () => {
+      switch (channel.myPushTriggerOption) {
+        case _chat.PushTriggerOption.ALL:
+        case _chat.PushTriggerOption.DEFAULT:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;
+
+        case _chat.PushTriggerOption.OFF:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;
+
+        case _chat.PushTriggerOption.MENTION_ONLY:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;
+      }
+    };
+
+    return {
+      actionLabelNotificationMenu: getNotificationsLabel(),
+      actionItemNotificationMenu: (0, _uikitUtils.conditionChaining)([features.userMentionEnabled], [/*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+        icon: 'chevron-right',
+        color: colors.onBackground01
+      }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
+        value: channel.myPushTriggerOption !== 'off',
+        onChangeValue: toggleNotification
+      })]),
+      onPressNotificationMenu: () => {
+        if (features.userMentionEnabled) onPressMenuNotification === null || onPressMenuNotification === void 0 ? void 0 : onPressMenuNotification();else toggleNotification();
+      }
+    };
+  });
   const menuItems = menuItemsCreator([{
     icon: 'moderation',
     visible: channel.myRole === 'operator',
@@ -61,11 +106,9 @@ const GroupChannelSettingsMenu = _ref => {
   }, {
     icon: 'notifications',
     name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,
-    onPress: toggleNotification,
-    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
-      value: channel.myPushTriggerOption !== 'off',
-      onChangeValue: toggleNotification
-    })
+    onPress: onPressNotificationMenu,
+    actionLabel: actionLabelNotificationMenu,
+    actionItem: actionItemNotificationMenu
   }, {
     icon: 'members',
     name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsMenu","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","menuItems","icon","visible","myRole","name","GROUP_CHANNEL_SETTINGS","MENU_MODERATION","onPress","actionItem","onBackground01","MENU_NOTIFICATION","MENU_MEMBERS","actionLabel","String","memberCount","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.myRole === 'operator',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: 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            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AAGA,MAAMA,wBAAwB,GAAG,QAKQ;EAAA,IALP;IAChCC,qBADgC;IAEhCC,kBAFgC;IAGhCC,uBAHgC;IAIhCC,gBAAgB,GAAIC,IAAD,IAAUA;EAJG,CAKO;EACvC,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;;EAEA,MAAMC,kBAAkB,GAAG,YAAY;IACrC,IAAIR,OAAO,CAACS,mBAAR,KAAgC,KAApC,EAA2C;MACzC,MAAMT,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBC,OAAjD,CAAN;IACD,CAFD,MAEO;MACL,MAAMZ,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBE,GAAjD,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGlB,gBAAgB,CAAC,CACjD;IACEmB,IAAI,EAAE,YADR;IAEEC,OAAO,EAAEhB,OAAO,CAACiB,MAAR,KAAmB,UAF9B;IAGEC,IAAI,EAAEd,OAAO,CAACe,sBAAR,CAA+BC,eAHvC;IAIEC,OAAO,EAAE,MAAM5B,qBAAqB,EAJtC;IAKE6B,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEhB,MAAM,CAACiB;IAA3C;EALd,CADiD,EAQjD;IACER,IAAI,EAAE,eADR;IAEEG,IAAI,EAAEd,OAAO,CAACe,sBAAR,CAA+BK,iBAFvC;IAGEH,OAAO,EAAEb,kBAHX;IAIEc,UAAU,eAAE,6BAAC,kCAAD;MAAQ,KAAK,EAAEtB,OAAO,CAACS,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CARiD,EAcjD;IACEO,IAAI,EAAE,SADR;IAEEG,IAAI,EAAEd,OAAO,CAACe,sBAAR,CAA+BM,YAFvC;IAGEJ,OAAO,EAAE,MAAM3B,kBAAkB,EAHnC;IAIEgC,WAAW,EAAEC,MAAM,CAAC3B,OAAO,CAAC4B,WAAT,CAJrB;IAKEN,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEhB,MAAM,CAACiB;IAA3C;EALd,CAdiD,EAqBjD;IACER,IAAI,EAAE,OADR;IAEEc,SAAS,EAAEvB,MAAM,CAACwB,KAFpB;IAGEZ,IAAI,EAAEd,OAAO,CAACe,sBAAR,CAA+BY,kBAHvC;IAIEV,OAAO,EAAE,MAAM;MACbrB,OAAO,CAACgC,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzBtC,uBAAuB;QACvBG,GAAG,CAACoC,mBAAJ,CAAwB,CAAClC,OAAO,CAACmC,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CArBiD,CAAD,CAAlD;EAkCA,oBACE,6BAAC,iBAAD,QACGtB,SAAS,CAACuB,GAAV,CAAexC,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACqB,IADZ;MAEE,OAAO,EAAErB,IAAI,CAACwB,OAFhB;MAGE,IAAI,EAAExB,IAAI,CAACqB,IAHb;MAIE,QAAQ,EAAErB,IAAI,CAACyC,QAJjB;MAKE,OAAO,EAAEzC,IAAI,CAACmB,OALhB;MAME,IAAI,EAAEnB,IAAI,CAACkB,IANb;MAOE,SAAS,EAAElB,IAAI,CAACgC,SAPlB;MAQE,mBAAmB,EAAEhC,IAAI,CAAC0C,mBAR5B;MASE,WAAW,EAAE1C,IAAI,CAAC6B,WATpB;MAUE,UAAU,EAAE7B,IAAI,CAACyB;IAVnB,EADF;EAcD,CAfA,CADH,CADF;AAoBD,CAzED;;eA2Ee9B,wB"}
+{"version":3,"names":["WARN_onPressMenuNotification","GroupChannelSettingsMenu","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","features","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","__DEV__","Logger","warn","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","useIIFE","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","conditionChaining","userMentionEnabled","onBackground01","menuItems","icon","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  onPressMenuNotification,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk, features } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification) {\n    Logger.warn('You should pass `onPressMenuNotification` prop if using mention');\n    WARN_onPressMenuNotification = true;\n  }\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n    const getNotificationsLabel = () => {\n      switch (channel.myPushTriggerOption) {\n        case PushTriggerOption.ALL:\n        case PushTriggerOption.DEFAULT:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n        case PushTriggerOption.OFF:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n        case PushTriggerOption.MENTION_ONLY:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n      }\n    };\n\n    return {\n      actionLabelNotificationMenu: getNotificationsLabel(),\n      actionItemNotificationMenu: conditionChaining(\n        [features.userMentionEnabled],\n        [\n          <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n          <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n        ],\n      ),\n      onPressNotificationMenu: () => {\n        if (features.userMentionEnabled) onPressMenuNotification?.();\n        else toggleNotification();\n      },\n    };\n  });\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.myRole === 'operator',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: onPressNotificationMenu,\n      actionLabel: actionLabelNotificationMenu,\n      actionItem: actionItemNotificationMenu,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}

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

@@ -57,21 +57,17 @@ const GroupChannelSettingsContextsProvider = _ref => {
   const {
     alert
   } = (0, _uikitReactNativeFoundation.useAlert)();
-  const {
-    activeChannel,
-    setActiveChannel
-  } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
 
-  const onChannelChanged = channel => {
-    if ((0, _uikitUtils.isDifferentChannel)(channel, activeChannel) || !channel.isGroupChannel()) return;
-    setActiveChannel(channel);
+  const onChannelChanged = eventChannel => {
+    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
     forceUpdate();
   };
 
   (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
-    onChannelUnfrozen: onChannelChanged
+    onChannelUnfrozen: onChannelChanged,
+    onUserBanned: onChannelChanged
   });
   const toast = (0, _uikitReactNativeFoundation.useToast)();
   const {
@@ -84,21 +80,20 @@ const GroupChannelSettingsContextsProvider = _ref => {
     openMenu
   } = (0, _uikitReactNativeFoundation.useActionMenu)();
   const updateChannel = (0, _react.useCallback)(async params => {
-    const updatedChannel = await activeChannel.updateChannel(params);
-    setActiveChannel(updatedChannel);
+    await channel.updateChannel(params);
     forceUpdate();
-  }, [activeChannel]);
+  }, [channel]);
   const changeChannelName = (0, _react.useCallback)(() => {
     openPrompt({
       title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
       submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
       placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
-      defaultValue: activeChannel.name,
+      defaultValue: channel.name,
       onSubmit: channelName => updateChannel({
         name: channelName
       })
     });
-  }, [STRINGS, updateChannel, activeChannel.name]);
+  }, [STRINGS, updateChannel, channel.name]);
   const changeChannelImage = (0, _react.useCallback)(() => {
     openMenu({
       title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
@@ -111,7 +106,7 @@ const GroupChannelSettingsContextsProvider = _ref => {
               if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                 alert({
                   title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
                   buttons: [{
                     text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                     onPress: () => _SBUUtils.default.openSettings()
@@ -137,7 +132,7 @@ const GroupChannelSettingsContextsProvider = _ref => {
               if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                 alert({
                   title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
                   buttons: [{
                     text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                     onPress: () => _SBUUtils.default.openSettings()
@@ -169,7 +164,7 @@ const GroupChannelSettingsContextsProvider = _ref => {
   }, [STRINGS, changeChannelImage, changeChannelName]);
   return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelSettingsContexts.Fragment.Provider, {
     value: {
-      channel: activeChannel,
+      channel,
       headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,
       headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,
       onPressHeaderRight

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","alert","useAlert","activeChannel","setActiveChannel","useActiveGroupChannel","onChannelChanged","isDifferentChannel","isGroupChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAUA;;AACA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,4BAA8D,GAAG;EAC5EC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,OAAO,EAAE,EADa;IAEtBC,WAAW,EAAE,EAFS;IAGtBC,WAAW,EAAE,EAHS;IAItBC,kBAAkB,EAAEC;EAJE,CAAd;AADkE,CAAvE;;AASP,MAAMC,SAAS,GAAG,sCAAlB;;AACO,MAAMC,oCAA4E,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAYP;EAAZ,CAA0B;EACrH,MAAMQ,MAAM,GAAG,IAAAC,qBAAA,EAAUJ,SAAV,CAAf;EACA,MAAMK,WAAW,GAAG,IAAAC,0BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,8BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAY,IAAAC,oCAAA,GAAlB;EAEA,MAAM;IAAEC,aAAF;IAAiBC;EAAjB,IAAsC,IAAAC,qCAAA,EAAsBR,GAAtB,EAA2Bd,OAA3B,CAA5C;;EAEA,MAAMuB,gBAAgB,GAAIvB,OAAD,IAAkC;IACzD,IAAI,IAAAwB,8BAAA,EAAmBxB,OAAnB,EAA4BoB,aAA5B,KAA8C,CAACpB,OAAO,CAACyB,cAAR,EAAnD,EAA6E;IAC7EJ,gBAAgB,CAACrB,OAAD,CAAhB;IACAU,WAAW;EACZ,CAJD;;EAMA,IAAAgB,iCAAA,EAAkBZ,GAAlB,EAAwB,GAAET,SAAU,IAAGG,MAAO,EAA9C,EAAiD;IAC/Ce,gBAAgB,EAAEA,gBAD6B;IAE/CI,eAAe,EAAEJ,gBAF8B;IAG/CK,iBAAiB,EAAEL;EAH4B,CAAjD;EAMA,MAAMM,KAAK,GAAG,IAAAC,oCAAA,GAAd;EACA,MAAM;IAAEC;EAAF,IAAgB,IAAAC,0CAAA,GAAtB;EACA,MAAM;IAAEC;EAAF,IAAiB,IAAAC,qCAAA,GAAvB;EACA,MAAM;IAAEC;EAAF,IAAe,IAAAC,yCAAA,GAArB;EAEA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,MAAOC,MAAP,IAAoD;IAClD,MAAMC,cAAc,GAAG,MAAMpB,aAAa,CAACiB,aAAd,CAA4BE,MAA5B,CAA7B;IACAlB,gBAAgB,CAACmB,cAAD,CAAhB;IACA9B,WAAW;EACZ,CALmB,EAMpB,CAACU,aAAD,CANoB,CAAtB;EASA,MAAMqB,iBAAiB,GAAG,IAAAH,kBAAA,EAAY,MAAM;IAC1CL,UAAU,CAAC;MACTS,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+BC,+BAD7B;MAETC,WAAW,EAAEjC,OAAO,CAAC+B,sBAAR,CAA+BG,4BAFnC;MAGTC,WAAW,EAAEnC,OAAO,CAAC+B,sBAAR,CAA+BK,qCAHnC;MAITC,YAAY,EAAE7B,aAAa,CAAC8B,IAJnB;MAKTC,QAAQ,EAAGC,WAAD,IAAiBf,aAAa,CAAC;QAAEa,IAAI,EAAEE;MAAR,CAAD;IAL/B,CAAD,CAAV;EAOD,CARyB,EAQvB,CAACxC,OAAD,EAAUyB,aAAV,EAAyBjB,aAAa,CAAC8B,IAAvC,CARuB,CAA1B;EAUA,MAAMG,kBAAkB,GAAG,IAAAf,kBAAA,EAAY,MAAM;IAC3CH,QAAQ,CAAC;MACPO,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+BW,8BAD/B;MAEPC,SAAS,EAAE,CACT;QACEb,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+Ba,+BADxC;QAEEC,OAAO,EAAE,YAAY;UACnB,MAAMC,IAAI,GAAG,MAAM1C,WAAW,CAAC2C,UAAZ,CAAuB;YACxCC,SAAS,EAAE,OAD6B;YAExCC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAeC,iBAAA,CAASC,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDhD,KAAK,CAAC;kBACJwB,KAAK,EAAE9B,OAAO,CAACuD,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAEzD,OAAO,CAACuD,MAAR,CAAeG,yBAAf,CAAyC,QAAzC,EAAmD,aAAnD,CAFL;kBAGJC,OAAO,EAAE,CAAC;oBAAEC,IAAI,EAAE5D,OAAO,CAACuD,MAAR,CAAeM,oBAAvB;oBAA6ChB,OAAO,EAAE,MAAMiB,iBAAA,CAASC,YAAT;kBAA5D,CAAD;gBAHL,CAAD,CAAL;cAKD,CAND,MAMO;gBACL9C,KAAK,CAAC+C,IAAN,CAAWhE,OAAO,CAACiE,KAAR,CAAcC,iBAAzB,EAA4C,OAA5C;cACD;YACF;UAZuC,CAAvB,CAAnB;UAcA,IAAI,CAACpB,IAAL,EAAW;UAEX,MAAMrB,aAAa,CAAC;YAAE0C,UAAU,EAAErB;UAAd,CAAD,CAAnB;QACD;MApBH,CADS,EAuBT;QACEhB,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+BqC,sCADxC;QAEEvB,OAAO,EAAE,YAAY;UACnB,MAAMwB,KAAK,GAAG,MAAMjE,WAAW,CAACkE,gBAAZ,CAA6B;YAC/CC,cAAc,EAAE,CAD+B;YAE/CvB,SAAS,EAAE,OAFoC;YAG/CC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAeC,iBAAA,CAASC,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDhD,KAAK,CAAC;kBACJwB,KAAK,EAAE9B,OAAO,CAACuD,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAEzD,OAAO,CAACuD,MAAR,CAAeG,yBAAf,CAAyC,gBAAzC,EAA2D,aAA3D,CAFL;kBAGJC,OAAO,EAAE,CAAC;oBAAEC,IAAI,EAAE5D,OAAO,CAACuD,MAAR,CAAeM,oBAAvB;oBAA6ChB,OAAO,EAAE,MAAMiB,iBAAA,CAASC,YAAT;kBAA5D,CAAD;gBAHL,CAAD,CAAL;cAKD,CAND,MAMO;gBACL9C,KAAK,CAAC+C,IAAN,CAAWhE,OAAO,CAACiE,KAAR,CAAcO,wBAAzB,EAAmD,OAAnD;cACD;YACF;UAb8C,CAA7B,CAApB;UAeA,IAAI,CAACH,KAAD,IAAU,CAACA,KAAK,CAAC,CAAD,CAApB,EAAyB;UAEzB,MAAM5C,aAAa,CAAC;YAAE0C,UAAU,EAAEE,KAAK,CAAC,CAAD;UAAnB,CAAD,CAAnB;QACD;MArBH,CAvBS;IAFJ,CAAD,CAAR;EAkDD,CAnD0B,EAmDxB,CAACrE,OAAD,EAAUyB,aAAV,CAnDwB,CAA3B;EAqDA,MAAMlC,kBAAkB,GAAG,IAAAmC,kBAAA,EAAY,MAAM;IAC3CP,SAAS,CAAC;MACRsD,UAAU,EAAE,CACV;QAAE3C,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+B2C,kBAAxC;QAA4D7B,OAAO,EAAEhB;MAArE,CADU,EAEV;QAAEC,KAAK,EAAE9B,OAAO,CAAC+B,sBAAR,CAA+B4C,mBAAxC;QAA6D9B,OAAO,EAAEJ;MAAtE,CAFU;IADJ,CAAD,CAAT;EAMD,CAP0B,EAOxB,CAACzC,OAAD,EAAUyC,kBAAV,EAA8BZ,iBAA9B,CAPwB,CAA3B;EASA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,4BAAD,CAA8B,QAA9B,CAAuC,QAAvC;IACE,KAAK,EAAE;MACLzC,OAAO,EAAEoB,aADJ;MAELnB,WAAW,EAAEW,OAAO,CAAC+B,sBAAR,CAA+B6C,YAFvC;MAGLtF,WAAW,EAAEU,OAAO,CAAC+B,sBAAR,CAA+B8C,YAHvC;MAILtF;IAJK;EADT,GAQGI,QARH,CADF,CADF;AAcD,CA1HM"}
+{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","alert","useAlert","onChannelChanged","eventChannel","isDifferentChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}