stream-chat-react-native-core 9.4.0-beta.9 → 9.4.0

package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js

@@ -0,0 +1,206 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaList = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _streamChat = require("stream-chat");
+var _MediaListLoadingSkeleton = require("./MediaListLoadingSkeleton");
+var _channelDetailsContext = require("../../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ChannelMediaListContext = require("../../../../contexts/channelMediaListContext/ChannelMediaListContext");
+var _ComponentsContext = require("../../../../contexts/componentsContext/ComponentsContext");
+var _ImageGalleryContext = require("../../../../contexts/imageGalleryContext/ImageGalleryContext");
+var _OverlayContext = require("../../../../contexts/overlayContext/OverlayContext");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
+var _useChannelActions = require("../../../../hooks/actions/useChannelActions");
+var _useStateStore2 = require("../../../../hooks/useStateStore");
+var _image = require("../../../../icons/image");
+var _native = require("../../../../native");
+var _theme = require("../../../../theme");
+var _types = require("../../../../types/types");
+var _getUrlOfImageAttachment = require("../../../../utils/getUrlOfImageAttachment");
+var _openUrlSafely = require("../../../Attachment/utils/openUrlSafely");
+var _useNotificationApi2 = require("../../../Notifications/hooks/useNotificationApi");
+var _NotificationList = require("../../../Notifications/NotificationList");
+var _NotificationTargetContext = require("../../../Notifications/NotificationTargetContext");
+var _EmptyList = require("../../../UIComponents/EmptyList");
+var _useMediaList = require("../../hooks/useMediaList");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/MediaList.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 NUMBER_OF_COLUMNS = 3;
+var GRID_GAP = _theme.primitives.spacingXxxs;
+var keyExtractor = (item, index) => `${item.message.id}-${index}`;
+var listStateSelector = state => ({
+  error: state.lastQueryError,
+  hasNext: state.hasNext,
+  loading: state.isLoading,
+  messages: state.items
+});
+var MediaListContent = ({
+  additionalFlatListProps
+}) => {
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    mediaList = _useTheme.theme.channelDetails.mediaList;
+  var styles = useStyles();
+  var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
+    width = _useWindowDimensions.width;
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    MediaItem = _useComponentsContext.MediaItem;
+  var _useNotificationApi = (0, _useNotificationApi2.useNotificationApi)(),
+    addNotification = _useNotificationApi.addNotification;
+  var _useChannelMediaListC = (0, _ChannelMediaListContext.useChannelMediaListContext)(),
+    channel = _useChannelMediaListC.channel,
+    searchSource = _useChannelMediaListC.searchSource;
+  var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
+    imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
+  var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
+    setOverlay = _useOverlayContext.setOverlay;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(searchSource.state, listStateSelector),
+    error = _useStateStore.error,
+    hasNext = _useStateStore.hasNext,
+    loading = _useStateStore.loading,
+    messages = _useStateStore.messages;
+  var initialized = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!initialized.current) {
+      initialized.current = true;
+      searchSource.search();
+    }
+  }, [searchSource]);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isEmpty = _useState2[0],
+    setIsEmpty = _useState2[1];
+  (0, _react.useEffect)(() => {
+    if (!messages || isEmpty !== undefined) {
+      return;
+    }
+    if (messages.length === 0) {
+      setIsEmpty(true);
+    } else {
+      setIsEmpty(false);
+    }
+  }, [isEmpty, messages]);
+  (0, _react.useEffect)(() => {
+    if (!error) {
+      return;
+    }
+    addNotification({
+      message: t('Failed to load media'),
+      options: {
+        ...(0, _useChannelActions.getNotificationErrorOptions)(error),
+        severity: 'error',
+        type: 'api:channel:query-media:failed'
+      },
+      origin: {
+        context: {
+          channel
+        },
+        emitter: 'ChannelMediaList'
+      }
+    });
+  }, [error, addNotification, channel, t]);
+  var tiles = (0, _useMediaList.useMediaList)(messages);
+  var tileSize = (0, _react.useMemo)(() => (width - GRID_GAP * (NUMBER_OF_COLUMNS - 1)) / NUMBER_OF_COLUMNS, [width]);
+  var handlePressItem = (0, _react.useCallback)(({
+    attachment,
+    requesterNode
+  }) => {
+    var url = (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment);
+    if (!url) {
+      return;
+    }
+    if (attachment.type === _types.FileTypes.Video && !(0, _native.isVideoPlayerAvailable)()) {
+      (0, _openUrlSafely.openUrlSafely)(url);
+      return;
+    }
+    imageGalleryStateStore.openImageGallery({
+      messages: messages?.map(message => (0, _streamChat.formatMessage)(message)) ?? [],
+      requesterNode,
+      selectedAttachmentUrl: url
+    });
+    setOverlay('gallery');
+  }, [imageGalleryStateStore, messages, setOverlay]);
+  var renderItem = (0, _react.useCallback)(({
+    item
+  }) => (0, _jsxRuntime.jsx)(MediaItem, {
+    attachment: item.attachment,
+    message: item.message,
+    onPress: handlePressItem,
+    size: tileSize
+  }), [handlePressItem, tileSize, MediaItem]);
+  var loadMore = (0, _react.useCallback)(() => {
+    if (hasNext && !!messages) {
+      searchSource.search();
+    }
+  }, [hasNext, messages, searchSource]);
+  var emptyState = loading || isEmpty === undefined ? (0, _jsxRuntime.jsx)(_MediaListLoadingSkeleton.MediaListLoadingSkeleton, {}) : (0, _jsxRuntime.jsx)(_EmptyList.EmptyList, {
+    icon: _image.Picture,
+    subtitle: t('Share a photo or video to see it here'),
+    title: t('No photos or videos')
+  });
+  var loadingMoreIndicator = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: loading && tiles.length > 0 && (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {})
+  });
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, mediaList.container],
+    children: [(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      columnWrapperStyle: tiles.length > 0 ? styles.columnWrapper : undefined,
+      contentContainerStyle: [styles.listContent, mediaList.listContent],
+      data: tiles,
+      keyExtractor: keyExtractor,
+      ListEmptyComponent: emptyState,
+      ListFooterComponent: loadingMoreIndicator,
+      numColumns: NUMBER_OF_COLUMNS,
+      onEndReached: loadMore,
+      onEndReachedThreshold: 0.2,
+      renderItem: renderItem,
+      style: [styles.list, mediaList.list],
+      testID: "media-list",
+      ...additionalFlatListProps
+    }), (0, _jsxRuntime.jsx)(_NotificationList.NotificationList, {})]
+  });
+};
+var MediaList = props => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var notificationHostId = channel?.cid ? `media-list:${channel.cid}` : undefined;
+  if (!notificationHostId) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)(_ChannelMediaListContext.ChannelMediaListProvider, {
+    channel: channel,
+    children: (0, _jsxRuntime.jsx)(_NotificationTargetContext.NotificationTargetProvider, {
+      hostId: notificationHostId,
+      panel: "channel-details",
+      children: (0, _jsxRuntime.jsx)(MediaListContent, {
+        ...props
+      })
+    })
+  });
+};
+exports.MediaList = MediaList;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    columnWrapper: {
+      gap: GRID_GAP
+    },
+    container: {
+      flex: 1
+    },
+    list: {
+      flex: 1
+    },
+    listContent: {
+      flexGrow: 1,
+      gap: GRID_GAP
+    }
+  }), []);
+};
+//# sourceMappingURL=MediaList.js.map

