@droppii-org/chat-mobile 0.2.51 → 0.2.52

package/lib/module/screens/ResourceCenter/LinkResourceRow.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LinkResourceRow = /*#__PURE__*/memo(({
+  item,
+  onPressUrl
+}) => /*#__PURE__*/_jsxs(KContainer.Touchable, {
+  style: styles.row,
+  br: "3x",
+  background: KColors.opacity.grayLighter[20],
+  onPress: () => item.linkUrl && onPressUrl?.(item.linkUrl),
+  children: [/*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.thumb,
+    children: [/*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!item.linkImageUrl,
+      children: /*#__PURE__*/_jsx(KImage.Base, {
+        uri: item.linkImageUrl ?? '',
+        width: 76,
+        height: 76,
+        br: "2x",
+        resizeMode: "cover"
+      })
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !item.linkImageUrl,
+      children: /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.thumbFallback,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "link-alt-o",
+          color: KColors.white
+        })
+      })
+    })]
+  }), /*#__PURE__*/_jsxs(KContainer.View, {
+    flexS: 1,
+    children: [/*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!item.linkDomain,
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        // ⚠️ U7: Figma domain-line color (#5C6366) has no exact @droppii/libs
+        // token match — using closest system token (gray.w500) pending Designer confirm.
+        typo: "TextNmNormal",
+        color: KColors.palette.gray.w500,
+        numberOfLines: 1,
+        children: item.linkDomain
+      })
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!item.linkTitle,
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdMedium",
+        color: KColors.palette.gray.w900,
+        numberOfLines: 2,
+        children: item.linkTitle
+      })
+    })]
+  })]
+}));
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: KSpacingValue['0.5rem'],
+    padding: KSpacingValue['0.75rem'],
+    marginBottom: KSpacingValue['0.5rem']
+  },
+  // Figma Link-Item: thumbnail slot is 76x76 (not 56x56).
+  thumb: {
+    width: 76,
+    height: 76
+  },
+  thumbFallback: {
+    width: 76,
+    height: 76,
+    borderRadius: 12,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: KColors.palette.gray.w200
+  }
+});
+//# sourceMappingURL=LinkResourceRow.js.map

package/lib/module/screens/ResourceCenter/LinkResourceRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","jsx","_jsx","jsxs","_jsxs","LinkResourceRow","item","onPressUrl","Touchable","style","styles","row","br","background","opacity","grayLighter","onPress","linkUrl","children","View","thumb","VisibleView","visible","linkImageUrl","Base","uri","width","height","resizeMode","thumbFallback","VectorIcons","name","color","white","flexS","linkDomain","Text","typo","palette","gray","w500","numberOfLines","linkTitle","w900","create","flexDirection","alignItems","gap","padding","marginBottom","borderRadius","justifyContent","backgroundColor","w200"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/LinkResourceRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/ResourceCenter/ListRenderer.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { LegendList } from '@legendapp/list/react-native';
+import { KContainer, KColors, KSpacingValue } from '@droppii/libs';
+import { FileResourceRow } from "./FileResourceRow.js";
+import { LinkResourceRow } from "./LinkResourceRow.js";
+import { DThreadResourceContentType } from "../../types/chat.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ROW_ESTIMATE = 80;
+export const ListRenderer = /*#__PURE__*/memo(({
+  items,
+  contentType,
+  onEndReached,
+  isFetchingNextPage,
+  onPressUrl,
+  onRefresh,
+  isRefetching,
+  emptyComponent
+}) => {
+  const isLink = contentType === DThreadResourceContentType.URL_TEXT;
+  const renderItem = useCallback(({
+    item
+  }) => isLink ? /*#__PURE__*/_jsx(LinkResourceRow, {
+    item: item,
+    onPressUrl: onPressUrl
+  }) : /*#__PURE__*/_jsx(FileResourceRow, {
+    item: item
+  }), [isLink, onPressUrl]);
+  const keyExtractor = useCallback(item => item.id, []);
+  return /*#__PURE__*/_jsx(LegendList, {
+    data: items,
+    renderItem: renderItem,
+    keyExtractor: keyExtractor,
+    estimatedItemSize: ROW_ESTIMATE,
+    contentContainerStyle: styles.content,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: 0.5,
+    onRefresh: onRefresh,
+    refreshing: isRefetching,
+    ListEmptyComponent: emptyComponent,
+    ListFooterComponent: /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: isFetchingNextPage,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        style: styles.footer,
+        color: KColors.palette.primary.w400
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  content: {
+    padding: KSpacingValue['0.75rem']
+  },
+  footer: {
+    paddingVertical: KSpacingValue['1rem']
+  }
+});
+//# sourceMappingURL=ListRenderer.js.map

package/lib/module/screens/ResourceCenter/ListRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","ActivityIndicator","StyleSheet","LegendList","KContainer","KColors","KSpacingValue","FileResourceRow","LinkResourceRow","DThreadResourceContentType","jsx","_jsx","ROW_ESTIMATE","ListRenderer","items","contentType","onEndReached","isFetchingNextPage","onPressUrl","onRefresh","isRefetching","emptyComponent","isLink","URL_TEXT","renderItem","item","keyExtractor","id","data","estimatedItemSize","contentContainerStyle","styles","content","onEndReachedThreshold","refreshing","ListEmptyComponent","ListFooterComponent","VisibleView","visible","children","style","footer","color","palette","primary","w400","create","padding","paddingVertical"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/ListRenderer.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAC5D,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,UAAU,EAAEC,OAAO,EAAEC,aAAa,QAAQ,eAAe;AAClE,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,0BAA0B,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9D,MAAMC,YAAY,GAAG,EAAE;AAEvB,OAAO,MAAMC,YAAY,gBAAGd,IAAI,CAC9B,CAAC;EACCe,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,kBAAkB;EAClBC,UAAU;EACVC,SAAS;EACTC,YAAY;EACZC;AACK,CAAC,KAAK;EACX,MAAMC,MAAM,GAAGP,WAAW,KAAKN,0BAA0B,CAACc,QAAQ;EAElE,MAAMC,UAAU,GAAGxB,WAAW,CAC5B,CAAC;IAAEyB;EAAgC,CAAC,KAClCH,MAAM,gBACJX,IAAA,CAACH,eAAe;IAACiB,IAAI,EAAEA,IAAK;IAACP,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAEvDP,IAAA,CAACJ,eAAe;IAACkB,IAAI,EAAEA;EAAK,CAAE,CAC/B,EACH,CAACH,MAAM,EAAEJ,UAAU,CACrB,CAAC;EAED,MAAMQ,YAAY,GAAG1B,WAAW,CAAEyB,IAAqB,IAAKA,IAAI,CAACE,EAAE,EAAE,EAAE,CAAC;EAExE,oBACEhB,IAAA,CAACR,UAAU;IACTyB,IAAI,EAAEd,KAAM;IACZU,UAAU,EAAEA,UAAW;IACvBE,YAAY,EAAEA,YAAa;IAC3BG,iBAAiB,EAAEjB,YAAa;IAChCkB,qBAAqB,EAAEC,MAAM,CAACC,OAAQ;IACtChB,YAAY,EAAEA,YAAa;IAC3BiB,qBAAqB,EAAE,GAAI;IAC3Bd,SAAS,EAAEA,SAAU;IACrBe,UAAU,EAAEd,YAAa;IACzBe,kBAAkB,EAAEd,cAAe;IACnCe,mBAAmB,eACjBzB,IAAA,CAACP,UAAU,CAACiC,WAAW;MAACC,OAAO,EAAErB,kBAAmB;MAAAsB,QAAA,eAClD5B,IAAA,CAACV,iBAAiB;QAChBuC,KAAK,EAAET,MAAM,CAACU,MAAO;QACrBC,KAAK,EAAErC,OAAO,CAACsC,OAAO,CAACC,OAAO,CAACC;MAAK,CACrC;IAAC,CACoB;EACzB,CACF,CAAC;AAEN,CACF,CAAC;AAED,MAAMd,MAAM,GAAG7B,UAAU,CAAC4C,MAAM,CAAC;EAC/Bd,OAAO,EAAE;IACPe,OAAO,EAAEzC,aAAa,CAAC,SAAS;EAClC,CAAC;EACDmC,MAAM,EAAE;IACNO,eAAe,EAAE1C,aAAa,CAAC,MAAM;EACvC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/screens/ResourceCenter/ResourceCenterTabBar.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { TabBar } from 'react-native-tab-view';
+import { KLabel, KColors, KSpacingValue } from '@droppii/libs';
+
+// Stable module-level reference — must NOT be defined inside the component body
+// (or inside the `useMemo` below), or React treats it as a new type every render.
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderTabLabel = ({
+  labelText,
+  color
+}) => /*#__PURE__*/_jsx(KLabel.Text, {
+  typo: "TextNmBold",
+  color: color,
+  children: labelText
+});
+
+// Uses `react-native-tab-view`'s own `TabBar` (animated sliding indicator,
+// built-in accessibility/ripple) instead of a hand-rolled tab row — only the
+// design tokens are custom (colors/indicator/label typography), matching the
+// Figma underline-tab spec via the library's supported customization surface
+// (`activeColor`/`inactiveColor`/`indicatorStyle`/per-route `label`).
+//
+// NOT wrapped in `React.memo`: `TabView` calls `renderTabBar(props)` as a plain
+// function (not `<Comp/>` JSX — see `TabView.js`: `renderTabBar({...})`), and a
+// `memo()`-wrapped component is a React element object, not a callable function.
+// Passing the memoized object here throws `renderTabBar is not a function`.
+export function ResourceCenterTabBar(props) {
+  const options = useMemo(() => Object.fromEntries(props.navigationState.routes.map(route => [route.key, {
+    labelText: route.title,
+    label: renderTabLabel
+  }])), [props.navigationState.routes]);
+  return /*#__PURE__*/_jsx(TabBar, {
+    ...props,
+    scrollEnabled: true,
+    options: options,
+    activeColor: KColors.palette.primary.w400,
+    inactiveColor: KColors.palette.gray.w400,
+    pressColor: "transparent",
+    style: styles.bar,
+    tabStyle: styles.tab,
+    indicatorStyle: styles.indicator
+  });
+}
+const styles = StyleSheet.create({
+  // Figma `Tab-Bar` (14208:92918): solid white background + 1px bottom hairline
+  // (`gray.w25` #EFEFEF) — no shadow/elevation.
+  bar: {
+    backgroundColor: KColors.white,
+    borderBottomWidth: 1,
+    borderBottomColor: KColors.palette.gray.w25,
+    shadowOpacity: 0,
+    elevation: 0
+  },
+  // `width: 'auto'` is REQUIRED alongside `scrollEnabled` above — without it,
+  // `TabBar`'s internal `getComputedTabWidth` falls back to `layout.width / 5 * 2`
+  // (40% of screen width per tab) before it has measured anything, rendering
+  // hugely oversized tabs. `'auto'` makes it use each tab's real measured label
+  // width instead (`tabWidths[route.key]`) — matches Figma's hug-content tabs
+  // (widths 53/65/73/81pt), fixed to each tab's own text, not stretched/guessed.
+  tab: {
+    width: 'auto',
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    minHeight: 0
+  },
+  // Figma: 3px bar, cornerRadius 4, primary blue.
+  indicator: {
+    backgroundColor: KColors.palette.primary.w400,
+    height: 3,
+    borderRadius: 4
+  }
+});
+//# sourceMappingURL=ResourceCenterTabBar.js.map

package/lib/module/screens/ResourceCenter/ResourceCenterTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","TabBar","KLabel","KColors","KSpacingValue","jsx","_jsx","renderTabLabel","labelText","color","Text","typo","children","ResourceCenterTabBar","props","options","Object","fromEntries","navigationState","routes","map","route","key","title","label","scrollEnabled","activeColor","palette","primary","w400","inactiveColor","gray","pressColor","style","styles","bar","tabStyle","tab","indicatorStyle","indicator","create","backgroundColor","white","borderBottomWidth","borderBottomColor","w25","shadowOpacity","elevation","width","paddingHorizontal","minHeight","height","borderRadius"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/ResourceCenterTabBar.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,MAAM,QAID,uBAAuB;AAC9B,SAASC,MAAM,EAAEC,OAAO,EAAEC,aAAa,QAAQ,eAAe;;AAE9D;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,cAA0D,GAAGA,CAAC;EAClEC,SAAS;EACTC;AACF,CAAC,kBACCH,IAAA,CAACJ,MAAM,CAACQ,IAAI;EAACC,IAAI,EAAC,YAAY;EAACF,KAAK,EAAEA,KAAM;EAAAG,QAAA,EACzCJ;AAAS,CACC,CACd;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,oBAAoBA,CAAkBC,KAAqB,EAAE;EAC3E,MAAMC,OAAO,GAAGhB,OAAO,CACrB,MACEiB,MAAM,CAACC,WAAW,CAChBH,KAAK,CAACI,eAAe,CAACC,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAK,CAC1CA,KAAK,CAACC,GAAG,EACT;IACEd,SAAS,EAAGa,KAAK,CAAgCE,KAAK;IACtDC,KAAK,EAAEjB;EACT,CAAC,CACF,CACH,CAAC,EACH,CAACO,KAAK,CAACI,eAAe,CAACC,MAAM,CAC/B,CAAC;EAED,oBACEb,IAAA,CAACL,MAAM;IAAA,GACDa,KAAK;IACTW,aAAa;IACbV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAEvB,OAAO,CAACwB,OAAO,CAACC,OAAO,CAACC,IAAK;IAC1CC,aAAa,EAAE3B,OAAO,CAACwB,OAAO,CAACI,IAAI,CAACF,IAAK;IACzCG,UAAU,EAAC,aAAa;IACxBC,KAAK,EAAEC,MAAM,CAACC,GAAI;IAClBC,QAAQ,EAAEF,MAAM,CAACG,GAAI;IACrBC,cAAc,EAAEJ,MAAM,CAACK;EAAU,CAClC,CAAC;AAEN;AAEA,MAAML,MAAM,GAAGlC,UAAU,CAACwC,MAAM,CAAC;EAC/B;EACA;EACAL,GAAG,EAAE;IACHM,eAAe,EAAEtC,OAAO,CAACuC,KAAK;IAC9BC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEzC,OAAO,CAACwB,OAAO,CAACI,IAAI,CAACc,GAAG;IAC3CC,aAAa,EAAE,CAAC;IAChBC,SAAS,EAAE;EACb,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACAV,GAAG,EAAE;IACHW,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAE7C,aAAa,CAAC,SAAS,CAAC;IAC3C8C,SAAS,EAAE;EACb,CAAC;EACD;EACAX,SAAS,EAAE;IACTE,eAAe,EAAEtC,OAAO,CAACwB,OAAO,CAACC,OAAO,CAACC,IAAI;IAC7CsB,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/screens/ResourceCenter/ResourceCenterTabScene.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { KContainer, KLabel, KColors } from '@droppii/libs';
+import { trans } from "../../translation/index.js";
+import { useThreadResources } from "../../hooks/resourceCenter/useThreadResources.js";
+import { ResourceEmptyState } from "./ResourceEmptyState.js";
+import { GridRenderer } from "./GridRenderer.js";
+import { ListRenderer } from "./ListRenderer.js";
+import { DThreadResourceContentType } from "../../types/chat.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// One scene per tab — owns its own `useThreadResources` call so react-query
+// caches independently per (recvID, contentType) and `lazy` TabView scenes
+// don't all fetch on mount.
+//
+// Known limitation (deliberate, not an oversight): the shared `MediaViewerModal`
+// is opened with a static snapshot of the currently-loaded page. If the user swipes
+// to the last loaded item while more pages exist server-side, the viewer does not
+// auto-fetch more — they need to close it, scroll the grid to trigger `loadMore`,
+// then reopen. Wiring live pagination into the viewer would require either coupling
+// the shared `MediaView` (used by in-chat bubbles too) to react-query state, or
+// forking its ~230 lines of zoom/video/download logic into a separate component —
+// not worth it for this ticket's scope.
+export const ResourceCenterTabScene = /*#__PURE__*/memo(({
+  recvID,
+  chatType,
+  contentType,
+  layout,
+  emptyKey,
+  onPressUrl,
+  mediaViewerRef
+}) => {
+  const {
+    items,
+    isLoading,
+    isError,
+    loadMore,
+    isFetchingNextPage,
+    isRefetching,
+    refetch,
+    refreshFirstPage
+  } = useThreadResources(recvID, contentType, chatType);
+  const onPressGridItem = useCallback(index => {
+    const mediaItems = items.map(item => ({
+      url: item.sourceUrl ?? '',
+      isVideo: contentType === DThreadResourceContentType.VIDEO
+    }));
+    // Resource Center grids (Ảnh/Video tabs) can hold hundreds of items —
+    // the viewer's dot/counter pagination indicator is meant for small,
+    // in-chat message groups and becomes noise at this scale. Hide it here.
+    mediaViewerRef.current?.show(mediaItems, index, {
+      pagination: false
+    });
+  }, [items, contentType, mediaViewerRef]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      style: styles.centerFill,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: KColors.palette.primary.w400
+      })
+    });
+  }
+  if (isError) {
+    return /*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.centerFill,
+      children: [/*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextSmNormal",
+        color: KColors.palette.gray.w400,
+        style: styles.errorText,
+        children: trans('chat:generic_error')
+      }), /*#__PURE__*/_jsx(KContainer.Touchable, {
+        onPress: () => refetch(),
+        children: /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextNmBold",
+          color: KColors.palette.primary.w400,
+          children: trans('chat:retry')
+        })
+      })]
+    });
+  }
+
+  // `ResourceEmptyState` is passed as `ListEmptyComponent` (not an early return)
+  // so the list itself — and its `RefreshControl` — stays mounted even with 0
+  // items, letting pull-to-refresh work on the empty state too.
+  const emptyComponent = /*#__PURE__*/_jsx(ResourceEmptyState, {
+    emptyKey: emptyKey
+  });
+  if (layout === 'grid') {
+    return /*#__PURE__*/_jsx(GridRenderer, {
+      items: items,
+      onEndReached: loadMore,
+      isFetchingNextPage: isFetchingNextPage,
+      onPressItem: onPressGridItem,
+      onRefresh: refreshFirstPage,
+      isRefetching: isRefetching,
+      emptyComponent: emptyComponent
+    });
+  }
+  return /*#__PURE__*/_jsx(ListRenderer, {
+    items: items,
+    contentType: contentType,
+    onEndReached: loadMore,
+    isFetchingNextPage: isFetchingNextPage,
+    onPressUrl: onPressUrl,
+    onRefresh: refreshFirstPage,
+    isRefetching: isRefetching,
+    emptyComponent: emptyComponent
+  });
+});
+const styles = StyleSheet.create({
+  centerFill: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8
+  },
+  errorText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ResourceCenterTabScene.js.map

package/lib/module/screens/ResourceCenter/ResourceCenterTabScene.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","ActivityIndicator","StyleSheet","KContainer","KLabel","KColors","trans","useThreadResources","ResourceEmptyState","GridRenderer","ListRenderer","DThreadResourceContentType","jsx","_jsx","jsxs","_jsxs","ResourceCenterTabScene","recvID","chatType","contentType","layout","emptyKey","onPressUrl","mediaViewerRef","items","isLoading","isError","loadMore","isFetchingNextPage","isRefetching","refetch","refreshFirstPage","onPressGridItem","index","mediaItems","map","item","url","sourceUrl","isVideo","VIDEO","current","show","pagination","View","style","styles","centerFill","children","color","palette","primary","w400","Text","typo","gray","errorText","Touchable","onPress","emptyComponent","onEndReached","onPressItem","onRefresh","create","flex","alignItems","justifyContent","gap","textAlign"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/ResourceCenterTabScene.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/ResourceCenter/ResourceEmptyState.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { trans } from "../../translation/index.js";
+import Images from "../../assets/images/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ResourceEmptyState = /*#__PURE__*/memo(({
+  emptyKey
+}) => /*#__PURE__*/_jsxs(KContainer.View, {
+  style: styles.wrapper,
+  children: [/*#__PURE__*/_jsx(KImage.Base, {
+    uri: Images.RESOURCE_CENTER_EMPTY_BOX,
+    width: 120,
+    height: 120
+  }), /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextSmNormal",
+    color: KColors.palette.gray.w400,
+    style: styles.text,
+    children: trans(emptyKey)
+  })]
+}));
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 60,
+    gap: 12
+  },
+  text: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ResourceEmptyState.js.map

