stream-chat-react-native-core 9.3.1 → 9.4.0-beta.2

package/README.md

@@ -10,7 +10,7 @@
 [![NPM](https://img.shields.io/npm/v/stream-chat-react-native.svg)](https://www.npmjs.com/package/stream-chat-react-native)
 [![Build Status](https://github.com/GetStream/stream-chat-react-native/actions/workflows/release.yml/badge.svg)](https://github.com/GetStream/stream-chat-react-native/actions)
 [![Component Reference](https://img.shields.io/badge/docs-component%20reference-blue.svg)](https://getstream.io/chat/docs/sdk/reactnative)
-![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-368%20KB-blue)
+![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-1734%20KB-blue)
 
 <img align="right" src="https://getstream.imgix.net/images/ios-chat-tutorial/iphone_chat_art@3x.png?auto=format,enhance" width="50%" />
 

package/lib/commonjs/components/ChannelDetails/ChannelDetails.js

@@ -0,0 +1,100 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsContent = exports.ChannelDetails = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _channelDetailsContext = require("../../contexts/channelDetailsContext/channelDetailsContext");
+var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _useIsDirectChat = require("../../hooks/useIsDirectChat");
+var _theme = require("../../theme");
+var _NotificationList = require("../Notifications/NotificationList");
+var _NotificationTargetContext = require("../Notifications/NotificationTargetContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/ChannelDetails.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChannelDetailsContent = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails,
+    containerOverride = _useTheme$theme$chann.container,
+    scrollContentOverride = _useTheme$theme$chann.scrollContent,
+    semantics = _useTheme$theme.semantics;
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelDetailsActionsSection = _useComponentsContext.ChannelDetailsActionsSection,
+    ChannelDetailsMemberSection = _useComponentsContext.ChannelDetailsMemberSection,
+    ChannelDetailsNavigationSection = _useComponentsContext.ChannelDetailsNavigationSection,
+    ChannelDetailsProfile = _useComponentsContext.ChannelDetailsProfile,
+    ChannelDetailsNavHeader = _useComponentsContext.ChannelDetailsNavHeader;
+  var isDirect = (0, _useIsDirectChat.useIsDirectChat)(channel);
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: semantics.backgroundCoreApp
+    }, containerOverride],
+    children: [(0, _jsxRuntime.jsx)(ChannelDetailsNavHeader, {}), (0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      contentContainerStyle: [styles.scrollContent, scrollContentOverride],
+      children: [(0, _jsxRuntime.jsx)(ChannelDetailsProfile, {}), ChannelDetailsNavigationSection ? (0, _jsxRuntime.jsx)(ChannelDetailsNavigationSection, {}) : null, isDirect ? null : (0, _jsxRuntime.jsx)(ChannelDetailsMemberSection, {}), (0, _jsxRuntime.jsx)(ChannelDetailsActionsSection, {})]
+    })]
+  });
+};
+exports.ChannelDetailsContent = ChannelDetailsContent;
+var ChannelDetails = ({
+  channel,
+  compressImageQuality,
+  doFileUploadRequest,
+  getChannelActionItems,
+  getChannelMemberActionItems,
+  getMemberRoleLabel,
+  onAddMembersPress,
+  onBack,
+  onChannelDismiss,
+  onEditChannelPress,
+  onMemberPress,
+  onViewAllMembersPress
+}) => {
+  var _useComponentsContext2 = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelDetailsContentOverride = _useComponentsContext2.ChannelDetailsContent;
+  var value = (0, _react.useMemo)(() => ({
+    channel,
+    compressImageQuality,
+    doFileUploadRequest,
+    getChannelActionItems,
+    getChannelMemberActionItems,
+    getMemberRoleLabel,
+    onAddMembersPress,
+    onBack,
+    onChannelDismiss,
+    onEditChannelPress,
+    onMemberPress,
+    onViewAllMembersPress
+  }), [channel, compressImageQuality, doFileUploadRequest, getChannelActionItems, getChannelMemberActionItems, getMemberRoleLabel, onAddMembersPress, onBack, onChannelDismiss, onEditChannelPress, onMemberPress, onViewAllMembersPress]);
+  var Content = ChannelDetailsContentOverride ?? ChannelDetailsContent;
+  var notificationHostId = channel?.cid ? `channel-details:${channel.cid}` : undefined;
+  return (0, _jsxRuntime.jsx)(_channelDetailsContext.ChannelDetailsContextProvider, {
+    value: value,
+    children: notificationHostId ? (0, _jsxRuntime.jsxs)(_NotificationTargetContext.NotificationTargetProvider, {
+      hostId: notificationHostId,
+      panel: "channel-details",
+      children: [(0, _jsxRuntime.jsx)(Content, {}), (0, _jsxRuntime.jsx)(_NotificationList.NotificationList, {})]
+    }) : (0, _jsxRuntime.jsx)(Content, {})
+  });
+};
+exports.ChannelDetails = ChannelDetails;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1
+    },
+    scrollContent: {
+      gap: _theme.primitives.spacingMd,
+      paddingBottom: _theme.primitives.spacing3xl,
+      paddingHorizontal: _theme.primitives.spacingMd,
+      paddingTop: _theme.primitives.spacing2xl
+    }
+  }), []);
+};
+//# sourceMappingURL=ChannelDetails.js.map