package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_MediaListLoadingSkeleton","_channelDetailsContext","_ChannelMediaListContext","_ComponentsContext","_ImageGalleryContext","_OverlayContext","_ThemeContext","_TranslationContext","_useChannelActions","_useStateStore2","_image","_native","_theme","_types","_getUrlOfImageAttachment","_openUrlSafely","_useNotificationApi2","_NotificationList","_NotificationTargetContext","_EmptyList","_useMediaList","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUMBER_OF_COLUMNS","GRID_GAP","primitives","spacingXxxs","keyExtractor","item","index","message","id","listStateSelector","state","error","lastQueryError","hasNext","loading","isLoading","messages","items","MediaListContent","additionalFlatListProps","_useTranslationContex","useTranslationContext","_useTheme","useTheme","mediaList","theme","channelDetails","styles","useStyles","_useWindowDimensions","useWindowDimensions","width","_useComponentsContext","useComponentsContext","MediaItem","_useNotificationApi","useNotificationApi","addNotification","_useChannelMediaListC","useChannelMediaListContext","channel","searchSource","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useOverlayContext","useOverlayContext","setOverlay","_useStateStore","useStateStore","initialized","useRef","useEffect","current","search","_useState","useState","undefined","_useState2","_slicedToArray2","isEmpty","setIsEmpty","length","options","getNotificationErrorOptions","severity","type","origin","context","emitter","tiles","useMediaList","tileSize","useMemo","handlePressItem","useCallback","attachment","requesterNode","url","getUrlOfImageAttachment","FileTypes","Video","isVideoPlayerAvailable","openUrlSafely","openImageGallery","map","formatMessage","selectedAttachmentUrl","renderItem","jsx","onPress","size","loadMore","emptyState","MediaListLoadingSkeleton","EmptyList","icon","Picture","subtitle","title","loadingMoreIndicator","Fragment","children","ActivityIndicator","jsxs","View","style","container","FlatList","columnWrapperStyle","columnWrapper","contentContainerStyle","listContent","data","ListEmptyComponent","ListFooterComponent","numColumns","onEndReached","onEndReachedThreshold","list","testID","NotificationList","MediaList","props","_useChannelDetailsCon","useChannelDetailsContext","notificationHostId","cid","ChannelMediaListProvider","NotificationTargetProvider","hostId","panel","exports","StyleSheet","create","gap","flex","flexGrow"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/MediaList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js