package/lib/module/screens/ResourceCenter/ResourceEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KImage","KLabel","KColors","trans","Images","jsx","_jsx","jsxs","_jsxs","ResourceEmptyState","emptyKey","View","style","styles","wrapper","children","Base","uri","RESOURCE_CENTER_EMPTY_BOX","width","height","Text","typo","color","palette","gray","w400","text","create","flex","alignItems","justifyContent","paddingTop","gap","textAlign"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/ResourceEmptyState.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AACnE,SAASC,KAAK,QAAQ,4BAAmB;AACzC,OAAOC,MAAM,MAAM,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMzC,OAAO,MAAMC,kBAAkB,gBAAGZ,IAAI,CAAC,CAAC;EAAEa;AAAgB,CAAC,kBACzDF,KAAA,CAACT,UAAU,CAACY,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;EAAAC,QAAA,gBACrCT,IAAA,CAACN,MAAM,CAACgB,IAAI;IACVC,GAAG,EAAEb,MAAM,CAACc,yBAA0B;IACtCC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE;EAAI,CACb,CAAC,eACFd,IAAA,CAACL,MAAM,CAACoB,IAAI;IACVC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAErB,OAAO,CAACsB,OAAO,CAACC,IAAI,CAACC,IAAK;IACjCd,KAAK,EAAEC,MAAM,CAACc,IAAK;IAAAZ,QAAA,EAElBZ,KAAK,CAACO,QAAQ;EAAC,CACL,CAAC;AAAA,CACC,CAClB,CAAC;AAEF,MAAMG,MAAM,GAAGf,UAAU,CAAC8B,MAAM,CAAC;EAC/Bd,OAAO,EAAE;IACPe,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,EAAE;IACdC,GAAG,EAAE;EACP,CAAC;EACDN,IAAI,EAAE;IACJO,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/screens/ResourceCenter/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+import { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { TabView } from 'react-native-tab-view';
+import { KNavigation, KContainer, KColors } from '@droppii/libs';
+import { SessionType } from '@droppii/openim-rn-client-sdk';
+import { trans } from "../../translation/index.js";
+import { useConversation } from "../../store/index.js";
+import { MediaViewerModal } from "../../components/MediaViewerModal.js";
+import { ResourceCenterTabBar } from "./ResourceCenterTabBar.js";
+import { ResourceCenterTabScene } from "./ResourceCenterTabScene.js";
+import { RESOURCE_TABS } from "./types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ResourceCenterScreen = /*#__PURE__*/memo(({
+  conversationId,
+  fallbackGroupID,
+  fallbackUserID,
+  initialTab,
+  onBack,
+  onPressUrl
+}) => {
+  // Same derivation every host app previously duplicated: groupID-first
+  // (group/bot threads), userID fallback (1-1 threads), with route-param
+  // fallbacks for the window before `conversationId` lands in the store.
+  const conversation = useConversation(conversationId);
+  const groupID = conversation?.groupID || fallbackGroupID;
+  const recvID = groupID || conversation?.userID || fallbackUserID || '';
+  // `chatType` must reflect the conversation's actual session type, not just
+  // "did a groupID show up somewhere" — `conversationType` (SessionType.Group
+  // === 3, covers WorkingGroup too since it shares the same numeric value) is
+  // the authoritative signal once the conversation is loaded. Only fall back
+  // to the groupID-presence heuristic for the window before it lands in the
+  // store (conversation === undefined).
+  const isGroupConversation = conversation ? conversation?.conversationType === SessionType.Group : !!groupID;
+  const chatType = isGroupConversation ? 'GROUP' : 'SINGLE';
+  const [routes] = useState(() => RESOURCE_TABS.map(tab => ({
+    key: String(tab.contentType),
+    title: trans(tab.labelKey),
+    contentType: tab.contentType,
+    layout: tab.layout,
+    emptyKey: tab.emptyKey
+  })));
+  const initialIndex = useMemo(() => {
+    const idx = routes.findIndex(r => r.contentType === initialTab);
+    return idx >= 0 ? idx : 0;
+  }, [routes, initialTab]);
+  const [index, setIndex] = useState(initialIndex);
+  const mediaViewerRef = useRef(null);
+
+  // `renderScene` is a render prop consumed by `TabView` — matching `Inbox.tsx`'s
+  // convention of `useCallback`-wrapping it so it doesn't get a new identity (and
+  // force unnecessary internal re-renders) on every parent render.
+  // `renderTabBar` needs no wrapper: `ResourceCenterTabBar` already implements
+  // `TabView`'s own `renderTabBar` prop contract directly (it wraps the library's
+  // `TabBar`), so its component reference — already stable — is passed as-is.
+  const renderScene = useCallback(({
+    route
+  }) => /*#__PURE__*/_jsx(ResourceCenterTabScene, {
+    recvID: recvID,
+    chatType: chatType,
+    contentType: route.contentType,
+    layout: route.layout,
+    emptyKey: route.emptyKey,
+    onPressUrl: onPressUrl,
+    mediaViewerRef: mediaViewerRef
+  }), [recvID, chatType, onPressUrl]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.flex,
+    children: [/*#__PURE__*/_jsx(KNavigation.Header, {
+      title: trans('chat:resource_center_title'),
+      alignment: "left",
+      size: "small",
+      theme: "light",
+      leftButton: {
+        id: 'back',
+        icon: {
+          vectorName: 'arrow-left-o'
+        },
+        onPress: onBack
+      }
+    }), /*#__PURE__*/_jsx(TabView, {
+      navigationState: {
+        index,
+        routes
+      },
+      onIndexChange: setIndex,
+      lazy: true,
+      renderTabBar: ResourceCenterTabBar,
+      renderScene: renderScene
+    }), /*#__PURE__*/_jsx(MediaViewerModal, {
+      ref: mediaViewerRef
+    })]
+  });
+});
+ResourceCenterScreen.displayName = 'Screen.ResourceCenter';
+export default ResourceCenterScreen;
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1,
+    backgroundColor: KColors.white
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/screens/ResourceCenter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","useRef","useState","StyleSheet","TabView","KNavigation","KContainer","KColors","SessionType","trans","useConversation","MediaViewerModal","ResourceCenterTabBar","ResourceCenterTabScene","RESOURCE_TABS","jsx","_jsx","jsxs","_jsxs","ResourceCenterScreen","conversationId","fallbackGroupID","fallbackUserID","initialTab","onBack","onPressUrl","conversation","groupID","recvID","userID","isGroupConversation","conversationType","Group","chatType","routes","map","tab","key","String","contentType","title","labelKey","layout","emptyKey","initialIndex","idx","findIndex","r","index","setIndex","mediaViewerRef","renderScene","route","View","style","styles","flex","children","Header","alignment","size","theme","leftButton","id","icon","vectorName","onPress","navigationState","onIndexChange","lazy","renderTabBar","ref","displayName","create","backgroundColor","white"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/ResourceCenter/types.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { DThreadResourceContentType } from "../../types/chat.js";
+export const RESOURCE_TABS = [{
+  contentType: DThreadResourceContentType.IMAGE,
+  labelKey: 'chat:resource_center_tab_image',
+  emptyKey: 'chat:resource_center_empty_generic',
+  layout: 'grid'
+}, {
+  contentType: DThreadResourceContentType.VIDEO,
+  labelKey: 'chat:resource_center_tab_video',
+  emptyKey: 'chat:resource_center_empty_generic',
+  layout: 'grid'
+}, {
+  contentType: DThreadResourceContentType.FILE,
+  labelKey: 'chat:resource_center_tab_file',
+  emptyKey: 'chat:resource_center_empty_generic',
+  layout: 'list'
+}, {
+  contentType: DThreadResourceContentType.URL_TEXT,
+  labelKey: 'chat:resource_center_tab_link',
+  emptyKey: 'chat:resource_center_empty_link',
+  layout: 'list'
+}];
+//# sourceMappingURL=types.js.map