package/lib/commonjs/components/ChannelDetails/ChannelDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_channelDetailsContext","_ComponentsContext","_ThemeContext","_useIsDirectChat","_theme","_NotificationList","_NotificationTargetContext","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsContent","_useChannelDetailsCon","useChannelDetailsContext","channel","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","containerOverride","container","scrollContentOverride","scrollContent","semantics","_useComponentsContext","useComponentsContext","ChannelDetailsActionsSection","ChannelDetailsMemberSection","ChannelDetailsNavigationSection","ChannelDetailsProfile","ChannelDetailsNavHeader","isDirect","useIsDirectChat","styles","useStyles","jsxs","View","style","backgroundColor","backgroundCoreApp","children","jsx","ScrollView","contentContainerStyle","exports","ChannelDetails","compressImageQuality","doFileUploadRequest","getChannelActionItems","getChannelMemberActionItems","getMemberRoleLabel","onAddMembersPress","onBack","onChannelDismiss","onEditChannelPress","onMemberPress","onViewAllMembersPress","_useComponentsContext2","ChannelDetailsContentOverride","value","useMemo","Content","notificationHostId","cid","undefined","ChannelDetailsContextProvider","NotificationTargetProvider","hostId","panel","NotificationList","StyleSheet","create","flex","gap","primitives","spacingMd","paddingBottom","spacing3xl","paddingHorizontal","paddingTop","spacing2xl"],"sourceRoot":"../../../../src","sources":["components/ChannelDetails/ChannelDetails.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js

@@ -0,0 +1,109 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsActionItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _theme = require("../../../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelDetailsActionItem.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChannelDetailsActionItem = ({
+  Icon,
+  destructive = false,
+  label,
+  onPress,
+  testID,
+  trailing
+}) => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails.actionItem,
+    containerOverride = _useTheme$theme$chann.container,
+    destructiveLabelOverride = _useTheme$theme$chann.destructiveLabel,
+    iconWrapperOverride = _useTheme$theme$chann.iconWrapper,
+    labelOverride = _useTheme$theme$chann.label,
+    semantics = _useTheme$theme.semantics;
+  var styles = useStyles();
+  var labelColor = destructive ? semantics.accentError : semantics.textPrimary;
+  var iconColor = destructive ? semantics.accentError : semantics.textPrimary;
+  var content = (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.contentContainer, containerOverride],
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconWrapper, iconWrapperOverride],
+      children: (0, _jsxRuntime.jsx)(Icon, {
+        height: 20,
+        stroke: iconColor,
+        width: 20
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      style: [styles.label, {
+        color: labelColor
+      }, labelOverride, destructive ? destructiveLabelOverride : null],
+      children: label
+    }), trailing ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.trailing,
+      children: trailing
+    }) : null]
+  });
+  if (!onPress) {
+    return (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      testID: testID,
+      children: content
+    });
+  }
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityLabel: label,
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.row, pressed ? {
+      backgroundColor: semantics.backgroundUtilityPressed
+    } : null],
+    testID: testID,
+    children: content
+  });
+};
+exports.ChannelDetailsActionItem = ChannelDetailsActionItem;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    contentContainer: {
+      alignItems: 'center',
+      flex: 1,
+      flexDirection: 'row',
+      gap: _theme.primitives.spacingSm,
+      minHeight: 48,
+      paddingHorizontal: _theme.primitives.spacingSm,
+      paddingVertical: _theme.primitives.spacingXs
+    },
+    iconWrapper: {
+      alignItems: 'center',
+      height: 20,
+      justifyContent: 'center',
+      width: 20
+    },
+    label: {
+      flex: 1,
+      fontSize: _theme.primitives.typographyFontSizeMd,
+      fontWeight: _theme.primitives.typographyFontWeightRegular,
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+    },
+    row: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      minHeight: 48,
+      paddingHorizontal: _theme.primitives.spacingXxs
+    },
+    trailing: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'flex-end'
+    }
+  }), []);
+};
+//# sourceMappingURL=ChannelDetailsActionItem.js.map