@@ -0,0 +1,63 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaListLoadingSkeleton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _theme = require("../../../../theme");
+var _NativeShimmerView = require("../../../UIComponents/NativeShimmerView");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.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 NUMBER_OF_COLUMNS = 3;
+var NUMBER_OF_ROWS = 6;
+var GRID_GAP = _theme.primitives.spacingXxxs;
+var ANIMATION_TIME = 1000;
+var MediaListLoadingSkeleton = () => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme.theme.semantics;
+  var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
+    width = _useWindowDimensions.width;
+  var styles = useStyles();
+  var tileSize = (width - GRID_GAP * (NUMBER_OF_COLUMNS - 1)) / NUMBER_OF_COLUMNS;
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    testID: "media-list-loading-skeleton",
+    children: Array.from({
+      length: NUMBER_OF_ROWS
+    }).map((_, rowIndex) => (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: Array.from({
+        length: NUMBER_OF_COLUMNS
+      }).map((__, columnIndex) => (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.tile, {
+          height: tileSize,
+          width: tileSize
+        }],
+        children: (0, _jsxRuntime.jsx)(_NativeShimmerView.NativeShimmerView, {
+          baseColor: semantics.backgroundCoreSurfaceDefault,
+          duration: ANIMATION_TIME,
+          gradientColor: semantics.skeletonLoadingHighlight,
+          style: _reactNative.StyleSheet.absoluteFill
+        })
+      }, columnIndex))
+    }, rowIndex))
+  });
+};
+exports.MediaListLoadingSkeleton = MediaListLoadingSkeleton;
+MediaListLoadingSkeleton.displayName = 'MediaListLoadingSkeleton';
+var useStyles = () => (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+  container: {
+    gap: GRID_GAP
+  },
+  row: {
+    flexDirection: 'row',
+    gap: GRID_GAP
+  },
+  tile: {
+    borderRadius: _theme.primitives.radiusXxs,
+    overflow: 'hidden'
+  }
+}), []);
+//# sourceMappingURL=MediaListLoadingSkeleton.js.map

package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_theme","_NativeShimmerView","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUMBER_OF_COLUMNS","NUMBER_OF_ROWS","GRID_GAP","primitives","spacingXxxs","ANIMATION_TIME","MediaListLoadingSkeleton","_useTheme","useTheme","semantics","theme","_useWindowDimensions","useWindowDimensions","width","styles","useStyles","tileSize","jsx","View","style","container","testID","children","Array","from","length","map","_","rowIndex","row","__","columnIndex","tile","height","NativeShimmerView","baseColor","backgroundCoreSurfaceDefault","duration","gradientColor","skeletonLoadingHighlight","StyleSheet","absoluteFill","exports","displayName","useMemo","create","gap","flexDirection","borderRadius","radiusXxs","overflow"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js

