@adminide-stack/yantra-mobile 12.0.141-alpha.1 → 12.0.142-alpha.0

package/lib/features/discover/DiscoverFeed.js

@@ -1,33 +1,60 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,useCallback}from'react';import {View,StyleSheet,ActivityIndicator,FlatList,RefreshControl,ScrollView,Pressable,Text}from'react-native';import {useNavigation}from'@react-navigation/native';import {getStoryId}from'./articleContent.js';import {discoverPalette,openDiscoverArticle,LeadStoryCard,CompactStoryCard}from'./DiscoverStoryCards.js';import {DISCOVER_TOPICS,useNewsArticlesInfinite}from'./useDiscoverNews.js';const BLOCK_SIZE = 5;
-function TopicTabs({
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useMemo,useState,useRef,useEffect,useCallback}from'react';import {View,StyleSheet,FlatList,RefreshControl,ActivityIndicator,Text,ScrollView,Pressable}from'react-native';import {useNavigation}from'@react-navigation/native';import {getStoryId}from'./articleContent.js';import {DiscoverSidebar}from'./DiscoverSidebar.js';import {DiscoverNewsSkeleton}from'./DiscoverSkeletons.js';import {discoverPalette,openDiscoverArticle,SummaryStoryCard,CompactStoryCard,DISCOVER_SERIF}from'./DiscoverStoryCards.js';import {DISCOVER_TOPICS,useNewsArticlesInfinite}from'./useDiscoverNews.js';import {useDiscoverSidebar}from'./useDiscoverSidebar.js';const BLOCK_SIZE = 5;
+function chunkStories(stories) {
+  const blocks = [];
+  for (let index = 0; index < stories.length; index += BLOCK_SIZE) {
+    blocks.push(stories.slice(index, index + BLOCK_SIZE));
+  }
+  return blocks;
+}
+function DiscoverHeader({
   active,
   onChange,
   palette
 }) {
-  return /* @__PURE__ */ jsx(View, { style: [styles.tabsBar, {
+  var _a, _b;
+  const label = (_b = (_a = DISCOVER_TOPICS.find((topic) => topic.key === active)) == null ? void 0 : _a.label) != null ? _b : "Top";
+  return /* @__PURE__ */ jsxs(View, { style: [styles.header, {
     borderBottomColor: palette.border,
     backgroundColor: palette.bg
-  }], children: /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabsContent, accessibilityRole: "tablist", children: DISCOVER_TOPICS.map((topic) => {
-    const selected = topic.key === active;
-    return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "tab", accessibilityState: {
-      selected
-    }, onPress: () => onChange(topic.key), style: [styles.tab, selected && {
-      backgroundColor: palette.primarySoft,
-      borderColor: palette.primaryBorder
-    }], children: /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, {
-      color: selected ? palette.primary : palette.textMuted
-    }, selected && styles.tabLabelSelected], children: topic.label }) }, topic.key);
-  }) }) });
-}
-function Separator() {
-  return /* @__PURE__ */ jsx(View, { style: styles.separator });
+  }], children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.pageTitle, {
+      color: palette.text
+    }], accessibilityRole: "header", numberOfLines: 1, children: label }),
+    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabsContent, accessibilityRole: "tablist", accessibilityLabel: "Discover navigation", children: DISCOVER_TOPICS.map((topic) => {
+      const selected = topic.key === active;
+      return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "tab", accessibilityState: {
+        selected
+      }, onPress: () => onChange(topic.key), style: [styles.tab, selected && {
+        backgroundColor: palette.primarySoft
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, {
+        color: selected ? palette.primary : palette.textMuted
+      }], children: topic.label }) }, topic.key);
+    }) })
+  ] });
 }
+const StoryBlock = React__default.memo(function StoryBlock2({
+  stories,
+  palette,
+  onOpen
+}) {
+  const [lead, ...rest] = stories;
+  const closing = stories.length === BLOCK_SIZE ? rest[rest.length - 1] : void 0;
+  const compact = closing ? rest.slice(0, -1) : rest;
+  if (!lead) return null;
+  return /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+    /* @__PURE__ */ jsx(SummaryStoryCard, { story: lead, palette, onPress: onOpen, lead: true }),
+    compact.map((story) => /* @__PURE__ */ jsx(CompactStoryCard, { story, palette, onPress: onOpen }, getStoryId(story))),
+    closing ? /* @__PURE__ */ jsx(SummaryStoryCard, { story: closing, palette, onPress: onOpen }) : null
+  ] });
+});
 function StateMessage({
   title,
   description,
   palette
 }) {
-  return /* @__PURE__ */ jsxs(View, { style: styles.state, children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles.state, {
+    backgroundColor: palette.card
+  }], children: [
     /* @__PURE__ */ jsx(Text, { style: [styles.stateTitle, {
       color: palette.text
     }], children: title }),
@@ -36,6 +63,13 @@ function StateMessage({
     }], children: description })
   ] });
 }