package/lib/module/screens/ResourceCenter/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DThreadResourceContentType","RESOURCE_TABS","contentType","IMAGE","labelKey","emptyKey","layout","VIDEO","FILE","URL_TEXT"],"sourceRoot":"../../../../src","sources":["screens/ResourceCenter/types.ts"],"mappings":";;AAAA,SAASA,0BAA0B,QAAQ,qBAAkB;AA8B7D,OAAO,MAAMC,aAAkC,GAAG,CAChD;EACEC,WAAW,EAAEF,0BAA0B,CAACG,KAAK;EAC7CC,QAAQ,EAAE,gCAAgC;EAC1CC,QAAQ,EAAE,oCAAoC;EAC9CC,MAAM,EAAE;AACV,CAAC,EACD;EACEJ,WAAW,EAAEF,0BAA0B,CAACO,KAAK;EAC7CH,QAAQ,EAAE,gCAAgC;EAC1CC,QAAQ,EAAE,oCAAoC;EAC9CC,MAAM,EAAE;AACV,CAAC,EACD;EACEJ,WAAW,EAAEF,0BAA0B,CAACQ,IAAI;EAC5CJ,QAAQ,EAAE,+BAA+B;EACzCC,QAAQ,EAAE,oCAAoC;EAC9CC,MAAM,EAAE;AACV,CAAC,EACD;EACEJ,WAAW,EAAEF,0BAA0B,CAACS,QAAQ;EAChDL,QAAQ,EAAE,+BAA+B;EACzCC,QAAQ,EAAE,iCAAiC;EAC3CC,MAAM,EAAE;AACV,CAAC,CACF","ignoreList":[]}