@@ -0,0 +1,84 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinnedMessageItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../../contexts");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _theme = require("../../../../theme");
+var _UserAvatar = require("../../../ui/Avatar/UserAvatar");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.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 PinnedMessageItem = props => {
+  var channel = props.channel,
+    message = props.message,
+    formatMessageDate = props.formatMessageDate;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    pinnedMessageItem = _useTheme$theme.channelDetails.pinnedMessageItem,
+    semantics = _useTheme$theme.semantics;
+  var _useComponentsContext = (0, _contexts.useComponentsContext)(),
+    ChannelPreviewLastMessage = _useComponentsContext.ChannelPreviewLastMessage,
+    ChannelPreviewStatus = _useComponentsContext.ChannelPreviewStatus;
+  var styles = useStyles();
+  var senderName = message.user?.name || message.user?.id || '';
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, pinnedMessageItem.container],
+    testID: `pinned-message-item-${message.id}`,
+    children: [message.user ? (0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
+      size: "lg",
+      user: message.user
+    }) : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.content, pinnedMessageItem.content],
+      children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.title, pinnedMessageItem.title],
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          ellipsizeMode: "tail",
+          numberOfLines: 1,
+          style: [styles.name, {
+            color: semantics.textPrimary
+          }, pinnedMessageItem.name],
+          children: senderName
+        }), (0, _jsxRuntime.jsx)(ChannelPreviewStatus, {
+          channel: channel,
+          lastMessage: message,
+          formatLatestMessageDate: formatMessageDate
+        })]
+      }), (0, _jsxRuntime.jsx)(ChannelPreviewLastMessage, {
+        message: message
+      })]
+    })]
+  });
+};
+exports.PinnedMessageItem = PinnedMessageItem;
+PinnedMessageItem.displayName = 'PinnedMessageItem{pinnedMessageItem}';
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      gap: _theme.primitives.spacingSm,
+      paddingHorizontal: _theme.primitives.spacingSm,
+      paddingVertical: _theme.primitives.spacingMd
+    },
+    content: {
+      flex: 1,
+      gap: _theme.primitives.spacingXxxs
+    },
+    name: {
+      flex: 1,
+      fontSize: _theme.primitives.typographyFontSizeMd,
+      fontWeight: _theme.primitives.typographyFontWeightRegular,
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+    },
+    title: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      gap: _theme.primitives.spacingXxs
+    }
+  }), []);
+};
+//# sourceMappingURL=PinnedMessageItem.js.map

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_ThemeContext","_theme","_UserAvatar","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PinnedMessageItem","props","channel","message","formatMessageDate","_useTheme","useTheme","_useTheme$theme","theme","pinnedMessageItem","channelDetails","semantics","_useComponentsContext","useComponentsContext","ChannelPreviewLastMessage","ChannelPreviewStatus","styles","useStyles","senderName","user","name","id","jsxs","View","style","container","testID","children","jsx","UserAvatar","size","content","title","Text","ellipsizeMode","numberOfLines","color","textPrimary","lastMessage","formatLatestMessageDate","exports","displayName","useMemo","StyleSheet","create","alignItems","flexDirection","gap","primitives","spacingSm","paddingHorizontal","paddingVertical","spacingMd","flex","spacingXxxs","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL","spacingXxs"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js