package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_theme","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsActionItem","Icon","destructive","label","onPress","testID","trailing","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","actionItem","containerOverride","container","destructiveLabelOverride","destructiveLabel","iconWrapperOverride","iconWrapper","labelOverride","semantics","styles","useStyles","labelColor","accentError","textPrimary","iconColor","content","jsxs","View","style","contentContainer","children","jsx","height","stroke","width","Text","numberOfLines","color","row","Pressable","accessibilityLabel","accessibilityRole","pressed","backgroundColor","backgroundUtilityPressed","exports","useMemo","StyleSheet","create","alignItems","flex","flexDirection","gap","primitives","spacingSm","minHeight","paddingHorizontal","paddingVertical","spacingXs","justifyContent","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL","spacingXxs"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsActionItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionsSection.js

@@ -0,0 +1,161 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsActionsSection = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ComponentsContext = require("../../../contexts/componentsContext/ComponentsContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _useChannelActions = require("../../../hooks/actions/useChannelActions");
+var _useIsDirectChat = require("../../../hooks/useIsDirectChat");
+var _theme = require("../../../theme");
+var _rtlMirrorSwitchStyle = require("../../../utils/rtlMirrorSwitchStyle");
+var _useIsChannelMuted2 = require("../../ChannelPreview/hooks/useIsChannelMuted");
+var _useUserMuteActive = require("../../Message/hooks/useUserMuteActive");
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelDetailsActionsSection.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChannelMuteToggleRow = ({
+  item
+}) => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelDetailsActionItem = _useComponentsContext.ChannelDetailsActionItem;
+  var rtlMirrorSwitchStyle = (0, _rtlMirrorSwitchStyle.useRtlMirrorSwitchStyle)();
+  var _useIsChannelMuted = (0, _useIsChannelMuted2.useIsChannelMuted)(channel),
+    muted = _useIsChannelMuted.muted;
+  var switchColors = useSwitchColors();
+  var _useState = (0, _react.useState)(muted),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMuted = _useState2[0],
+    setIsMuted = _useState2[1];
+  var mutedRef = (0, _react.useRef)(muted);
+  (0, _react.useEffect)(() => {
+    mutedRef.current = muted;
+    setIsMuted(muted);
+  }, [muted]);
+  var handleValueChange = (0, _react.useCallback)(value => {
+    setIsMuted(value);
+    item.action({
+      onFailure: () => setIsMuted(mutedRef.current)
+    });
+  }, [item]);
+  var testID = `channel-details-action-${item.id}`;
+  return (0, _jsxRuntime.jsx)(ChannelDetailsActionItem, {
+    destructive: item.type === 'destructive',
+    Icon: item.Icon,
+    label: item.label,
+    testID: testID,
+    trailing: (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+      ...switchColors,
+      onValueChange: handleValueChange,
+      style: rtlMirrorSwitchStyle,
+      testID: `${testID}-switch`,
+      value: isMuted
+    })
+  });
+};
+var UserMuteToggleRow = ({
+  item
+}) => {
+  var _useChannelDetailsCon2 = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon2.channel;
+  var _useComponentsContext2 = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelDetailsActionItem = _useComponentsContext2.ChannelDetailsActionItem;
+  var isDirect = (0, _useIsDirectChat.useIsDirectChat)(channel);
+  var rtlMirrorSwitchStyle = (0, _rtlMirrorSwitchStyle.useRtlMirrorSwitchStyle)();
+  var switchColors = useSwitchColors();
+  var otherUser = isDirect ? (0, _useChannelActions.getOtherUserInDirectChannel)(channel)?.user : undefined;
+  var userMuted = (0, _useUserMuteActive.useUserMuteActive)(otherUser);
+  var _useState3 = (0, _react.useState)(userMuted),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isUserMuted = _useState4[0],
+    setIsUserMuted = _useState4[1];
+  var userMutedRef = (0, _react.useRef)(userMuted);
+  (0, _react.useEffect)(() => {
+    userMutedRef.current = userMuted;
+    setIsUserMuted(userMuted);
+  }, [userMuted]);
+  var handleValueChange = (0, _react.useCallback)(value => {
+    setIsUserMuted(value);
+    item.action({
+      onFailure: () => setIsUserMuted(userMutedRef.current)
+    });
+  }, [item]);
+  var testID = `channel-details-action-${item.id}`;
+  return (0, _jsxRuntime.jsx)(ChannelDetailsActionItem, {
+    destructive: item.type === 'destructive',
+    Icon: item.Icon,
+    label: item.label,
+    testID: testID,
+    trailing: (0, _jsxRuntime.jsx)(_reactNative.Switch, {
+      ...switchColors,
+      onValueChange: handleValueChange,
+      style: rtlMirrorSwitchStyle,
+      testID: `${testID}-switch`,
+      value: isUserMuted
+    })
+  });
+};
+var ChannelDetailsActionsSection = () => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    sectionCardOverride = _useTheme$theme.channelDetails.sectionCard,
+    semantics = _useTheme$theme.semantics;
+  var _useComponentsContext3 = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelDetailsActionItem = _useComponentsContext3.ChannelDetailsActionItem;
+  var styles = useStyles();
+  var items = (0, _hooks.useChannelDetailsActionItems)();
+  if (items.length === 0) return null;
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.sectionCard, {
+      backgroundColor: semantics.backgroundCoreSurfaceCard
+    }, sectionCardOverride],
+    children: items.map(item => {
+      if (item.id === 'mute') {
+        return (0, _jsxRuntime.jsx)(ChannelMuteToggleRow, {
+          item: item
+        }, item.id);
+      }
+      if (item.id === 'muteUser') {
+        return (0, _jsxRuntime.jsx)(UserMuteToggleRow, {
+          item: item
+        }, item.id);
+      }
+      return (0, _jsxRuntime.jsx)(ChannelDetailsActionItem, {
+        destructive: item.type === 'destructive',
+        Icon: item.Icon,
+        label: item.label,
+        onPress: () => item.action(),
+        testID: `channel-details-action-${item.id}`
+      }, item.id);
+    })
+  });
+};
+exports.ChannelDetailsActionsSection = ChannelDetailsActionsSection;
+var useSwitchColors = () => {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme2.theme.semantics;
+  return (0, _react.useMemo)(() => ({
+    thumbColor: semantics.controlToggleSwitchKnob,
+    trackColor: {
+      false: semantics.controlToggleSwitchBg,
+      true: semantics.controlToggleSwitchBgSelected
+    }
+  }), [semantics]);
+};
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    sectionCard: {
+      borderRadius: _theme.primitives.radiusLg,
+      overflow: 'hidden',
+      paddingVertical: _theme.primitives.spacingXs
+    }
+  }), []);
+};
+//# sourceMappingURL=ChannelDetailsActionsSection.js.map