package/lib/module/services/attachmentOrchestrator.js

@@ -74,7 +74,7 @@ export let AttachmentOrchestratorService;
       attachmentIds: payloads.map(p => p.attachmentId)
     });
     try {
-      const mergedMsgId = await sendMergedMessage(payloads.map(p => p.payload), options.includeCaption);
+      const mergedMsgId = await sendMergedMessage(payloads.map(p => p.payload), options.applicationType, options.includeCaption);
       console.log('[AttachmentOrchestrator] Messages sent via merger:', {
         messageId: mergedMsgId,
         count: payloads.length
@@ -95,7 +95,7 @@ export let AttachmentOrchestratorService;
     return result;
   }
   _AttachmentOrchestratorService.sendPreparedAttachments = sendPreparedAttachments;
-  async function sendMergedMessage(payloads, _caption) {
+  async function sendMergedMessage(payloads, applicationType, _caption) {
     const currentConversation = useConversationStore.getState().getCurrentConversation();
     if (!currentConversation) {
       throw new Error('No conversation selected');
@@ -206,8 +206,23 @@ export let AttachmentOrchestratorService;
     console.log('[AttachmentOrchestrator] Sending all messages in priority order', {
       totalMessages: allMessages.length
     });
-    const recvID = currentConversation.userID || '';
-    const groupID = currentConversation.groupID || '';
+    const {
+      currentUserId,
+      currentGroupId
+    } = useConversationStore.getState();
+    const recvID = currentConversation.userID || currentUserId || '';
+    const groupID = currentConversation.groupID || currentGroupId || '';
+
+    // Attachment messages otherwise skip `ex`, unlike text messages
+    // (buildSendParams), leaving applicationType context missing.
+    if (applicationType) {
+      const extendMessageInfo = {
+        applicationType
+      };
+      for (let i = 0; i < allMessages.length; i++) {
+        allMessages[i].ex = JSON.stringify(extendMessageInfo);
+      }
+    }
 
     // Push all messages as "Sending" immediately so the user sees every
     // bubble right away, instead of waiting for each network call in turn.