@@ -0,0 +1,177 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinnedMessageList = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _PinnedMessageListLoadingSkeleton = require("./PinnedMessageListLoadingSkeleton");
+var _channelDetailsContext = require("../../../../contexts/channelDetailsContext/channelDetailsContext");
+var _ChannelPinnedMessageListContext = require("../../../../contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext");
+var _ComponentsContext = require("../../../../contexts/componentsContext/ComponentsContext");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
+var _useChannelActions = require("../../../../hooks/actions/useChannelActions");
+var _useStateStore2 = require("../../../../hooks/useStateStore");
+var _pin = require("../../../../icons/pin");
+var _theme = require("../../../../theme");
+var _useNotificationApi2 = require("../../../Notifications/hooks/useNotificationApi");
+var _NotificationList = require("../../../Notifications/NotificationList");
+var _NotificationTargetContext = require("../../../Notifications/NotificationTargetContext");
+var _EmptyList = require("../../../UIComponents/EmptyList");
+var _EmptySearchResult = require("../../../UIComponents/EmptySearchResult");
+var _SearchInput = require("../../../UIComponents/SearchInput");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/PinnedMessageList.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 keyExtractor = message => message.id;
+var listStateSelector = state => ({
+  error: state.lastQueryError,
+  hasNext: state.hasNext,
+  loading: state.isLoading,
+  messages: state.items,
+  searchQuery: state.searchQuery
+});
+var PinnedMessageListContent = ({
+  additionalFlatListProps,
+  searchInputProps
+}) => {
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    pinnedMessageList = _useTheme.theme.channelDetails.pinnedMessageList;
+  var styles = useStyles();
+  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
+    PinnedMessageItem = _useComponentsContext.PinnedMessageItem;
+  var _useNotificationApi = (0, _useNotificationApi2.useNotificationApi)(),
+    addNotification = _useNotificationApi.addNotification;
+  var _useChannelPinnedMess = (0, _ChannelPinnedMessageListContext.useChannelPinnedMessageListContext)(),
+    channel = _useChannelPinnedMess.channel,
+    searchSource = _useChannelPinnedMess.searchSource;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(searchSource.state, listStateSelector),
+    error = _useStateStore.error,
+    hasNext = _useStateStore.hasNext,
+    loading = _useStateStore.loading,
+    messages = _useStateStore.messages,
+    searchQuery = _useStateStore.searchQuery;
+  var initialized = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!initialized.current) {
+      initialized.current = true;
+      searchSource.search();
+    }
+  }, [searchSource]);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isEmpty = _useState2[0],
+    setIsEmpty = _useState2[1];
+  (0, _react.useEffect)(() => {
+    if (!messages || isEmpty !== undefined) return;
+    if (!searchSource.state.getLatestValue().searchQuery && messages.length === 0) {
+      setIsEmpty(true);
+    }
+  }, [isEmpty, messages, searchSource]);
+  (0, _react.useEffect)(() => {
+    if (!error) {
+      return;
+    }
+    addNotification({
+      message: t('Failed to load pinned messages'),
+      options: {
+        ...(0, _useChannelActions.getNotificationErrorOptions)(error),
+        severity: 'error',
+        type: 'api:channel:query-pinned-messages:failed'
+      },
+      origin: {
+        context: {
+          channel
+        },
+        emitter: 'ChannelPinnedMessageList'
+      }
+    });
+  }, [error, addNotification, channel, t]);
+  var renderItem = (0, _react.useCallback)(({
+    item
+  }) => (0, _jsxRuntime.jsx)(PinnedMessageItem, {
+    channel: channel,
+    message: item
+  }), [channel, PinnedMessageItem]);
+  var loadMore = (0, _react.useCallback)(() => {
+    if (hasNext && !!messages) {
+      searchSource.search();
+    }
+  }, [hasNext, messages, searchSource]);
+  var emptyState = loading ? (0, _jsxRuntime.jsx)(_PinnedMessageListLoadingSkeleton.PinnedMessageListLoadingSkeleton, {}) : isEmpty ? (0, _jsxRuntime.jsx)(_EmptyList.EmptyList, {
+    icon: _pin.Pin,
+    subtitle: t('Long-press a message to pin it to the chat'),
+    title: t('No pinned messages')
+  }) : (0, _jsxRuntime.jsx)(_EmptySearchResult.EmptySearchResult, {
+    label: t('No pinned messages')
+  });
+  var loadingMoreIndicator = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: loading && messages && messages.length > 0 && (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {})
+  });
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, pinnedMessageList.container],
+    children: [!isEmpty && (0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
+      value: searchQuery,
+      accessibilityLabel: t('a11y/Search pinned messages'),
+      onChangeText: text => {
+        searchSource.state.partialNext({
+          searchQuery: text
+        });
+        searchSource.search(text);
+      },
+      ...searchInputProps
+    }), (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      contentContainerStyle: [styles.listContent, pinnedMessageList.listContent],
+      data: messages,
+      keyboardDismissMode: "interactive",
+      keyboardShouldPersistTaps: "handled",
+      keyExtractor: keyExtractor,
+      ListEmptyComponent: emptyState,
+      ListFooterComponent: loadingMoreIndicator,
+      onEndReached: loadMore,
+      onEndReachedThreshold: 0.2,
+      renderItem: renderItem,
+      style: [styles.list, pinnedMessageList.list],
+      testID: "pinned-message-list",
+      ...additionalFlatListProps
+    }), (0, _jsxRuntime.jsx)(_NotificationList.NotificationList, {})]
+  });
+};
+var PinnedMessageList = props => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel;
+  var notificationHostId = channel?.cid ? `pinned-message-list:${channel.cid}` : undefined;
+  if (!notificationHostId) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)(_ChannelPinnedMessageListContext.ChannelPinnedMessageListProvider, {
+    channel: channel,
+    children: (0, _jsxRuntime.jsx)(_NotificationTargetContext.NotificationTargetProvider, {
+      hostId: notificationHostId,
+      panel: "channel-details",
+      children: (0, _jsxRuntime.jsx)(PinnedMessageListContent, {
+        ...props
+      })
+    })
+  });
+};
+exports.PinnedMessageList = PinnedMessageList;
+var useStyles = () => {
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1
+    },
+    list: {
+      flex: 1
+    },
+    listContent: {
+      flexGrow: 1,
+      paddingBottom: _theme.primitives.spacingXl
+    }
+  }), []);
+};
+//# sourceMappingURL=PinnedMessageList.js.map

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_PinnedMessageListLoadingSkeleton","_channelDetailsContext","_ChannelPinnedMessageListContext","_ComponentsContext","_ThemeContext","_TranslationContext","_useChannelActions","_useStateStore2","_pin","_theme","_useNotificationApi2","_NotificationList","_NotificationTargetContext","_EmptyList","_EmptySearchResult","_SearchInput","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","keyExtractor","message","id","listStateSelector","state","error","lastQueryError","hasNext","loading","isLoading","messages","items","searchQuery","PinnedMessageListContent","additionalFlatListProps","searchInputProps","_useTranslationContex","useTranslationContext","_useTheme","useTheme","pinnedMessageList","theme","channelDetails","styles","useStyles","_useComponentsContext","useComponentsContext","PinnedMessageItem","_useNotificationApi","useNotificationApi","addNotification","_useChannelPinnedMess","useChannelPinnedMessageListContext","channel","searchSource","_useStateStore","useStateStore","initialized","useRef","useEffect","current","search","_useState","useState","undefined","_useState2","_slicedToArray2","isEmpty","setIsEmpty","getLatestValue","length","options","getNotificationErrorOptions","severity","type","origin","context","emitter","renderItem","useCallback","item","jsx","loadMore","emptyState","PinnedMessageListLoadingSkeleton","EmptyList","icon","Pin","subtitle","title","EmptySearchResult","label","loadingMoreIndicator","Fragment","children","ActivityIndicator","jsxs","View","style","container","SearchInput","value","accessibilityLabel","onChangeText","text","partialNext","FlatList","contentContainerStyle","listContent","data","keyboardDismissMode","keyboardShouldPersistTaps","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","list","testID","NotificationList","PinnedMessageList","props","_useChannelDetailsCon","useChannelDetailsContext","notificationHostId","cid","ChannelPinnedMessageListProvider","NotificationTargetProvider","hostId","panel","exports","useMemo","StyleSheet","create","flex","flexGrow","paddingBottom","primitives","spacingXl"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/PinnedMessageList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js

