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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ChannelAddMembersModal","_ChannelAllMembersModal","_channelDetailsContext","_ComponentsContext","_ThemeContext","_TranslationContext","_useChannelOwnCapabilities","_theme","_Button","_useChannelDetailsMembersPreview","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsMemberSection","_useChannelDetailsCon","useChannelDetailsContext","channel","onAddMembersPress","onMemberPress","onViewAllMembersPress","_useTranslationContex","useTranslationContext","ownCapabilities","useChannelOwnCapabilities","updateChannelMembers","includes","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","_useTheme$theme$chann2","memberSection","footerOverride","footer","headerOverride","header","headerTitleOverride","headerTitle","viewAllLabelOverride","viewAllLabel","sectionCardOverride","sectionCard","semantics","_useComponentsContext","useComponentsContext","ChannelMemberActionsSheet","ChannelMemberItem","_useChannelDetailsMem","useChannelDetailsMembersPreview","hasMore","total","visible","styles","useStyles","_useState","useState","_useState2","_slicedToArray2","isMemberListVisible","setMemberListVisible","_useState3","_useState4","isAddMembersVisible","setAddMembersVisible","_useState5","_useState6","selectedMember","setSelectedMember","handleViewAllPress","useCallback","handleMemberListClose","handleAddMembersClose","handleAddMembersPress","handleMemberActionsClose","handleMemberPress","member","jsxs","View","style","backgroundColor","backgroundCoreSurfaceCard","children","jsx","Text","accessibilityRole","color","textPrimary","count","headerAddButton","Button","accessibilityLabelKey","label","onPress","size","headerAddButtonInner","testID","type","variant","list","map","user","id","Pressable","accessibilityLabel","borderTopColor","borderCoreDefault","viewAllButton","ChannelAllMembersModal","onClose","ChannelAddMembersModal","exports","useMemo","StyleSheet","create","alignItems","borderTopWidth","paddingHorizontal","primitives","spacingMd","flexDirection","gap","spacingSm","justifyContent","paddingTop","spacingXs","flexShrink","width","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL","paddingBottom","borderRadius","radiusLg","overflow","minHeight"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsMemberSection.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsNavHeader = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _ChannelEditDetailsModal = require("./ChannelEditDetailsModal");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useChannelOwnCapabilities = require("../../../hooks/useChannelOwnCapabilities");
+var _useIsDirectChat = require("../../../hooks/useIsDirectChat");
+var _chevronLeft = require("../../../icons/chevron-left");
+var _theme = require("../../../theme");
+var _Button = require("../../ui/Button/Button");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelDetailsNavHeader.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 ChannelDetailsNavHeader = ({
+  title
+}) => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel,
+    onBack = _useChannelDetailsCon.onBack,
+    onEditChannelPress = _useChannelDetailsCon.onEditChannelPress;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var ownCapabilities = (0, _useChannelOwnCapabilities.useChannelOwnCapabilities)(channel);
+  var canUpdateChannel = ownCapabilities?.includes('update-channel') ?? false;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails.header,
+    containerOverride = _useTheme$theme$chann.container,
+    titleOverride = _useTheme$theme$chann.title,
+    semantics = _useTheme$theme.semantics;
+  var isDirect = (0, _useIsDirectChat.useIsDirectChat)(channel);
+  var styles = useStyles();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    editModalVisible = _useState2[0],
+    setEditModalVisible = _useState2[1];
+  var resolvedTitle = title ?? (isDirect ? t('Contact Info') : t('Group Info'));
+  var handleEditPress = (0, _react.useCallback)(() => {
+    if (onEditChannelPress) {
+      onEditChannelPress();
+      return;
+    }
+    setEditModalVisible(true);
+  }, [onEditChannelPress]);
+  var handleEditModalClose = (0, _react.useCallback)(() => setEditModalVisible(false), []);
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: semantics.backgroundCoreElevation1
+    }, {
+      borderBottomColor: semantics.borderCoreSubtle
+    }, containerOverride],
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.sideContainer,
+      children: onBack ? (0, _jsxRuntime.jsx)(_Button.Button, {
+        accessibilityLabelKey: "a11y/Back",
+        iconOnly: true,
+        LeadingIcon: _chevronLeft.ChevronLeft,
+        onPress: onBack,
+        size: "md",
+        testID: "channel-details-back-button",
+        type: "ghost",
+        variant: "secondary"
+      }) : null
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.centerContainer,
+      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        accessibilityRole: "header",
+        numberOfLines: 1,
+        style: [styles.title, {
+          color: semantics.textPrimary
+        }, titleOverride],
+        children: resolvedTitle
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.sideContainer, styles.sideContainerRight],
+      children: canUpdateChannel && !isDirect ? (0, _jsxRuntime.jsx)(_Button.Button, {
+        accessibilityLabelKey: "a11y/Edit channel",
+        label: t('Edit'),
+        onPress: handleEditPress,
+        size: "sm",
+        testID: "channel-details-edit-button",
+        type: "outline",
+        variant: "secondary"
+      }) : null
+    }), (0, _jsxRuntime.jsx)(_ChannelEditDetailsModal.ChannelEditDetailsModal, {
+      onClose: handleEditModalClose,
+      visible: editModalVisible
+    })]
+  });
+};
+exports.ChannelDetailsNavHeader = ChannelDetailsNavHeader;
+var useStyles = () => {
+  var insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    centerContainer: {
+      alignItems: 'center',
+      flex: 2,
+      justifyContent: 'center'
+    },
+    container: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      paddingTop: insets.top + _theme.primitives.spacingSm,
+      paddingBottom: _theme.primitives.spacingSm,
+      paddingHorizontal: _theme.primitives.spacingSm,
+      gap: _theme.primitives.spacingXs,
+      borderBottomWidth: 1
+    },
+    sideContainer: {
+      flex: 1,
+      justifyContent: 'center'
+    },
+    sideContainerRight: {
+      alignItems: 'flex-end'
+    },
+    title: {
+      fontSize: _theme.primitives.typographyFontSizeMd,
+      fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+    }
+  }), [insets.top]);
+};
+//# sourceMappingURL=ChannelDetailsNavHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_ChannelEditDetailsModal","_channelDetailsContext","_ThemeContext","_TranslationContext","_useChannelOwnCapabilities","_useIsDirectChat","_chevronLeft","_theme","_Button","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsNavHeader","title","_useChannelDetailsCon","useChannelDetailsContext","channel","onBack","onEditChannelPress","_useTranslationContex","useTranslationContext","ownCapabilities","useChannelOwnCapabilities","canUpdateChannel","includes","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","header","containerOverride","container","titleOverride","semantics","isDirect","useIsDirectChat","styles","useStyles","_useState","useState","_useState2","_slicedToArray2","editModalVisible","setEditModalVisible","resolvedTitle","handleEditPress","useCallback","handleEditModalClose","jsxs","View","style","backgroundColor","backgroundCoreElevation1","borderBottomColor","borderCoreSubtle","children","jsx","sideContainer","Button","accessibilityLabelKey","iconOnly","LeadingIcon","ChevronLeft","onPress","size","testID","type","variant","centerContainer","Text","accessibilityRole","numberOfLines","color","textPrimary","sideContainerRight","label","ChannelEditDetailsModal","onClose","visible","exports","insets","useSafeAreaInsets","useMemo","StyleSheet","create","alignItems","flex","justifyContent","flexDirection","paddingTop","top","primitives","spacingSm","paddingBottom","paddingHorizontal","gap","spacingXs","borderBottomWidth","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsNavHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsNavigationSection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ChannelDetailsActionItem = require("./ChannelDetailsActionItem");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _icons = require("../../../icons");
+var _file = require("../../../icons/file");
+var _gallery = require("../../../icons/gallery");
+var _pin = require("../../../icons/pin");
+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/ChannelDetailsNavigationSection.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 ChannelDetailsNavigationSection = () => {
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    sectionCardOverride = _useTheme$theme.channelDetails.sectionCard,
+    semantics = _useTheme$theme.semantics;
+  var styles = useStyles();
+  var chevron = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: (0, _jsxRuntime.jsx)(_icons.ChevronRight, {
+      height: 20,
+      stroke: semantics.textTertiary,
+      width: 20
+    })
+  }), [semantics.textTertiary]);
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.sectionCard, {
+      backgroundColor: semantics.backgroundCoreSurfaceCard
+    }, sectionCardOverride],
+    children: [(0, _jsxRuntime.jsx)(_ChannelDetailsActionItem.ChannelDetailsActionItem, {
+      Icon: _pin.Pin,
+      label: t('Pinned Messages'),
+      testID: "channel-details-pinned-messages",
+      trailing: chevron
+    }), (0, _jsxRuntime.jsx)(_ChannelDetailsActionItem.ChannelDetailsActionItem, {
+      Icon: _gallery.ImageGrid,
+      label: t('Photos & Videos'),
+      testID: "channel-details-photos-and-videos",
+      trailing: chevron
+    }), (0, _jsxRuntime.jsx)(_ChannelDetailsActionItem.ChannelDetailsActionItem, {
+      Icon: _file.File,
+      label: t('Files'),
+      testID: "channel-details-files",
+      trailing: chevron
+    })]
+  });
+};
+exports.ChannelDetailsNavigationSection = ChannelDetailsNavigationSection;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    sectionCard: {
+      borderRadius: _theme.primitives.radiusLg,
+      overflow: 'hidden',
+      paddingVertical: _theme.primitives.spacingXs
+    }
+  }), []);
+};
+//# sourceMappingURL=ChannelDetailsNavigationSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ChannelDetailsActionItem","_ThemeContext","_TranslationContext","_icons","_file","_gallery","_pin","_theme","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsNavigationSection","_useTranslationContex","useTranslationContext","_useTheme","useTheme","_useTheme$theme","theme","sectionCardOverride","channelDetails","sectionCard","semantics","styles","useStyles","chevron","useMemo","jsx","View","accessibilityElementsHidden","importantForAccessibility","children","ChevronRight","height","stroke","textTertiary","width","jsxs","style","backgroundColor","backgroundCoreSurfaceCard","ChannelDetailsActionItem","Icon","Pin","label","testID","trailing","ImageGrid","File","exports","StyleSheet","create","borderRadius","primitives","radiusLg","overflow","paddingVertical","spacingXs"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsNavigationSection.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsProfile = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _a11yUtils = require("../../../a11y/a11yUtils");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useChannelMuteActive = require("../../../hooks/useChannelMuteActive");
+var _mute = require("../../../icons/mute");
+var _theme = require("../../../theme");
+var _useChannelPreviewDisplayName = require("../../ChannelPreview/hooks/useChannelPreviewDisplayName");
+var _ChannelAvatar = require("../../ui/Avatar/ChannelAvatar");
+var _useChannelDetailsMemberStatusText = require("../hooks/useChannelDetailsMemberStatusText");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelDetailsProfile.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 ChannelDetailsProfile = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails.profile,
+    containerOverride = _useTheme$theme$chann.container,
+    headingOverride = _useTheme$theme$chann.heading,
+    subtitleOverride = _useTheme$theme$chann.subtitle,
+    titleOverride = _useTheme$theme$chann.title,
+    semantics = _useTheme$theme.semantics;
+  var displayName = (0, _useChannelPreviewDisplayName.useChannelPreviewDisplayName)(channel);
+  var subtitle = (0, _useChannelDetailsMemberStatusText.useChannelDetailsMemberStatusText)(channel);
+  var muted = (0, _useChannelMuteActive.useChannelMuteActive)(channel);
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerOverride],
+    children: [(0, _jsxRuntime.jsx)(_ChannelAvatar.ChannelAvatar, {
+      channel: channel,
+      showBorder: false,
+      size: "2xl"
+    }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.heading, headingOverride],
+      children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        accessibilityLabel: (0, _a11yUtils.composeAccessibilityLabel)(displayName, muted ? t('Muted') : undefined),
+        accessibilityRole: "header",
+        accessible: true,
+        style: styles.titleRow,
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          numberOfLines: 2,
+          style: [styles.title, {
+            color: semantics.textPrimary
+          }, titleOverride],
+          children: displayName ?? ''
+        }), muted ? (0, _jsxRuntime.jsx)(_mute.Mute, {
+          fill: semantics.textTertiary,
+          height: 20,
+          testID: "channel-details-profile-muted-indicator",
+          width: 20
+        }) : null]
+      }), subtitle ? (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.subtitle, {
+          color: semantics.textSecondary
+        }, subtitleOverride],
+        children: subtitle
+      }) : null]
+    })]
+  });
+};
+exports.ChannelDetailsProfile = ChannelDetailsProfile;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      gap: _theme.primitives.spacingMd
+    },
+    heading: {
+      alignItems: 'center',
+      gap: _theme.primitives.spacingXs,
+      width: '100%'
+    },
+    subtitle: {
+      fontSize: _theme.primitives.typographyFontSizeSm,
+      fontWeight: _theme.primitives.typographyFontWeightRegular,
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      textAlign: 'center',
+      writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+    },
+    title: {
+      flexShrink: 1,
+      fontSize: _theme.primitives.typographyFontSizeXl,
+      fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+      lineHeight: _theme.primitives.typographyLineHeightRelaxed,
+      textAlign: 'center',
+      writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+    },
+    titleRow: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      gap: _theme.primitives.spacingXs,
+      justifyContent: 'center'
+    }
+  }), []);
+};
+//# sourceMappingURL=ChannelDetailsProfile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_a11yUtils","_channelDetailsContext","_ThemeContext","_TranslationContext","_useChannelMuteActive","_mute","_theme","_useChannelPreviewDisplayName","_ChannelAvatar","_useChannelDetailsMemberStatusText","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsProfile","_useChannelDetailsCon","useChannelDetailsContext","channel","_useTranslationContex","useTranslationContext","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","profile","containerOverride","container","headingOverride","heading","subtitleOverride","subtitle","titleOverride","title","semantics","displayName","useChannelPreviewDisplayName","useChannelDetailsMemberStatusText","muted","useChannelMuteActive","styles","useStyles","jsxs","View","style","children","jsx","ChannelAvatar","showBorder","size","accessibilityLabel","composeAccessibilityLabel","undefined","accessibilityRole","accessible","titleRow","Text","numberOfLines","color","textPrimary","Mute","fill","textTertiary","height","testID","width","textSecondary","exports","useMemo","StyleSheet","create","alignItems","gap","primitives","spacingMd","spacingXs","fontSize","typographyFontSizeSm","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","textAlign","writingDirection","I18nManager","isRTL","flexShrink","typographyFontSizeXl","typographyFontWeightSemiBold","typographyLineHeightRelaxed","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelDetailsProfile.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelEditDetails = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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 _ChannelEditDetailsContext = require("../../../contexts/channelEditDetailsContext/ChannelEditDetailsContext");
+var _ComponentsContext = require("../../../contexts/componentsContext/ComponentsContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useStateStore2 = require("../../../hooks/useStateStore");
+var _theme = require("../../../theme");
+var _ChannelAvatar = require("../../ui/Avatar/ChannelAvatar");
+var _Button = require("../../ui/Button/Button");
+var _useEditChannelImage2 = require("../hooks/useEditChannelImage");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/ChannelEditDetails.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 selector = state => ({
+  pendingAction: state.pendingAction,
+  updatedImage: state.updatedImage
+});
+var ChannelEditDetails = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var _useChannelEditDetail = (0, _ChannelEditDetailsContext.useChannelEditDetailsContext)(),
+    store = _useChannelEditDetail.store;
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    ChannelEditImageSheet = _useComponentsContext.ChannelEditImageSheet,
+    ChannelEditName = _useComponentsContext.ChannelEditName;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme$chann = _useTheme.theme.channelDetails.editChannel,
+    avatarSectionOverride = _useTheme$theme$chann.avatarSection,
+    containerOverride = _useTheme$theme$chann.container,
+    uploadButtonOverride = _useTheme$theme$chann.uploadButton;
+  var styles = useStyles();
+  var _useEditChannelImage = (0, _useEditChannelImage2.useEditChannelImage)(),
+    pickImageFromNativePicker = _useEditChannelImage.pickImageFromNativePicker,
+    takePhoto = _useEditChannelImage.takePhoto;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(store.state, selector),
+    pendingAction = _useStateStore.pendingAction,
+    updatedImage = _useStateStore.updatedImage;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    sheetVisible = _useState2[0],
+    setSheetVisible = _useState2[1];
+  var openSheet = (0, _react.useCallback)(() => setSheetVisible(true), []);
+  var closeSheet = (0, _react.useCallback)(() => setSheetVisible(false), []);
+  (0, _react.useEffect)(() => {
+    if (sheetVisible || !pendingAction) return;
+    var action = pendingAction;
+    store.setPendingAction(null);
+    (0, _asyncToGenerator2.default)(function* () {
+      if (action === 'camera') {
+        var file = yield takePhoto();
+        if (file) {
+          store.setUpdatedImage(file);
+        }
+      } else if (action === 'library') {
+        var _file = yield pickImageFromNativePicker();
+        if (_file) {
+          store.setUpdatedImage(_file);
+        }
+      } else if (action === 'reset') {
+        store.setUpdatedImage(null);
+      }
+    })();
+  }, [pendingAction, pickImageFromNativePicker, sheetVisible, store, takePhoto]);
+  var isPreview = updatedImage !== undefined;
+  var previewUri = updatedImage ? updatedImage.uri : null;
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerOverride],
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.avatarSection, avatarSectionOverride],
+      children: [(0, _jsxRuntime.jsx)(_ChannelAvatar.ChannelAvatar, {
+        channel: channel,
+        isPreview: isPreview,
+        previewUri: previewUri,
+        showBorder: false,
+        size: "2xl"
+      }), (0, _jsxRuntime.jsx)(_Button.Button, {
+        accessibilityLabelKey: "a11y/Upload channel image",
+        label: t('Upload'),
+        onPress: openSheet,
+        size: "sm",
+        style: [styles.uploadButton, uploadButtonOverride],
+        testID: "channel-edit-upload-button",
+        type: "ghost",
+        variant: "primary"
+      })]
+    }), (0, _jsxRuntime.jsx)(ChannelEditName, {}), (0, _jsxRuntime.jsx)(ChannelEditImageSheet, {
+      onClose: closeSheet,
+      visible: sheetVisible
+    })]
+  });
+};
+exports.ChannelEditDetails = ChannelEditDetails;
+var useStyles = () => (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+  avatarSection: {
+    alignItems: 'center',
+    gap: _theme.primitives.spacingXs
+  },
+  container: {
+    flex: 1,
+    gap: _theme.primitives.spacingXl,
+    paddingHorizontal: _theme.primitives.spacingMd,
+    paddingTop: _theme.primitives.spacingMd
+  },
+  uploadButton: {
+    width: 'auto'
+  }
+}), []);
+//# sourceMappingURL=ChannelEditDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_channelDetailsContext","_ChannelEditDetailsContext","_ComponentsContext","_ThemeContext","_TranslationContext","_useStateStore2","_theme","_ChannelAvatar","_Button","_useEditChannelImage2","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","selector","state","pendingAction","updatedImage","ChannelEditDetails","_useChannelDetailsCon","useChannelDetailsContext","channel","_useChannelEditDetail","useChannelEditDetailsContext","store","_useComponentsContext","useComponentsContext","ChannelEditImageSheet","ChannelEditName","_useTranslationContex","useTranslationContext","_useTheme","useTheme","_useTheme$theme$chann","theme","channelDetails","editChannel","avatarSectionOverride","avatarSection","containerOverride","container","uploadButtonOverride","uploadButton","styles","useStyles","_useEditChannelImage","useEditChannelImage","pickImageFromNativePicker","takePhoto","_useStateStore","useStateStore","_useState","useState","_useState2","_slicedToArray2","sheetVisible","setSheetVisible","openSheet","useCallback","closeSheet","useEffect","action","setPendingAction","_asyncToGenerator2","file","setUpdatedImage","isPreview","undefined","previewUri","uri","jsxs","View","style","children","jsx","ChannelAvatar","showBorder","size","Button","accessibilityLabelKey","label","onPress","testID","type","variant","onClose","visible","exports","useMemo","StyleSheet","create","alignItems","gap","primitives","spacingXs","flex","spacingXl","paddingHorizontal","spacingMd","paddingTop","width"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/components/ChannelEditDetails.tsx"],"mappings":"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","ignoreList":[]}