+function BlockDivider({
+  palette
+}) {
+  return /* @__PURE__ */ jsx(View, { style: [styles.divider, {
+    backgroundColor: palette.border
+  }] });
+}
 function DiscoverFeed({
   orgName,
   isDark
@@ -47,6 +81,7 @@ function DiscoverFeed({
   const topicLabel = (_b = (_a = DISCOVER_TOPICS.find((t) => t.key === topic)) == null ? void 0 : _a.label) != null ? _b : "Top";
   const listRef = useRef(null);
   const [refreshing, setRefreshing] = useState(false);
+  const sidebar = useDiscoverSidebar();
   const {
     articles,
     loading,
@@ -58,6 +93,7 @@ function DiscoverFeed({
   } = useNewsArticlesInfinite({
     topic
   });
+  const blocks = useMemo(() => chunkStories(articles), [articles]);
   useEffect(() => {
     var _a2;
     (_a2 = listRef.current) == null ? void 0 : _a2.scrollToOffset({
@@ -66,22 +102,26 @@ function DiscoverFeed({
     });
   }, [topic]);
   const onOpen = useCallback((story) => openDiscoverArticle(navigation, story, orgName), [navigation, orgName]);
+  const refetchSidebar = sidebar.refetch;
   const onRefresh = useCallback(async () => {
     setRefreshing(true);
     try {
-      await refetch();
+      await Promise.all([refetch(), refetchSidebar()]);
     } catch (e) {
     } finally {
       setRefreshing(false);
     }
-  }, [refetch]);
+  }, [refetch, refetchSidebar]);
   const renderItem = useCallback(({
     item,
     index
-  }) => index % BLOCK_SIZE === 0 ? /* @__PURE__ */ jsx(LeadStoryCard, { story: item, palette, onPress: onOpen }) : /* @__PURE__ */ jsx(CompactStoryCard, { story: item, palette, onPress: onOpen }), [onOpen, palette]);
+  }) => /* @__PURE__ */ jsxs(View, { children: [
+    index > 0 ? /* @__PURE__ */ jsx(BlockDivider, { palette }) : null,
+    /* @__PURE__ */ jsx(StoryBlock, { stories: item, palette, onOpen })
+  ] }), [onOpen, palette]);
   let empty = null;
   if (loading && articles.length === 0) {
-    empty = /* @__PURE__ */ jsx(View, { style: styles.state, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.primary }) });
+    empty = /* @__PURE__ */ jsx(DiscoverNewsSkeleton, { palette });
   } else if (error && articles.length === 0) {
     empty = /* @__PURE__ */ jsx(StateMessage, { title: "Unable to load stories", description: `Something went wrong while fetching the latest ${topicLabel} stories. Pull down to try again.`, palette });
   } else if (articles.length === 0) {
@@ -90,63 +130,72 @@ function DiscoverFeed({
   return /* @__PURE__ */ jsxs(View, { style: [styles.container, {
     backgroundColor: palette.bg
   }], children: [
-    /* @__PURE__ */ jsx(TopicTabs, { active: topic, onChange: setTopic, palette }),
-    /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: articles, keyExtractor: (item, index) => `${getStoryId(item)}-${index}`, renderItem, contentContainerStyle: styles.listContent, ItemSeparatorComponent: Separator, ListEmptyComponent: empty, ListFooterComponent: loadingMore ? /* @__PURE__ */ jsx(ActivityIndicator, { style: styles.footerSpinner, color: palette.textMuted }) : null, onEndReached: hasMore ? loadMore : void 0, onEndReachedThreshold: 0.6, refreshControl: /* @__PURE__ */ jsx(RefreshControl, { refreshing, onRefresh, tintColor: palette.textMuted }) })
+    /* @__PURE__ */ jsx(DiscoverHeader, { active: topic, onChange: setTopic, palette }),
+    /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: blocks, keyExtractor: (block, index) => `${block[0] ? getStoryId(block[0]) : "block"}-${index}`, renderItem, contentContainerStyle: styles.listContent, ListHeaderComponent: /* @__PURE__ */ jsx(View, { style: styles.sidebarBeforeStories, children: /* @__PURE__ */ jsx(DiscoverSidebar, { state: sidebar, palette }) }), ListEmptyComponent: empty, ListFooterComponent: loadingMore ? /* @__PURE__ */ jsx(ActivityIndicator, { style: styles.footerSpinner, color: palette.textMuted, accessibilityLabel: "Loading more stories" }) : null, onEndReached: hasMore ? loadMore : void 0, onEndReachedThreshold: 0.6, refreshControl: /* @__PURE__ */ jsx(RefreshControl, { refreshing, onRefresh, tintColor: palette.textMuted }) })
   ] });
 }
 const styles = StyleSheet.create({
   container: {
     flex: 1
   },
-  tabsBar: {
-    borderBottomWidth: StyleSheet.hairlineWidth
+  header: {
+    paddingTop: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    gap: 10
+  },
+  pageTitle: {
+    paddingHorizontal: 16,
+    fontFamily: DISCOVER_SERIF,
+    fontSize: 28,
+    lineHeight: 32
   },
   tabsContent: {
     paddingHorizontal: 12,
-    paddingVertical: 10,
-    gap: 6
+    paddingBottom: 10,
+    gap: 4
   },
   tab: {
+    height: 36,
     paddingHorizontal: 14,
-    paddingVertical: 7,
     borderRadius: 999,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "transparent"
+    justifyContent: "center"
   },
   tabLabel: {
     fontSize: 14,
     fontWeight: "500"
   },
-  tabLabelSelected: {
-    fontWeight: "600"
-  },
   listContent: {
     padding: 16,
-    paddingBottom: 40,
+    paddingTop: 24,
+    paddingBottom: 64,
     flexGrow: 1
   },
-  separator: {
-    height: 14
+  block: {
+    gap: 16
+  },
+  divider: {
+    alignSelf: "center",
+    width: 192,
+    height: StyleSheet.hairlineWidth,
+    marginVertical: 28
+  },
+  sidebarBeforeStories: {
+    marginBottom: 28
   },
   footerSpinner: {
-    paddingVertical: 20
+    paddingVertical: 24
   },
   state: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 28,
-    paddingVertical: 60,
+    borderRadius: 16,
+    padding: 24,
     gap: 8
   },
   stateTitle: {
-    fontSize: 17,
-    fontWeight: "600",
-    textAlign: "center"
+    fontSize: 20,
+    fontWeight: "600"
   },
   stateDescription: {
     fontSize: 14,
-    lineHeight: 20,
-    textAlign: "center"
+    lineHeight: 20
   }
 });export{DiscoverFeed};//# sourceMappingURL=DiscoverFeed.js.map

package/lib/features/discover/DiscoverFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoverFeed.js","sources":["../../../src/features/discover/DiscoverFeed.tsx"],"sourcesContent":["/**\n * Native Discover feed: the browser's `/discover` topic tabs over an\n * infinite list of news stories. Stories run in blocks of five like the web\n * page — a lead card, then compact rows.\n */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Pressable,\n    RefreshControl,\n    ScrollView,\n    StyleSheet,\n    Text,\n    View,\n} from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\nimport type { IAccountNewsArticle } from 'common';\nimport { getStoryId } from './articleContent';\nimport {\n    CompactStoryCard,\n    LeadStoryCard,\n    discoverPalette,\n    openDiscoverArticle,\n    type DiscoverPalette,\n} from './DiscoverStoryCards';\nimport { DISCOVER_TOPICS, useNewsArticlesInfinite } from './useDiscoverNews';\n\nconst BLOCK_SIZE = 5;\n\nfunction TopicTabs({\n    active,\n    onChange,\n    palette,\n}: {\n    active: string;\n    onChange: (key: string) => void;\n    palette: DiscoverPalette;\n}) {\n    return (\n        <View style={[styles.tabsBar, { borderBottomColor: palette.border, backgroundColor: palette.bg }]}>\n            <ScrollView\n                horizontal\n                showsHorizontalScrollIndicator={false}\n                contentContainerStyle={styles.tabsContent}\n                accessibilityRole=\"tablist\"\n            >\n                {DISCOVER_TOPICS.map((topic) => {\n                    const selected = topic.key === active;\n                    return (\n                        <Pressable\n                            key={topic.key}\n                            accessibilityRole=\"tab\"\n                            accessibilityState={{ selected }}\n                            onPress={() => onChange(topic.key)}\n                            style={[\n                                styles.tab,\n                                selected && {\n                                    backgroundColor: palette.primarySoft,\n                                    borderColor: palette.primaryBorder,\n                                },\n                            ]}\n                        >\n                            <Text\n                                style={[\n                                    styles.tabLabel,\n                                    { color: selected ? palette.primary : palette.textMuted },\n                                    selected && styles.tabLabelSelected,\n                                ]}\n                            >\n                                {topic.label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </ScrollView>\n        </View>\n    );\n}\n\nfunction Separator() {\n    return <View style={styles.separator} />;\n}\n\nfunction StateMessage({\n    title,\n    description,\n    palette,\n}: {\n    title: string;\n    description: string;\n    palette: DiscoverPalette;\n}) {\n    return (\n        <View style={styles.state}>\n            <Text style={[styles.stateTitle, { color: palette.text }]}>{title}</Text>\n            <Text style={[styles.stateDescription, { color: palette.textMuted }]}>{description}</Text>\n        </View>\n    );\n}\n\nexport function DiscoverFeed({ orgName, isDark }: { orgName: string | null; isDark: boolean }) {\n    const navigation = useNavigation();\n    const palette = useMemo(() => discoverPalette(isDark), [isDark]);\n    const [topic, setTopic] = useState(DISCOVER_TOPICS[0].key);\n    const topicLabel = DISCOVER_TOPICS.find((t) => t.key === topic)?.label ?? 'Top';\n    const listRef = useRef<FlatList<IAccountNewsArticle>>(null);\n    const [refreshing, setRefreshing] = useState(false);\n\n    const { articles, loading, loadingMore, hasMore, error, loadMore, refetch } = useNewsArticlesInfinite({ topic });\n\n    useEffect(() => {\n        listRef.current?.scrollToOffset({ offset: 0, animated: false });\n    }, [topic]);\n\n    const onOpen = useCallback(\n        (story: IAccountNewsArticle) => openDiscoverArticle(navigation, story, orgName),\n        [navigation, orgName],\n    );\n\n    const onRefresh = useCallback(async () => {\n        setRefreshing(true);\n        try {\n            await refetch();\n        } catch {\n            // The error state below covers a failed refresh.\n        } finally {\n            setRefreshing(false);\n        }\n    }, [refetch]);\n\n    const renderItem = useCallback(\n        ({ item, index }: { item: IAccountNewsArticle; index: number }) =>\n            index % BLOCK_SIZE === 0 ? (\n                <LeadStoryCard story={item} palette={palette} onPress={onOpen} />\n            ) : (\n                <CompactStoryCard story={item} palette={palette} onPress={onOpen} />\n            ),\n        [onOpen, palette],\n    );\n\n    let empty: React.ReactElement | null = null;\n    if (loading && articles.length === 0) {\n        empty = (\n            <View style={styles.state}>\n                <ActivityIndicator color={palette.primary} />\n            </View>\n        );\n    } else if (error && articles.length === 0) {\n        empty = (\n            <StateMessage\n                title=\"Unable to load stories\"\n                description={`Something went wrong while fetching the latest ${topicLabel} stories. Pull down to try again.`}\n                palette={palette}\n            />\n        );\n    } else if (articles.length === 0) {\n        empty = (\n            <StateMessage\n                title=\"No stories yet\"\n                description={`We do not have any ${topicLabel} stories to show right now. Please check back shortly.`}\n                palette={palette}\n            />\n        );\n    }\n\n    return (\n        <View style={[styles.container, { backgroundColor: palette.bg }]}>\n            <TopicTabs active={topic} onChange={setTopic} palette={palette} />\n            <FlatList\n                ref={listRef}\n                data={articles}\n                keyExtractor={(item, index) => `${getStoryId(item)}-${index}`}\n                renderItem={renderItem}\n                contentContainerStyle={styles.listContent}\n                ItemSeparatorComponent={Separator}\n                ListEmptyComponent={empty}\n                ListFooterComponent={\n                    loadingMore ? <ActivityIndicator style={styles.footerSpinner} color={palette.textMuted} /> : null\n                }\n                onEndReached={hasMore ? loadMore : undefined}\n                onEndReachedThreshold={0.6}\n                refreshControl={\n                    <RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={palette.textMuted} />\n                }\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    tabsBar: {\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    tabsContent: {\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        gap: 6,\n    },\n    tab: {\n        paddingHorizontal: 14,\n        paddingVertical: 7,\n        borderRadius: 999,\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: 'transparent',\n    },\n    tabLabel: {\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    tabLabelSelected: {\n        fontWeight: '600',\n    },\n    listContent: {\n        padding: 16,\n        paddingBottom: 40,\n        flexGrow: 1,\n    },\n    separator: {\n        height: 14,\n    },\n    footerSpinner: {\n        paddingVertical: 20,\n    },\n    state: {\n        flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingHorizontal: 28,\n        paddingVertical: 60,\n        gap: 8,\n    },\n    stateTitle: {\n        fontSize: 17,\n        fontWeight: '600',\n        textAlign: 'center',\n    },\n    stateDescription: {\n        fontSize: 14,\n        lineHeight: 20,\n        textAlign: 'center',\n    },\n});\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"DiscoverFeed.js","sources":["../../../src/features/discover/DiscoverFeed.tsx"],"sourcesContent":["/**\n * Native Discover feed: the browser's `/discover` page — the topic's name in\n * the serif over the topic pills, then an infinite list of news stories in\n * blocks of five like the web (a lead card, compact cards, and a closing\n * summary card when the block is full), under the weather and market panel\n * (the web's side column), which leads the list on a phone.\n */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Pressable,\n    RefreshControl,\n    ScrollView,\n    StyleSheet,\n    Text,\n    View,\n} from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\nimport type { IAccountNewsArticle } from 'common';\nimport { getStoryId } from './articleContent';\nimport { DiscoverSidebar } from './DiscoverSidebar';\nimport { DiscoverNewsSkeleton } from './DiscoverSkeletons';\nimport {\n    CompactStoryCard,\n    DISCOVER_SERIF,\n    SummaryStoryCard,\n    discoverPalette,\n    openDiscoverArticle,\n    type DiscoverPalette,\n} from './DiscoverStoryCards';\nimport { DISCOVER_TOPICS, useNewsArticlesInfinite } from './useDiscoverNews';\nimport { useDiscoverSidebar } from './useDiscoverSidebar';\n\nconst BLOCK_SIZE = 5;\n\nfunction chunkStories(stories: IAccountNewsArticle[]): IAccountNewsArticle[][] {\n    const blocks: IAccountNewsArticle[][] = [];\n    for (let index = 0; index < stories.length; index += BLOCK_SIZE) {\n        blocks.push(stories.slice(index, index + BLOCK_SIZE));\n    }\n    return blocks;\n}\n\nfunction DiscoverHeader({\n    active,\n    onChange,\n    palette,\n}: {\n    active: string;\n    onChange: (key: string) => void;\n    palette: DiscoverPalette;\n}) {\n    const label = DISCOVER_TOPICS.find((topic) => topic.key === active)?.label ?? 'Top';\n    return (\n        <View style={[styles.header, { borderBottomColor: palette.border, backgroundColor: palette.bg }]}>\n            <Text style={[styles.pageTitle, { color: palette.text }]} accessibilityRole=\"header\" numberOfLines={1}>\n                {label}\n            </Text>\n            <ScrollView\n                horizontal\n                showsHorizontalScrollIndicator={false}\n                contentContainerStyle={styles.tabsContent}\n                accessibilityRole=\"tablist\"\n                accessibilityLabel=\"Discover navigation\"\n            >\n                {DISCOVER_TOPICS.map((topic) => {\n                    const selected = topic.key === active;\n                    return (\n                        <Pressable\n                            key={topic.key}\n                            accessibilityRole=\"tab\"\n                            accessibilityState={{ selected }}\n                            onPress={() => onChange(topic.key)}\n                            style={[styles.tab, selected && { backgroundColor: palette.primarySoft }]}\n                        >\n                            <Text style={[styles.tabLabel, { color: selected ? palette.primary : palette.textMuted }]}>\n                                {topic.label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </ScrollView>\n        </View>\n    );\n}\n\n/** One five-story block: lead, compact cards, and a closing summary card when the block is full. */\nconst StoryBlock = React.memo(function StoryBlock({\n    stories,\n    palette,\n    onOpen,\n}: {\n    stories: IAccountNewsArticle[];\n    palette: DiscoverPalette;\n    onOpen: (story: IAccountNewsArticle) => void;\n}) {\n    const [lead, ...rest] = stories;\n    const closing = stories.length === BLOCK_SIZE ? rest[rest.length - 1] : undefined;\n    const compact = closing ? rest.slice(0, -1) : rest;\n    if (!lead) return null;\n    return (\n        <View style={styles.block}>\n            <SummaryStoryCard story={lead} palette={palette} onPress={onOpen} lead />\n            {compact.map((story) => (\n                <CompactStoryCard key={getStoryId(story)} story={story} palette={palette} onPress={onOpen} />\n            ))}\n            {closing ? <SummaryStoryCard story={closing} palette={palette} onPress={onOpen} /> : null}\n        </View>\n    );\n});\n\nfunction StateMessage({\n    title,\n    description,\n    palette,\n}: {\n    title: string;\n    description: string;\n    palette: DiscoverPalette;\n}) {\n    return (\n        <View style={[styles.state, { backgroundColor: palette.card }]}>\n            <Text style={[styles.stateTitle, { color: palette.text }]}>{title}</Text>\n            <Text style={[styles.stateDescription, { color: palette.textMuted }]}>{description}</Text>\n        </View>\n    );\n}\n\nfunction BlockDivider({ palette }: { palette: DiscoverPalette }) {\n    return <View style={[styles.divider, { backgroundColor: palette.border }]} />;\n}\n\nexport function DiscoverFeed({ orgName, isDark }: { orgName: string | null; isDark: boolean }) {\n    const navigation = useNavigation();\n    const palette = useMemo(() => discoverPalette(isDark), [isDark]);\n    const [topic, setTopic] = useState(DISCOVER_TOPICS[0].key);\n    const topicLabel = DISCOVER_TOPICS.find((t) => t.key === topic)?.label ?? 'Top';\n    const listRef = useRef<FlatList<IAccountNewsArticle[]>>(null);\n    const [refreshing, setRefreshing] = useState(false);\n    const sidebar = useDiscoverSidebar();\n\n    const { articles, loading, loadingMore, hasMore, error, loadMore, refetch } = useNewsArticlesInfinite({ topic });\n    const blocks = useMemo(() => chunkStories(articles), [articles]);\n\n    useEffect(() => {\n        listRef.current?.scrollToOffset({ offset: 0, animated: false });\n    }, [topic]);\n\n    const onOpen = useCallback(\n        (story: IAccountNewsArticle) => openDiscoverArticle(navigation, story, orgName),\n        [navigation, orgName],\n    );\n\n    const refetchSidebar = sidebar.refetch;\n    const onRefresh = useCallback(async () => {\n        setRefreshing(true);\n        try {\n            await Promise.all([refetch(), refetchSidebar()]);\n        } catch {\n            // The error state below covers a failed refresh.\n        } finally {\n            setRefreshing(false);\n        }\n    }, [refetch, refetchSidebar]);\n\n    const renderItem = useCallback(\n        ({ item, index }: { item: IAccountNewsArticle[]; index: number }) => (\n            <View>\n                {index > 0 ? <BlockDivider palette={palette} /> : null}\n                <StoryBlock stories={item} palette={palette} onOpen={onOpen} />\n            </View>\n        ),\n        [onOpen, palette],\n    );\n\n    let empty: React.ReactElement | null = null;\n    if (loading && articles.length === 0) {\n        empty = <DiscoverNewsSkeleton palette={palette} />;\n    } else if (error && articles.length === 0) {\n        empty = (\n            <StateMessage\n                title=\"Unable to load stories\"\n                description={`Something went wrong while fetching the latest ${topicLabel} stories. Pull down to try again.`}\n                palette={palette}\n            />\n        );\n    } else if (articles.length === 0) {\n        empty = (\n            <StateMessage\n                title=\"No stories yet\"\n                description={`We do not have any ${topicLabel} stories to show right now. Please check back shortly.`}\n                palette={palette}\n            />\n        );\n    }\n\n    return (\n        <View style={[styles.container, { backgroundColor: palette.bg }]}>\n            <DiscoverHeader active={topic} onChange={setTopic} palette={palette} />\n            <FlatList\n                ref={listRef}\n                data={blocks}\n                keyExtractor={(block, index) => `${block[0] ? getStoryId(block[0]) : 'block'}-${index}`}\n                renderItem={renderItem}\n                contentContainerStyle={styles.listContent}\n                ListHeaderComponent={\n                    <View style={styles.sidebarBeforeStories}>\n                        <DiscoverSidebar state={sidebar} palette={palette} />\n                    </View>\n                }\n                ListEmptyComponent={empty}\n                ListFooterComponent={\n                    loadingMore ? (\n                        <ActivityIndicator\n                            style={styles.footerSpinner}\n                            color={palette.textMuted}\n                            accessibilityLabel=\"Loading more stories\"\n                        />\n                    ) : null\n                }\n                onEndReached={hasMore ? loadMore : undefined}\n                onEndReachedThreshold={0.6}\n                refreshControl={\n                    <RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={palette.textMuted} />\n                }\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    header: {\n        paddingTop: 12,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        gap: 10,\n    },\n    pageTitle: {\n        paddingHorizontal: 16,\n        fontFamily: DISCOVER_SERIF,\n        fontSize: 28,\n        lineHeight: 32,\n    },\n    tabsContent: {\n        paddingHorizontal: 12,\n        paddingBottom: 10,\n        gap: 4,\n    },\n    tab: {\n        height: 36,\n        paddingHorizontal: 14,\n        borderRadius: 999,\n        justifyContent: 'center',\n    },\n    tabLabel: {\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    listContent: {\n        padding: 16,\n        paddingTop: 24,\n        paddingBottom: 64,\n        flexGrow: 1,\n    },\n    block: {\n        gap: 16,\n    },\n    divider: {\n        alignSelf: 'center',\n        width: 192,\n        height: StyleSheet.hairlineWidth,\n        marginVertical: 28,\n    },\n    sidebarBeforeStories: {\n        marginBottom: 28,\n    },\n    footerSpinner: {\n        paddingVertical: 24,\n    },\n    state: {\n        borderRadius: 16,\n        padding: 24,\n        gap: 8,\n    },\n    stateTitle: {\n        fontSize: 20,\n        fontWeight: '600',\n    },\n    stateDescription: {\n        fontSize: 14,\n        lineHeight: 20,\n    },\n});\n"],"names":["React","StoryBlock","_a"],"mappings":"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"}

package/lib/features/discover/DiscoverFollowUp.js

@@ -0,0 +1,135 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useCallback}from'react';import {View,StyleSheet,TextInput,Pressable}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useNavigation,CommonActions}from'@react-navigation/native';import {useSafeAreaInsets}from'react-native-safe-area-context';import Svg,{Defs,LinearGradient,Stop,Rect}from'react-native-svg';import {v4}from'uuid';import {resolveMobileWebUrl,getPackagerHost}from'../../bridge/resolveMobileWebUrl.js';import {config}from'../../config/env-config.js';import {useChatMutations}from'../../hooks/useChatApi.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {followUpChatTitle,buildFollowUpQuery}from'./followUpQuery.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const FOLLOW_UP_RESERVED_HEIGHT = 112;
+function DiscoverFollowUp({
+  article,
+  orgName,
+  palette
+}) {
+  const navigation = useNavigation();
+  const insets = useSafeAreaInsets();
+  const {
+    createChannel
+  } = useChatMutations();
+  const [question, setQuestion] = useState("");
+  const canSubmit = question.trim().length > 0;
+  const submit = useCallback(() => {
+    const trimmed = question.trim();
+    if (!trimmed) return;
+    const channelId = v4();
+    const webOrigin = resolveMobileWebUrl(config.CLIENT_URL, getPackagerHost());
+    void createChannel({
+      id: channelId,
+      title: followUpChatTitle(trimmed),
+      isShared: false,
+      sharedSlug: null,
+      isArchived: false,
+      isPinned: false,
+      model: null,
+      systemPrompt: null,
+      orgName: orgName != null ? orgName : void 0
+    }).catch((err) => {
+      console.error("[DiscoverFollowUp] createChannel failed:", err);
+    });
+    setQuestion("");
+    navigation.dispatch(CommonActions.navigate({
+      name: "MainStack.Chat",
+      params: {
+        channelId,
+        orgName: orgName != null ? orgName : void 0,
+        initialQuery: buildFollowUpQuery(article, trimmed, webOrigin),
+        initialMode: "chat",
+        // A question about an article is a chat, never a Shop hand-off.
+        shopRouteChecked: true
+      }
+    }));
+  }, [article, createChannel, navigation, orgName, question]);
+  return /* @__PURE__ */ jsxs(View, { pointerEvents: "box-none", style: [styles.dock, {
+    paddingBottom: Math.max(16, insets.bottom)
+  }], children: [
+    /* @__PURE__ */ jsxs(Svg, { style: StyleSheet.absoluteFill, pointerEvents: "none", children: [
+      /* @__PURE__ */ jsx(Defs, { children: /* @__PURE__ */ jsxs(LinearGradient, { id: "discover-follow-up-fade", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsx(Stop, { offset: "0", stopColor: palette.bg, stopOpacity: 0 }),
+        /* @__PURE__ */ jsx(Stop, { offset: "0.45", stopColor: palette.bg, stopOpacity: 1 }),
+        /* @__PURE__ */ jsx(Stop, { offset: "1", stopColor: palette.bg, stopOpacity: 1 })
+      ] }) }),
+      /* @__PURE__ */ jsx(Rect, { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#discover-follow-up-fade)" })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.composer, {
+      backgroundColor: palette.card,
+      borderColor: palette.cardBorder
+    }], children: [
+      /* @__PURE__ */ jsx(TextInput, { value: question, onChangeText: setQuestion, placeholder: "Ask follow-up", placeholderTextColor: palette.textMuted, accessibilityLabel: "Ask a follow-up question about this article", multiline: true, returnKeyType: "send", submitBehavior: "submit", onSubmitEditing: submit, style: [styles.input, {
+        color: palette.text
+      }] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Send follow-up", accessibilityState: {
+        disabled: !canSubmit
+      }, disabled: !canSubmit, onPress: submit, style: [styles.send, canSubmit ? {
+        backgroundColor: palette.primary
+      } : {
+        backgroundColor: palette.imagePlaceholder
+      }], children: /* @__PURE__ */ jsx(Ionicons, { name: "arrow-up", size: 18, color: canSubmit ? "#ffffff" : palette.textMuted }) })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  dock: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    paddingTop: 32,
+    paddingHorizontal: 16
+  },
+  composer: __spreadProps(__spreadValues({
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8,
+    borderRadius: 22,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingVertical: 8,
+    paddingLeft: 14,
+    paddingRight: 8
+  }, mobileTokens.shadow.card), {
+    shadowOpacity: 0.12,
+    shadowRadius: 18,
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    elevation: 6
+  }),
+  input: {
+    flex: 1,
+    minHeight: 40,
+    maxHeight: 160,
+    paddingTop: 10,
+    paddingBottom: 10,
+    fontSize: 15,
+    lineHeight: 22
+  },
+  send: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});export{DiscoverFollowUp,FOLLOW_UP_RESERVED_HEIGHT};//# sourceMappingURL=DiscoverFollowUp.js.map

package/lib/features/discover/DiscoverFollowUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverFollowUp.js","sources":["../../../src/features/discover/DiscoverFollowUp.tsx"],"sourcesContent":["/**\n * \"Ask follow-up\" under a Discover article — the browser's `DiscoverFollowUp`.\n * Pinned to the bottom of the reader over a fade of the page. On send it opens\n * a fresh chat seeded with the article as context and the question, the same\n * handoff Home uses: create the channel in the background, then Chat\n * auto-fires `initialQuery`.\n */\nimport React, { useCallback, useState } from 'react';\nimport { Pressable, StyleSheet, TextInput, View } from 'react-native';\nimport { Ionicons } from '@expo/vector-icons';\nimport { CommonActions, useNavigation } from '@react-navigation/native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\nimport { v4 as uuidv4 } from 'uuid';\nimport type { IAccountNewsArticle } from 'common';\nimport { getPackagerHost, resolveMobileWebUrl } from '../../bridge/resolveMobileWebUrl';\nimport { config } from '../../config/env-config';\nimport { useChatMutations } from '../../hooks/useChatApi';\nimport { mobileTokens } from '../../theme/mobileTokens';\nimport type { DiscoverPalette } from './DiscoverStoryCards';\nimport { buildFollowUpQuery, followUpChatTitle } from './followUpQuery';\n\n/** Room the pinned composer takes over the page, for the reader's bottom padding. */\nexport const FOLLOW_UP_RESERVED_HEIGHT = 112;\n\nexport function DiscoverFollowUp({\n    article,\n    orgName,\n    palette,\n}: {\n    article: IAccountNewsArticle;\n    orgName: string | null;\n    palette: DiscoverPalette;\n}) {\n    const navigation = useNavigation();\n    const insets = useSafeAreaInsets();\n    const { createChannel } = useChatMutations();\n    const [question, setQuestion] = useState('');\n    const canSubmit = question.trim().length > 0;\n\n    const submit = useCallback(() => {\n        const trimmed = question.trim();\n        if (!trimmed) return;\n\n        const channelId = uuidv4();\n        const webOrigin = resolveMobileWebUrl(config.CLIENT_URL, getPackagerHost());\n\n        // Chat awaits the in-flight creation before it saves the first turn.\n        void createChannel({\n            id: channelId,\n            title: followUpChatTitle(trimmed),\n            isShared: false,\n            sharedSlug: null,\n            isArchived: false,\n            isPinned: false,\n            model: null,\n            systemPrompt: null,\n            orgName: orgName ?? undefined,\n        }).catch((err) => {\n            console.error('[DiscoverFollowUp] createChannel failed:', err);\n        });\n\n        setQuestion('');\n        navigation.dispatch(\n            CommonActions.navigate({\n                name: 'MainStack.Chat',\n                params: {\n                    channelId,\n                    orgName: orgName ?? undefined,\n                    initialQuery: buildFollowUpQuery(article, trimmed, webOrigin),\n                    initialMode: 'chat',\n                    // A question about an article is a chat, never a Shop hand-off.\n                    shopRouteChecked: true,\n                },\n            }),\n        );\n    }, [article, createChannel, navigation, orgName, question]);\n\n    return (\n        <View pointerEvents=\"box-none\" style={[styles.dock, { paddingBottom: Math.max(16, insets.bottom) }]}>\n            {/* The page fades out behind the composer, as the web's gradient does. */}\n            <Svg style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n                <Defs>\n                    <LinearGradient id=\"discover-follow-up-fade\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                        <Stop offset=\"0\" stopColor={palette.bg} stopOpacity={0} />\n                        <Stop offset=\"0.45\" stopColor={palette.bg} stopOpacity={1} />\n                        <Stop offset=\"1\" stopColor={palette.bg} stopOpacity={1} />\n                    </LinearGradient>\n                </Defs>\n                <Rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#discover-follow-up-fade)\" />\n            </Svg>\n            <View style={[styles.composer, { backgroundColor: palette.card, borderColor: palette.cardBorder }]}>\n                <TextInput\n                    value={question}\n                    onChangeText={setQuestion}\n                    placeholder=\"Ask follow-up\"\n                    placeholderTextColor={palette.textMuted}\n                    accessibilityLabel=\"Ask a follow-up question about this article\"\n                    multiline\n                    returnKeyType=\"send\"\n                    submitBehavior=\"submit\"\n                    onSubmitEditing={submit}\n                    style={[styles.input, { color: palette.text }]}\n                />\n                <Pressable\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Send follow-up\"\n                    accessibilityState={{ disabled: !canSubmit }}\n                    disabled={!canSubmit}\n                    onPress={submit}\n                    style={[\n                        styles.send,\n                        canSubmit\n                            ? { backgroundColor: palette.primary }\n                            : { backgroundColor: palette.imagePlaceholder },\n                    ]}\n                >\n                    <Ionicons name=\"arrow-up\" size={18} color={canSubmit ? '#ffffff' : palette.textMuted} />\n                </Pressable>\n            </View>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    dock: {\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        bottom: 0,\n        paddingTop: 32,\n        paddingHorizontal: 16,\n    },\n    composer: {\n        flexDirection: 'row',\n        alignItems: 'flex-end',\n        gap: 8,\n        borderRadius: 22,\n        borderWidth: StyleSheet.hairlineWidth,\n        paddingVertical: 8,\n        paddingLeft: 14,\n        paddingRight: 8,\n        ...mobileTokens.shadow.card,\n        shadowOpacity: 0.12,\n        shadowRadius: 18,\n        shadowOffset: { width: 0, height: 10 },\n        elevation: 6,\n    },\n    input: {\n        flex: 1,\n        minHeight: 40,\n        maxHeight: 160,\n        paddingTop: 10,\n        paddingBottom: 10,\n        fontSize: 15,\n        lineHeight: 22,\n    },\n    send: {\n        width: 36,\n        height: 36,\n        borderRadius: 18,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n});\n"],"names":["uuidv4"],"mappings":"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"}