@@ -0,0 +1,21 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinnedMessageListLoadingSkeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _GenericListLoadingSkeleton = require("../../../UIComponents/GenericListLoadingSkeleton");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.tsx";
+var PinnedMessageListLoadingSkeleton = () => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    pinnedMessageListSkeleton = _useTheme.theme.pinnedMessageListSkeleton;
+  return (0, _jsxRuntime.jsx)(_GenericListLoadingSkeleton.GenericListLoadingSkeleton, {
+    skeleton: pinnedMessageListSkeleton,
+    testID: "pinned-message-list-loading-skeleton"
+  });
+};
+exports.PinnedMessageListLoadingSkeleton = PinnedMessageListLoadingSkeleton;
+PinnedMessageListLoadingSkeleton.displayName = 'PinnedMessageListLoadingSkeleton{pinnedMessageListSkeleton}';
+//# sourceMappingURL=PinnedMessageListLoadingSkeleton.js.map

package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_GenericListLoadingSkeleton","_jsxRuntime","_jsxFileName","PinnedMessageListLoadingSkeleton","_useTheme","useTheme","pinnedMessageListSkeleton","theme","jsx","GenericListLoadingSkeleton","skeleton","testID","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAA8F,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,YAAA;AAKvF,IAAMC,gCAAgC,GAAGA,CAAA,KAAM;EACpD,IAAAC,SAAA,GAEI,IAAAC,sBAAQ,EAAC,CAAC;IADHC,yBAAyB,GAAAF,SAAA,CAAlCG,KAAK,CAAID,yBAAyB;EAGpC,OACE,IAAAL,WAAA,CAAAO,GAAA,EAACR,2BAAA,CAAAS,0BAA0B;IACzBC,QAAQ,EAAEJ,yBAA0B;IACpCK,MAAM,EAAC;EAAsC,CAC9C,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAT,gCAAA,GAAAA,gCAAA;AAEFA,gCAAgC,CAACU,WAAW,GAC1C,6DAA6D","ignoreList":[]}