@sendbird/uikit-react-native 2.1.0 → 2.2.0

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

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

package/lib/commonjs/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js

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

package/lib/commonjs/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelMutedMembersList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAIA,MAAMA,4BAA4B,GAAG,QAIQ;EAAA,IAJP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC;EAHoC,CAIO;EAC3C,MAAMC,UAAkD,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAjB,CAA3D;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAER,YADR;IAEE,UAAU,EAAEE,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,CAnBD;;eAqBeH,4B"}
+{"version":3,"names":["GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow","getUserUniqId"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\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 GroupChannelMutedMembersList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAIA,MAAMA,4BAA4B,GAAG,QAIQ;EAAA,IAJP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC;EAHoC,CAIO;EAC3C,MAAMC,UAAkD,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAjB,CAA3D;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAER,YADR;IAEE,UAAU,EAAEE,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,CApBD;;eAsBed,4B"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GroupChannelNotificationsHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = (0, _react.useContext)(_moduleContext.GroupChannelNotificationsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+var _default = GroupChannelNotificationsHeader;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelNotificationsHeader.js.map

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

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

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":"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"}
+{"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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"}