package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_channelDetailsContext","_ComponentsContext","_ThemeContext","_useChannelActions","_useIsDirectChat","_theme","_rtlMirrorSwitchStyle","_useIsChannelMuted2","_useUserMuteActive","_hooks","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelMuteToggleRow","item","_useChannelDetailsCon","useChannelDetailsContext","channel","_useComponentsContext","useComponentsContext","ChannelDetailsActionItem","rtlMirrorSwitchStyle","useRtlMirrorSwitchStyle","_useIsChannelMuted","useIsChannelMuted","muted","switchColors","useSwitchColors","_useState","useState","_useState2","_slicedToArray2","isMuted","setIsMuted","mutedRef","useRef","useEffect","current","handleValueChange","useCallback","value","action","onFailure","testID","id","jsx","destructive","type","Icon","label","trailing","Switch","onValueChange","style","UserMuteToggleRow","_useChannelDetailsCon2","_useComponentsContext2","isDirect","useIsDirectChat","otherUser","getOtherUserInDirectChannel","user","undefined","userMuted","useUserMuteActive","_useState3","_useState4","isUserMuted","setIsUserMuted","userMutedRef","ChannelDetailsActionsSection","_useTheme","useTheme","_useTheme$theme","theme","sectionCardOverride","channelDetails","sectionCard","semantics","_useComponentsContext3","styles","useStyles","items","useChannelDetailsActionItems","length","View","backgroundColor","backgroundCoreSurfaceCard","children","map","onPress","exports","_useTheme2","useMemo","thumbColor","controlToggleSwitchKnob","trackColor","false","controlToggleSwitchBg","true","controlToggleSwitchBgSelected","StyleSheet","create","borderRadius","primitives","radiusLg","overflow","paddingVertical","spacingXs"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsActionsSection.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAAwD,IAAAY,WAAA,GAAAZ,OAAA;AAAA,IAAAa,YAAA;AAAA,SAAAd,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExD,IAAMmB,oBAAoB,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EACtE,IAAAC,qBAAA,GAAoB,IAAAC,+CAAwB,EAAC,CAAC;IAAtCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAAC,qBAAA,GAAqC,IAAAC,uCAAoB,EAAC,CAAC;IAAnDC,wBAAwB,GAAAF,qBAAA,CAAxBE,wBAAwB;EAChC,IAAMC,oBAAoB,GAAG,IAAAC,6CAAuB,EAAC,CAAC;EACtD,IAAAC,kBAAA,GAAkB,IAAAC,qCAAiB,EAACP,OAAO,CAAC;IAApCQ,KAAK,GAAAF,kBAAA,CAALE,KAAK;EACb,IAAMC,YAAY,GAAGC,eAAe,CAAC,CAAC;EACtC,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAACJ,KAAK,CAAC;IAAAK,UAAA,OAAAC,eAAA,CAAA5B,OAAA,EAAAyB,SAAA;IAAtCI,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAC1B,IAAMI,QAAQ,GAAG,IAAAC,aAAM,EAACV,KAAK,CAAC;EAE9B,IAAAW,gBAAS,EAAC,MAAM;IACdF,QAAQ,CAACG,OAAO,GAAGZ,KAAK;IACxBQ,UAAU,CAACR,KAAK,CAAC;EACnB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMa,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,KAAc,IAAK;IAClBP,UAAU,CAACO,KAAK,CAAC;IACjB1B,IAAI,CAAC2B,MAAM,CAAC;MAAEC,SAAS,EAAEA,CAAA,KAAMT,UAAU,CAACC,QAAQ,CAACG,OAAO;IAAE,CAAC,CAAC;EAChE,CAAC,EACD,CAACvB,IAAI,CACP,CAAC;EAED,IAAM6B,MAAM,GAAG,0BAA0B7B,IAAI,CAAC8B,EAAE,EAAE;EAElD,OACE,IAAArD,WAAA,CAAAsD,GAAA,EAACzB,wBAAwB;IACvB0B,WAAW,EAAEhC,IAAI,CAACiC,IAAI,KAAK,aAAc;IACzCC,IAAI,EAAElC,IAAI,CAACkC,IAAK;IAChBC,KAAK,EAAEnC,IAAI,CAACmC,KAAM;IAClBN,MAAM,EAAEA,MAAO;IACfO,QAAQ,EACN,IAAA3D,WAAA,CAAAsD,GAAA,EAACjE,YAAA,CAAAuE,MAAM;MAAA,GACDzB,YAAY;MAChB0B,aAAa,EAAEd,iBAAkB;MACjCe,KAAK,EAAEhC,oBAAqB;MAC5BsB,MAAM,EAAE,GAAGA,MAAM,SAAU;MAC3BH,KAAK,EAAER;IAAQ,CAChB;EACF,CACF,CAAC;AAEN,CAAC;AAED,IAAMsB,iBAAiB,GAAGA,CAAC;EAAExC;AAAkC,CAAC,KAAK;EACnE,IAAAyC,sBAAA,GAAoB,IAAAvC,+CAAwB,EAAC,CAAC;IAAtCC,OAAO,GAAAsC,sBAAA,CAAPtC,OAAO;EACf,IAAAuC,sBAAA,GAAqC,IAAArC,uCAAoB,EAAC,CAAC;IAAnDC,wBAAwB,GAAAoC,sBAAA,CAAxBpC,wBAAwB;EAChC,IAAMqC,QAAQ,GAAG,IAAAC,gCAAe,EAACzC,OAAO,CAAC;EACzC,IAAMI,oBAAoB,GAAG,IAAAC,6CAAuB,EAAC,CAAC;EACtD,IAAMI,YAAY,GAAGC,eAAe,CAAC,CAAC;EACtC,IAAMgC,SAAS,GAAGF,QAAQ,GAAG,IAAAG,8CAA2B,EAAC3C,OAAO,CAAC,EAAE4C,IAAI,GAAGC,SAAS;EACnF,IAAMC,SAAS,GAAG,IAAAC,oCAAiB,EAACL,SAAS,CAAC;EAC9C,IAAAM,UAAA,GAAsC,IAAApC,eAAQ,EAACkC,SAAS,CAAC;IAAAG,UAAA,OAAAnC,eAAA,CAAA5B,OAAA,EAAA8D,UAAA;IAAlDE,WAAW,GAAAD,UAAA;IAAEE,cAAc,GAAAF,UAAA;EAClC,IAAMG,YAAY,GAAG,IAAAlC,aAAM,EAAC4B,SAAS,CAAC;EAEtC,IAAA3B,gBAAS,EAAC,MAAM;IACdiC,YAAY,CAAChC,OAAO,GAAG0B,SAAS;IAChCK,cAAc,CAACL,SAAS,CAAC;EAC3B,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMzB,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,KAAc,IAAK;IAClB4B,cAAc,CAAC5B,KAAK,CAAC;IACrB1B,IAAI,CAAC2B,MAAM,CAAC;MAAEC,SAAS,EAAEA,CAAA,KAAM0B,cAAc,CAACC,YAAY,CAAChC,OAAO;IAAE,CAAC,CAAC;EACxE,CAAC,EACD,CAACvB,IAAI,CACP,CAAC;EAED,IAAM6B,MAAM,GAAG,0BAA0B7B,IAAI,CAAC8B,EAAE,EAAE;EAElD,OACE,IAAArD,WAAA,CAAAsD,GAAA,EAACzB,wBAAwB;IACvB0B,WAAW,EAAEhC,IAAI,CAACiC,IAAI,KAAK,aAAc;IACzCC,IAAI,EAAElC,IAAI,CAACkC,IAAK;IAChBC,KAAK,EAAEnC,IAAI,CAACmC,KAAM;IAClBN,MAAM,EAAEA,MAAO;IACfO,QAAQ,EACN,IAAA3D,WAAA,CAAAsD,GAAA,EAACjE,YAAA,CAAAuE,MAAM;MAAA,GACDzB,YAAY;MAChB0B,aAAa,EAAEd,iBAAkB;MACjCe,KAAK,EAAEhC,oBAAqB;MAC5BsB,MAAM,EAAE,GAAGA,MAAM,SAAU;MAC3BH,KAAK,EAAE2B;IAAY,CACpB;EACF,CACF,CAAC;AAEN,CAAC;AAKM,IAAMG,4BAA4B,GAAGA,CAAA,KAAM;EAChD,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAC4BC,mBAAmB,GAAAF,eAAA,CAAlDG,cAAc,CAAIC,WAAW;IAC7BC,SAAS,GAAAL,eAAA,CAATK,SAAS;EAGb,IAAAC,sBAAA,GAAqC,IAAA5D,uCAAoB,EAAC,CAAC;IAAnDC,wBAAwB,GAAA2D,sBAAA,CAAxB3D,wBAAwB;EAChC,IAAM4D,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,IAAMC,KAAK,GAAG,IAAAC,mCAA4B,EAAC,CAAC;EAE5C,IAAID,KAAK,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,OACE,IAAA7F,WAAA,CAAAsD,GAAA,EAACjE,YAAA,CAAAyG,IAAI;IACHhC,KAAK,EAAE,CACL2B,MAAM,CAACH,WAAW,EAClB;MAAES,eAAe,EAAER,SAAS,CAACS;IAA0B,CAAC,EACxDZ,mBAAmB,CACnB;IAAAa,QAAA,EAEDN,KAAK,CAACO,GAAG,CAAE3E,IAAI,IAAK;MACnB,IAAIA,IAAI,CAAC8B,EAAE,KAAK,MAAM,EAAE;QACtB,OAAO,IAAArD,WAAA,CAAAsD,GAAA,EAAChC,oBAAoB;UAACC,IAAI,EAAEA;QAAK,GAAMA,IAAI,CAAC8B,EAAK,CAAC;MAC3D;MACA,IAAI9B,IAAI,CAAC8B,EAAE,KAAK,UAAU,EAAE;QAC1B,OAAO,IAAArD,WAAA,CAAAsD,GAAA,EAACS,iBAAiB;UAACxC,IAAI,EAAEA;QAAK,GAAMA,IAAI,CAAC8B,EAAK,CAAC;MACxD;MAEA,OACE,IAAArD,WAAA,CAAAsD,GAAA,EAACzB,wBAAwB;QACvB0B,WAAW,EAAEhC,IAAI,CAACiC,IAAI,KAAK,aAAc;QACzCC,IAAI,EAAElC,IAAI,CAACkC,IAAK;QAEhBC,KAAK,EAAEnC,IAAI,CAACmC,KAAM;QAClByC,OAAO,EAAEA,CAAA,KAAM5E,IAAI,CAAC2B,MAAM,CAAC,CAAE;QAC7BE,MAAM,EAAE,0BAA0B7B,IAAI,CAAC8B,EAAE;MAAG,GAHvC9B,IAAI,CAAC8B,EAIX,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAC+C,OAAA,CAAArB,4BAAA,GAAAA,4BAAA;AAEF,IAAM3C,eAAe,GAAGA,CAAA,KAAM;EAC5B,IAAAiE,UAAA,GAEI,IAAApB,sBAAQ,EAAC,CAAC;IADHM,SAAS,GAAAc,UAAA,CAAlBlB,KAAK,CAAII,SAAS;EAEpB,OAAO,IAAAe,cAAO,EACZ,OAAO;IACLC,UAAU,EAAEhB,SAAS,CAACiB,uBAAuB;IAC7CC,UAAU,EAAE;MACVC,KAAK,EAAEnB,SAAS,CAACoB,qBAAqB;MACtCC,IAAI,EAAErB,SAAS,CAACsB;IAClB;EACF,CAAC,CAAC,EACF,CAACtB,SAAS,CACZ,CAAC;AACH,CAAC;AAED,IAAMG,SAAS,GAAGA,CAAA,KAAM;EACtB,OAAO,IAAAY,cAAO,EACZ,MACEQ,uBAAU,CAACC,MAAM,CAAC;IAChBzB,WAAW,EAAE;MACX0B,YAAY,EAAEC,iBAAU,CAACC,QAAQ;MACjCC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAEH,iBAAU,CAACI;IAC9B;EACF,CAAC,CAAC,EACJ,EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsMemberSection.js

@@ -0,0 +1,200 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsMemberSection = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ChannelAddMembersModal = require("./members/ChannelAddMembersModal");
+var _ChannelAllMembersModal = require("./members/ChannelAllMembersModal");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ComponentsContext = require("../../../contexts/componentsContext/ComponentsContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useChannelOwnCapabilities = require("../../../hooks/useChannelOwnCapabilities");
+var _theme = require("../../../theme");
+var _Button = require("../../ui/Button/Button");
+var _useChannelDetailsMembersPreview = require("../hooks/useChannelDetailsMembersPreview");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelDetailsMemberSection.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChannelDetailsMemberSection = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel,
+    onAddMembersPress = _useChannelDetailsCon.onAddMembersPress,
+    onMemberPress = _useChannelDetailsCon.onMemberPress,
+    onViewAllMembersPress = _useChannelDetailsCon.onViewAllMembersPress;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var ownCapabilities = (0, _useChannelOwnCapabilities.useChannelOwnCapabilities)(channel);
+  var updateChannelMembers = ownCapabilities?.includes('update-channel-members') ?? false;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails,
+    _useTheme$theme$chann2 = _useTheme$theme$chann.memberSection,
+    footerOverride = _useTheme$theme$chann2.footer,
+    headerOverride = _useTheme$theme$chann2.header,
+    headerTitleOverride = _useTheme$theme$chann2.headerTitle,
+    viewAllLabelOverride = _useTheme$theme$chann2.viewAllLabel,
+    sectionCardOverride = _useTheme$theme$chann.sectionCard,
+    semantics = _useTheme$theme.semantics;
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelMemberActionsSheet = _useComponentsContext.ChannelMemberActionsSheet,
+    ChannelMemberItem = _useComponentsContext.ChannelMemberItem;
+  var _useChannelDetailsMem = (0, _useChannelDetailsMembersPreview.useChannelDetailsMembersPreview)(channel),
+    hasMore = _useChannelDetailsMem.hasMore,
+    total = _useChannelDetailsMem.total,
+    visible = _useChannelDetailsMem.visible;
+  var styles = useStyles();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMemberListVisible = _useState2[0],
+    setMemberListVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isAddMembersVisible = _useState4[0],
+    setAddMembersVisible = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    selectedMember = _useState6[0],
+    setSelectedMember = _useState6[1];
+  var handleViewAllPress = (0, _react.useCallback)(() => {
+    if (onViewAllMembersPress) {
+      onViewAllMembersPress();
+      return;
+    }
+    setMemberListVisible(true);
+  }, [onViewAllMembersPress]);
+  var handleMemberListClose = (0, _react.useCallback)(() => setMemberListVisible(false), []);
+  var handleAddMembersClose = (0, _react.useCallback)(() => setAddMembersVisible(false), []);
+  var handleAddMembersPress = (0, _react.useCallback)(() => {
+    if (onAddMembersPress) {
+      onAddMembersPress();
+      return;
+    }
+    setMemberListVisible(false);
+    setAddMembersVisible(true);
+  }, [onAddMembersPress]);
+  var handleMemberActionsClose = (0, _react.useCallback)(() => setSelectedMember(null), []);
+  var handleMemberPress = (0, _react.useCallback)(member => {
+    if (onMemberPress) {
+      onMemberPress(member);
+      return;
+    }
+    setSelectedMember(member);
+  }, [onMemberPress]);
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.sectionCard, {
+      backgroundColor: semantics.backgroundCoreSurfaceCard
+    }, sectionCardOverride],
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.header, headerOverride],
+      children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        accessibilityRole: "header",
+        style: [styles.headerTitle, {
+          color: semantics.textPrimary
+        }, headerTitleOverride],
+        children: t('{{count}} members', {
+          count: total
+        })
+      }), updateChannelMembers ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.headerAddButton,
+        children: (0, _jsxRuntime.jsx)(_Button.Button, {
+          accessibilityLabelKey: "a11y/Add members",
+          label: t('Add'),
+          onPress: handleAddMembersPress,
+          size: "sm",
+          style: styles.headerAddButtonInner,
+          testID: "channel-details-member-section-add-button",
+          type: "outline",
+          variant: "secondary"
+        })
+      }) : null]
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.list,
+      children: visible.map(member => {
+        if (!member.user?.id) return null;
+        return (0, _jsxRuntime.jsx)(ChannelMemberItem, {
+          member: member,
+          onPress: handleMemberPress
+        }, member.user.id);
+      })
+    }), hasMore ? (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityLabel: t('View all'),
+      accessibilityRole: "button",
+      onPress: handleViewAllPress,
+      style: [styles.footer, {
+        borderTopColor: semantics.borderCoreDefault
+      }, footerOverride],
+      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.viewAllButton,
+        children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.viewAllLabel, {
+            color: semantics.textPrimary
+          }, viewAllLabelOverride],
+          children: t('View all')
+        })
+      })
+    }) : null, (0, _jsxRuntime.jsx)(_ChannelAllMembersModal.ChannelAllMembersModal, {
+      onAddMembersPress: handleAddMembersPress,
+      onClose: handleMemberListClose,
+      visible: isMemberListVisible
+    }), (0, _jsxRuntime.jsx)(_ChannelAddMembersModal.ChannelAddMembersModal, {
+      onClose: handleAddMembersClose,
+      visible: isAddMembersVisible
+    }), selectedMember ? (0, _jsxRuntime.jsx)(ChannelMemberActionsSheet, {
+      member: selectedMember,
+      onClose: handleMemberActionsClose,
+      visible: true
+    }) : null]
+  });
+};
+exports.ChannelDetailsMemberSection = ChannelDetailsMemberSection;
+var useStyles = () => (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+  footer: {
+    alignItems: 'center',
+    borderTopWidth: 1,
+    paddingHorizontal: _theme.primitives.spacingMd
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _theme.primitives.spacingSm,
+    justifyContent: 'space-between',
+    paddingHorizontal: _theme.primitives.spacingMd,
+    paddingTop: _theme.primitives.spacingXs
+  },
+  headerAddButton: {
+    flexShrink: 0
+  },
+  headerAddButtonInner: {
+    width: 'auto'
+  },
+  headerTitle: {
+    flexShrink: 1,
+    fontSize: _theme.primitives.typographyFontSizeMd,
+    fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+    lineHeight: _theme.primitives.typographyLineHeightNormal,
+    writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+  },
+  list: {
+    paddingBottom: _theme.primitives.spacingSm
+  },
+  sectionCard: {
+    borderRadius: _theme.primitives.radiusLg,
+    overflow: 'hidden'
+  },
+  viewAllButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: 48,
+    width: '100%'
+  },
+  viewAllLabel: {
+    fontSize: _theme.primitives.typographyFontSizeMd,
+    fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+    lineHeight: _theme.primitives.typographyLineHeightNormal
+  }
+}), []);
+//# sourceMappingURL=ChannelDetailsMemberSection.js.map