@amityco/react-native-social-uikit 4.1.0 → 4.1.1-21d3e899.0

package/lib/module/social/components/MediaSelector/MediaSelector.js

@@ -0,0 +1,158 @@
+import { useCallback, useEffect, useState } from 'react';
+import { FlatList, Image, Modal, PermissionsAndroid, Platform, Text, TouchableOpacity, TouchableWithoutFeedback, View } from 'react-native';
+import { CameraRoll } from '@react-native-camera-roll/camera-roll';
+import { useStyles } from './styles';
+const PAGE_SIZE = 90;
+async function ensureLibraryPermission(mediaType) {
+  if (Platform.OS !== 'android') return true;
+  const version = typeof Platform.Version === 'number' ? Platform.Version : parseInt(Platform.Version, 10);
+  const perms = version >= 33 ? [mediaType === 'photo' ? PermissionsAndroid.PERMISSIONS.READ_MEDIA_IMAGES : PermissionsAndroid.PERMISSIONS.READ_MEDIA_VIDEO] : [PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE];
+  try {
+    const result = await PermissionsAndroid.requestMultiple(perms);
+    return Object.values(result).every(status => status === PermissionsAndroid.RESULTS.GRANTED);
+  } catch {
+    return false;
+  }
+}
+function formatDuration(seconds) {
+  if (!seconds || seconds <= 0) return '';
+  const total = Math.round(seconds);
+  const mins = Math.floor(total / 60);
+  const secs = total % 60;
+  return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+export function MediaSelector({
+  visible,
+  mediaType,
+  existing,
+  remaining,
+  onClose,
+  onConfirm
+}) {
+  const {
+    styles
+  } = useStyles();
+  const [items, setItems] = useState([]);
+  const [selected, setSelected] = useState([]);
+  const [cursor, setCursor] = useState(undefined);
+  const [hasNextPage, setHasNextPage] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const loadPage = useCallback(async after => {
+    if (loading) return;
+    setLoading(true);
+    try {
+      const res = await CameraRoll.getPhotos({
+        first: PAGE_SIZE,
+        after,
+        assetType: mediaType === 'photo' ? 'Photos' : 'Videos',
+        include: ['filename', 'playableDuration']
+      });
+      setItems(prev => after ? [...prev, ...res.edges] : res.edges);
+      setCursor(res.page_info.end_cursor);
+      setHasNextPage(res.page_info.has_next_page);
+    } catch {
+      // permission denied / empty library — leave the list empty
+    } finally {
+      setLoading(false);
+    }
+  }, [loading, mediaType]);
+
+  // Reset and (re)load whenever the selector opens. A fresh open starts with an
+  // empty selection; previously-added items are handled by duplicate detection.
+  useEffect(() => {
+    if (!visible) return;
+    setSelected([]);
+    setItems([]);
+    setCursor(undefined);
+    setHasNextPage(false);
+    (async () => {
+      const granted = await ensureLibraryPermission(mediaType);
+      if (granted) loadPage();
+    })();
+  }, [visible, mediaType]);
+  const toggle = useCallback(uri => {
+    setSelected(prev => {
+      const index = prev.indexOf(uri);
+      if (index !== -1) {
+        // Deselect: removing from the array renumbers the rest automatically.
+        return prev.filter(u => u !== uri);
+      }
+      if (prev.length >= remaining) return prev; // respect the cap silently
+      return [...prev, uri];
+    });
+  }, [remaining]);
+  const handleConfirm = useCallback(() => {
+    const deduped = selected.filter(uri => !existing.includes(uri));
+    onConfirm(deduped);
+  }, [selected, existing, onConfirm]);
+  const onEndReached = useCallback(() => {
+    if (hasNextPage && !loading) loadPage(cursor);
+  }, [hasNextPage, loading, cursor, loadPage]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const uri = item.node.image.uri;
+    const order = selected.indexOf(uri);
+    const isSelected = order !== -1;
+    const duration = mediaType === 'video' ? formatDuration(item.node.image.playableDuration) : '';
+    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: () => toggle(uri)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.cell
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: styles.cell__image,
+      source: {
+        uri
+      }
+    }), !!duration && /*#__PURE__*/React.createElement(Text, {
+      style: styles.cell__videoDuration
+    }, duration), isSelected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: styles.cell__selectedOverlay
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.cell__badge
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.cell__badgeLabel
+    }, order + 1))) : /*#__PURE__*/React.createElement(View, {
+      style: styles.cell__badgeEmpty
+    })));
+  }, [selected, mediaType, toggle, styles]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    animationType: "slide",
+    onRequestClose: onClose,
+    presentationStyle: "fullScreen"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.headerButton,
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerClose
+  }, "Cancel")), /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerTitle
+  }, mediaType === 'photo' ? 'Photos' : 'Videos'), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.headerButton__right,
+    disabled: selected.length === 0,
+    onPress: handleConfirm
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: selected.length === 0 ? styles.headerAdd__disabled : styles.headerAdd
+  }, selected.length > 0 ? `Add (${selected.length})` : 'Add'))), /*#__PURE__*/React.createElement(FlatList, {
+    data: items,
+    numColumns: 3,
+    keyExtractor: item => item.node.image.uri,
+    renderItem: renderItem,
+    contentContainerStyle: styles.grid,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: 0.6,
+    initialNumToRender: 30,
+    windowSize: 5,
+    ListEmptyComponent: !loading ? /*#__PURE__*/React.createElement(View, {
+      style: styles.empty
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.empty__text
+    }, "No ", mediaType === 'photo' ? 'photos' : 'videos', " found on this device.")) : null
+  })));
+}
+//# sourceMappingURL=MediaSelector.js.map

package/lib/module/social/components/MediaSelector/MediaSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","FlatList","Image","Modal","PermissionsAndroid","Platform","Text","TouchableOpacity","TouchableWithoutFeedback","View","CameraRoll","useStyles","PAGE_SIZE","ensureLibraryPermission","mediaType","OS","version","Version","parseInt","perms","PERMISSIONS","READ_MEDIA_IMAGES","READ_MEDIA_VIDEO","READ_EXTERNAL_STORAGE","result","requestMultiple","Object","values","every","status","RESULTS","GRANTED","formatDuration","seconds","total","Math","round","mins","floor","secs","toString","padStart","MediaSelector","visible","existing","remaining","onClose","onConfirm","styles","items","setItems","selected","setSelected","cursor","setCursor","undefined","hasNextPage","setHasNextPage","loading","setLoading","loadPage","after","res","getPhotos","first","assetType","include","prev","edges","page_info","end_cursor","has_next_page","granted","toggle","uri","index","indexOf","filter","u","length","handleConfirm","deduped","includes","onEndReached","renderItem","item","node","image","order","isSelected","duration","playableDuration","React","createElement","onPress","style","cell","cell__image","source","cell__videoDuration","Fragment","cell__selectedOverlay","cell__badge","cell__badgeLabel","cell__badgeEmpty","animationType","onRequestClose","presentationStyle","container","header","headerButton","headerClose","headerTitle","headerButton__right","disabled","headerAdd__disabled","headerAdd","data","numColumns","keyExtractor","contentContainerStyle","grid","onEndReachedThreshold","initialNumToRender","windowSize","ListEmptyComponent","empty","empty__text"],"sourceRoot":"../../../../../src","sources":["social/components/MediaSelector/MediaSelector.tsx"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SACEC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,kBAAkB,EAClBC,QAAQ,EACRC,IAAI,EACJC,gBAAgB,EAChBC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AACrB,SACEC,UAAU,QAEL,uCAAuC;AAC9C,SAASC,SAAS,QAAQ,UAAU;AAcpC,MAAMC,SAAS,GAAG,EAAE;AAEpB,eAAeC,uBAAuBA,CACpCC,SAA4B,EACV;EAClB,IAAIT,QAAQ,CAACU,EAAE,KAAK,SAAS,EAAE,OAAO,IAAI;EAC1C,MAAMC,OAAO,GACX,OAAOX,QAAQ,CAACY,OAAO,KAAK,QAAQ,GAChCZ,QAAQ,CAACY,OAAO,GAChBC,QAAQ,CAACb,QAAQ,CAACY,OAAO,EAAE,EAAE,CAAC;EACpC,MAAME,KAAK,GACTH,OAAO,IAAI,EAAE,GACT,CACEF,SAAS,KAAK,OAAO,GACjBV,kBAAkB,CAACgB,WAAW,CAACC,iBAAiB,GAChDjB,kBAAkB,CAACgB,WAAW,CAACE,gBAAgB,CACpD,GACD,CAAClB,kBAAkB,CAACgB,WAAW,CAACG,qBAAqB,CAAC;EAC5D,IAAI;IACF,MAAMC,MAAM,GAAG,MAAMpB,kBAAkB,CAACqB,eAAe,CAACN,KAAK,CAAC;IAC9D,OAAOO,MAAM,CAACC,MAAM,CAACH,MAAM,CAAC,CAACI,KAAK,CAC/BC,MAAM,IAAKA,MAAM,KAAKzB,kBAAkB,CAAC0B,OAAO,CAACC,OACpD,CAAC;EACH,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF;AAEA,SAASC,cAAcA,CAACC,OAAgB,EAAU;EAChD,IAAI,CAACA,OAAO,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE;EACvC,MAAMC,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACH,OAAO,CAAC;EACjC,MAAMI,IAAI,GAAGF,IAAI,CAACG,KAAK,CAACJ,KAAK,GAAG,EAAE,CAAC;EACnC,MAAMK,IAAI,GAAGL,KAAK,GAAG,EAAE;EACvB,OAAO,GAAGG,IAAI,IAAIE,IAAI,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AACtD;AAEA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,OAAO;EACP7B,SAAS;EACT8B,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC;AACkB,CAAC,EAAE;EACrB,MAAM;IAAEC;EAAO,CAAC,GAAGrC,SAAS,CAAC,CAAC;EAC9B,MAAM,CAACsC,KAAK,EAAEC,QAAQ,CAAC,GAAGlD,QAAQ,CAAoB,EAAE,CAAC;EACzD,MAAM,CAACmD,QAAQ,EAAEC,WAAW,CAAC,GAAGpD,QAAQ,CAAW,EAAE,CAAC;EACtD,MAAM,CAACqD,MAAM,EAAEC,SAAS,CAAC,GAAGtD,QAAQ,CAAqBuD,SAAS,CAAC;EACnE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGzD,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAAC0D,OAAO,EAAEC,UAAU,CAAC,GAAG3D,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAM4D,QAAQ,GAAG9D,WAAW,CAC1B,MAAO+D,KAAc,IAAK;IACxB,IAAIH,OAAO,EAAE;IACbC,UAAU,CAAC,IAAI,CAAC;IAChB,IAAI;MACF,MAAMG,GAAG,GAAG,MAAMpD,UAAU,CAACqD,SAAS,CAAC;QACrCC,KAAK,EAAEpD,SAAS;QAChBiD,KAAK;QACLI,SAAS,EAAEnD,SAAS,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;QACtDoD,OAAO,EAAE,CAAC,UAAU,EAAE,kBAAkB;MAC1C,CAAC,CAAC;MACFhB,QAAQ,CAAEiB,IAAI,IAAMN,KAAK,GAAG,CAAC,GAAGM,IAAI,EAAE,GAAGL,GAAG,CAACM,KAAK,CAAC,GAAGN,GAAG,CAACM,KAAM,CAAC;MACjEd,SAAS,CAACQ,GAAG,CAACO,SAAS,CAACC,UAAU,CAAC;MACnCb,cAAc,CAACK,GAAG,CAACO,SAAS,CAACE,aAAa,CAAC;IAC7C,CAAC,CAAC,MAAM;MACN;IAAA,CACD,SAAS;MACRZ,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC,EACD,CAACD,OAAO,EAAE5C,SAAS,CACrB,CAAC;;EAED;EACA;EACAf,SAAS,CAAC,MAAM;IACd,IAAI,CAAC4C,OAAO,EAAE;IACdS,WAAW,CAAC,EAAE,CAAC;IACfF,QAAQ,CAAC,EAAE,CAAC;IACZI,SAAS,CAACC,SAAS,CAAC;IACpBE,cAAc,CAAC,KAAK,CAAC;IACrB,CAAC,YAAY;MACX,MAAMe,OAAO,GAAG,MAAM3D,uBAAuB,CAACC,SAAS,CAAC;MACxD,IAAI0D,OAAO,EAAEZ,QAAQ,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACjB,OAAO,EAAE7B,SAAS,CAAC,CAAC;EAExB,MAAM2D,MAAM,GAAG3E,WAAW,CACvB4E,GAAW,IAAK;IACftB,WAAW,CAAEe,IAAI,IAAK;MACpB,MAAMQ,KAAK,GAAGR,IAAI,CAACS,OAAO,CAACF,GAAG,CAAC;MAC/B,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB;QACA,OAAOR,IAAI,CAACU,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,GAAG,CAAC;MACtC;MACA,IAAIP,IAAI,CAACY,MAAM,IAAIlC,SAAS,EAAE,OAAOsB,IAAI,CAAC,CAAC;MAC3C,OAAO,CAAC,GAAGA,IAAI,EAAEO,GAAG,CAAC;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAAC7B,SAAS,CACZ,CAAC;EAED,MAAMmC,aAAa,GAAGlF,WAAW,CAAC,MAAM;IACtC,MAAMmF,OAAO,GAAG9B,QAAQ,CAAC0B,MAAM,CAAEH,GAAG,IAAK,CAAC9B,QAAQ,CAACsC,QAAQ,CAACR,GAAG,CAAC,CAAC;IACjE3B,SAAS,CAACkC,OAAO,CAAC;EACpB,CAAC,EAAE,CAAC9B,QAAQ,EAAEP,QAAQ,EAAEG,SAAS,CAAC,CAAC;EAEnC,MAAMoC,YAAY,GAAGrF,WAAW,CAAC,MAAM;IACrC,IAAI0D,WAAW,IAAI,CAACE,OAAO,EAAEE,QAAQ,CAACP,MAAM,CAAC;EAC/C,CAAC,EAAE,CAACG,WAAW,EAAEE,OAAO,EAAEL,MAAM,EAAEO,QAAQ,CAAC,CAAC;EAE5C,MAAMwB,UAAU,GAAGtF,WAAW,CAC5B,CAAC;IAAEuF;EAAgC,CAAC,KAAK;IACvC,MAAMX,GAAG,GAAGW,IAAI,CAACC,IAAI,CAACC,KAAK,CAACb,GAAG;IAC/B,MAAMc,KAAK,GAAGrC,QAAQ,CAACyB,OAAO,CAACF,GAAG,CAAC;IACnC,MAAMe,UAAU,GAAGD,KAAK,KAAK,CAAC,CAAC;IAC/B,MAAME,QAAQ,GACZ5E,SAAS,KAAK,OAAO,GACjBkB,cAAc,CAACqD,IAAI,CAACC,IAAI,CAACC,KAAK,CAACI,gBAAgB,CAAC,GAChD,EAAE;IACR,oBACEC,KAAA,CAAAC,aAAA,CAACrF,wBAAwB;MAACsF,OAAO,EAAEA,CAAA,KAAMrB,MAAM,CAACC,GAAG;IAAE,gBACnDkB,KAAA,CAAAC,aAAA,CAACpF,IAAI;MAACsF,KAAK,EAAE/C,MAAM,CAACgD;IAAK,gBACvBJ,KAAA,CAAAC,aAAA,CAAC3F,KAAK;MAAC6F,KAAK,EAAE/C,MAAM,CAACiD,WAAY;MAACC,MAAM,EAAE;QAAExB;MAAI;IAAE,CAAE,CAAC,EACpD,CAAC,CAACgB,QAAQ,iBACTE,KAAA,CAAAC,aAAA,CAACvF,IAAI;MAACyF,KAAK,EAAE/C,MAAM,CAACmD;IAAoB,GAAET,QAAe,CAC1D,EACAD,UAAU,gBACTG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,qBACER,KAAA,CAAAC,aAAA,CAACpF,IAAI;MAACsF,KAAK,EAAE/C,MAAM,CAACqD;IAAsB,CAAE,CAAC,eAC7CT,KAAA,CAAAC,aAAA,CAACpF,IAAI;MAACsF,KAAK,EAAE/C,MAAM,CAACsD;IAAY,gBAC9BV,KAAA,CAAAC,aAAA,CAACvF,IAAI;MAACyF,KAAK,EAAE/C,MAAM,CAACuD;IAAiB,GAAEf,KAAK,GAAG,CAAQ,CACnD,CACN,CAAC,gBAEHI,KAAA,CAAAC,aAAA,CAACpF,IAAI;MAACsF,KAAK,EAAE/C,MAAM,CAACwD;IAAiB,CAAE,CAErC,CACkB,CAAC;EAE/B,CAAC,EACD,CAACrD,QAAQ,EAAErC,SAAS,EAAE2D,MAAM,EAAEzB,MAAM,CACtC,CAAC;EAED,oBACE4C,KAAA,CAAAC,aAAA,CAAC1F,KAAK;IACJwC,OAAO,EAAEA,OAAQ;IACjB8D,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAE5D,OAAQ;IACxB6D,iBAAiB,EAAC;EAAY,gBAE9Bf,KAAA,CAAAC,aAAA,CAACpF,IAAI;IAACsF,KAAK,EAAE/C,MAAM,CAAC4D;EAAU,gBAC5BhB,KAAA,CAAAC,aAAA,CAACpF,IAAI;IAACsF,KAAK,EAAE/C,MAAM,CAAC6D;EAAO,gBACzBjB,KAAA,CAAAC,aAAA,CAACtF,gBAAgB;IAACwF,KAAK,EAAE/C,MAAM,CAAC8D,YAAa;IAAChB,OAAO,EAAEhD;EAAQ,gBAC7D8C,KAAA,CAAAC,aAAA,CAACvF,IAAI;IAACyF,KAAK,EAAE/C,MAAM,CAAC+D;EAAY,GAAC,QAAY,CAC7B,CAAC,eACnBnB,KAAA,CAAAC,aAAA,CAACvF,IAAI;IAACyF,KAAK,EAAE/C,MAAM,CAACgE;EAAY,GAC7BlG,SAAS,KAAK,OAAO,GAAG,QAAQ,GAAG,QAChC,CAAC,eACP8E,KAAA,CAAAC,aAAA,CAACtF,gBAAgB;IACfwF,KAAK,EAAE/C,MAAM,CAACiE,mBAAoB;IAClCC,QAAQ,EAAE/D,QAAQ,CAAC4B,MAAM,KAAK,CAAE;IAChCe,OAAO,EAAEd;EAAc,gBAEvBY,KAAA,CAAAC,aAAA,CAACvF,IAAI;IACHyF,KAAK,EACH5C,QAAQ,CAAC4B,MAAM,KAAK,CAAC,GACjB/B,MAAM,CAACmE,mBAAmB,GAC1BnE,MAAM,CAACoE;EACZ,GAEAjE,QAAQ,CAAC4B,MAAM,GAAG,CAAC,GAAG,QAAQ5B,QAAQ,CAAC4B,MAAM,GAAG,GAAG,KAChD,CACU,CACd,CAAC,eACPa,KAAA,CAAAC,aAAA,CAAC5F,QAAQ;IACPoH,IAAI,EAAEpE,KAAM;IACZqE,UAAU,EAAE,CAAE;IACdC,YAAY,EAAGlC,IAAI,IAAKA,IAAI,CAACC,IAAI,CAACC,KAAK,CAACb,GAAI;IAC5CU,UAAU,EAAEA,UAAW;IACvBoC,qBAAqB,EAAExE,MAAM,CAACyE,IAAK;IACnCtC,YAAY,EAAEA,YAAa;IAC3BuC,qBAAqB,EAAE,GAAI;IAC3BC,kBAAkB,EAAE,EAAG;IACvBC,UAAU,EAAE,CAAE;IACdC,kBAAkB,EAChB,CAACnE,OAAO,gBACNkC,KAAA,CAAAC,aAAA,CAACpF,IAAI;MAACsF,KAAK,EAAE/C,MAAM,CAAC8E;IAAM,gBACxBlC,KAAA,CAAAC,aAAA,CAACvF,IAAI;MAACyF,KAAK,EAAE/C,MAAM,CAAC+E;IAAY,GAAC,KAC5B,EAACjH,SAAS,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAC,wBAE5C,CACF,CAAC,GACL;EACL,CACF,CACG,CACD,CAAC;AAEZ","ignoreList":[]}

package/lib/module/social/components/MediaSelector/index.js

@@ -0,0 +1,2 @@
+export { MediaSelector } from './MediaSelector';
+//# sourceMappingURL=index.js.map

package/lib/module/social/components/MediaSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaSelector"],"sourceRoot":"../../../../../src","sources":["social/components/MediaSelector/index.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/social/components/MediaSelector/styles.js

@@ -0,0 +1,123 @@
+import { StyleSheet, useWindowDimensions } from 'react-native';
+import { useTheme } from 'react-native-paper';
+const NUM_COLUMNS = 3;
+const CELL_GAP = 2;
+export const useStyles = () => {
+  const theme = useTheme();
+  const {
+    width
+  } = useWindowDimensions();
+  const cellSize = Math.floor((width - CELL_GAP * (NUM_COLUMNS - 1)) / NUM_COLUMNS);
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: theme.colors.background
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      height: 56
+    },
+    headerButton: {
+      minWidth: 64
+    },
+    headerButton__right: {
+      minWidth: 64,
+      alignItems: 'flex-end'
+    },
+    headerTitle: {
+      color: theme.colors.base,
+      fontSize: 16,
+      fontWeight: '600'
+    },
+    headerClose: {
+      color: theme.colors.base,
+      fontSize: 16
+    },
+    headerAdd: {
+      color: theme.colors.primary,
+      fontSize: 16,
+      fontWeight: '600'
+    },
+    headerAdd__disabled: {
+      color: theme.colors.baseShade3,
+      fontSize: 16,
+      fontWeight: '600'
+    },
+    grid: {
+      paddingBottom: 24
+    },
+    cell: {
+      width: cellSize,
+      height: cellSize,
+      marginRight: CELL_GAP,
+      marginBottom: CELL_GAP,
+      backgroundColor: theme.colors.baseShade4
+    },
+    cell__image: {
+      width: '100%',
+      height: '100%'
+    },
+    cell__selectedOverlay: {
+      ...StyleSheet.absoluteFillObject,
+      borderWidth: 2,
+      borderColor: theme.colors.primary
+    },
+    cell__badge: {
+      position: 'absolute',
+      top: 6,
+      right: 6,
+      minWidth: 22,
+      height: 22,
+      borderRadius: 11,
+      paddingHorizontal: 5,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.primary
+    },
+    cell__badgeEmpty: {
+      position: 'absolute',
+      top: 6,
+      right: 6,
+      width: 22,
+      height: 22,
+      borderRadius: 11,
+      borderWidth: 1.5,
+      borderColor: '#FFFFFF',
+      backgroundColor: 'rgba(0,0,0,0.2)'
+    },
+    cell__badgeLabel: {
+      color: '#FFFFFF',
+      fontSize: 12,
+      fontWeight: '700'
+    },
+    cell__videoDuration: {
+      position: 'absolute',
+      bottom: 6,
+      right: 6,
+      color: '#FFFFFF',
+      fontSize: 11,
+      fontWeight: '600',
+      textShadowColor: 'rgba(0,0,0,0.6)',
+      textShadowRadius: 2
+    },
+    empty: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 32
+    },
+    empty__text: {
+      color: theme.colors.baseShade1,
+      fontSize: 14,
+      textAlign: 'center'
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/components/MediaSelector/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useWindowDimensions","useTheme","NUM_COLUMNS","CELL_GAP","useStyles","theme","width","cellSize","Math","floor","styles","create","container","flex","backgroundColor","colors","background","header","flexDirection","alignItems","justifyContent","paddingHorizontal","height","headerButton","minWidth","headerButton__right","headerTitle","color","base","fontSize","fontWeight","headerClose","headerAdd","primary","headerAdd__disabled","baseShade3","grid","paddingBottom","cell","marginRight","marginBottom","baseShade4","cell__image","cell__selectedOverlay","absoluteFillObject","borderWidth","borderColor","cell__badge","position","top","right","borderRadius","cell__badgeEmpty","cell__badgeLabel","cell__videoDuration","bottom","textShadowColor","textShadowRadius","empty","padding","empty__text","baseShade1","textAlign"],"sourceRoot":"../../../../../src","sources":["social/components/MediaSelector/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/social/components/MediaViewer/MediaViewer.js

@@ -0,0 +1,127 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { FlatList, Image, Modal, Text, TouchableOpacity, useWindowDimensions, View } from 'react-native';
+import Video from 'react-native-video';
+import { SvgXml } from 'react-native-svg';
+import { clearIcon, soundOnIcon, soundOffIcon } from '../../../core/assets/icons/xml';
+import { useStyles } from './styles';
+export function MediaViewer({
+  visible,
+  items,
+  initialIndex,
+  onClose
+}) {
+  var _items$current;
+  const {
+    styles
+  } = useStyles();
+  const {
+    width
+  } = useWindowDimensions();
+  const listRef = useRef(null);
+  const [current, setCurrent] = useState(initialIndex);
+  // Mute-carry (PDT-4309 / PDT-4312): the first video plays unmuted; each swipe
+  // defaults the next video to muted — until the user unmutes, after which
+  // subsequent videos stay unmuted.
+  const [muted, setMuted] = useState(false);
+  const keepUnmutedRef = useRef(false);
+  useEffect(() => {
+    if (!visible) return;
+    setCurrent(initialIndex);
+    setMuted(false);
+    keepUnmutedRef.current = false;
+  }, [visible, initialIndex]);
+  const onMomentumScrollEnd = useCallback(e => {
+    if (!width) return;
+    const idx = Math.round(e.nativeEvent.contentOffset.x / width);
+    if (idx !== current) {
+      setCurrent(idx);
+      setMuted(!keepUnmutedRef.current);
+    }
+  }, [width, current]);
+  const toggleMute = useCallback(() => {
+    setMuted(prev => {
+      const next = !prev;
+      keepUnmutedRef.current = !next; // user unmuted -> keep unmuted afterwards
+      return next;
+    });
+  }, []);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => /*#__PURE__*/React.createElement(View, {
+    style: [styles.page, {
+      width
+    }]
+  }, item.type === 'video' ?
+  /*#__PURE__*/
+  // pointerEvents none so horizontal swipes reach the pager instead of
+  // being captured by the native video view.
+  React.createElement(View, {
+    style: styles.media,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Video, {
+    source: item.videoType ? {
+      uri: item.uri,
+      type: item.videoType
+    } : {
+      uri: item.uri
+    },
+    style: styles.media,
+    resizeMode: "contain",
+    paused: index !== current || !visible,
+    muted: muted && index === current,
+    repeat: true,
+    playInBackground: false,
+    playWhenInactive: false
+  })) : /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: item.uri
+    },
+    style: styles.media,
+    resizeMode: "contain"
+  })), [styles, width, current, muted, visible]);
+  const currentIsVideo = ((_items$current = items[current]) === null || _items$current === void 0 ? void 0 : _items$current.type) === 'video';
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.headerBtn,
+    onPress: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: clearIcon('white'),
+    width: 28,
+    height: 28
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.counter
+  }, current + 1, "/", items.length), /*#__PURE__*/React.createElement(View, {
+    style: styles.headerBtn__right
+  }, currentIsVideo && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: toggleMute
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: muted ? soundOffIcon('#FFFFFF') : soundOnIcon('#FFFFFF'),
+    width: 24,
+    height: 24
+  })))), /*#__PURE__*/React.createElement(FlatList, {
+    ref: listRef,
+    data: items,
+    horizontal: true,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    keyExtractor: (it, i) => `${it.uri}-${i}`,
+    renderItem: renderItem,
+    getItemLayout: (_, index) => ({
+      length: width,
+      offset: width * index,
+      index
+    }),
+    initialScrollIndex: initialIndex,
+    onMomentumScrollEnd: onMomentumScrollEnd
+  })));
+}
+//# sourceMappingURL=MediaViewer.js.map

package/lib/module/social/components/MediaViewer/MediaViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","FlatList","Image","Modal","Text","TouchableOpacity","useWindowDimensions","View","Video","SvgXml","clearIcon","soundOnIcon","soundOffIcon","useStyles","MediaViewer","visible","items","initialIndex","onClose","_items$current","styles","width","listRef","current","setCurrent","muted","setMuted","keepUnmutedRef","onMomentumScrollEnd","e","idx","Math","round","nativeEvent","contentOffset","x","toggleMute","prev","next","renderItem","item","index","React","createElement","style","page","type","media","pointerEvents","source","videoType","uri","resizeMode","paused","repeat","playInBackground","playWhenInactive","currentIsVideo","transparent","animationType","onRequestClose","container","header","headerBtn","onPress","xml","height","counter","length","headerBtn__right","ref","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","it","i","getItemLayout","_","offset","initialScrollIndex"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/MediaViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/components/MediaViewer/index.js

@@ -0,0 +1,2 @@
+export { MediaViewer } from './MediaViewer';
+//# sourceMappingURL=index.js.map

package/lib/module/social/components/MediaViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaViewer"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/social/components/MediaViewer/styles.js

@@ -0,0 +1,53 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: '#000000'
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      height: 56,
+      zIndex: 2
+    },
+    headerBtn: {
+      minWidth: 44,
+      height: 44,
+      alignItems: 'flex-start',
+      justifyContent: 'center'
+    },
+    headerBtn__right: {
+      minWidth: 44,
+      height: 44,
+      alignItems: 'flex-end',
+      justifyContent: 'center'
+    },
+    counter: {
+      color: '#FFFFFF',
+      fontSize: 14,
+      fontWeight: '600'
+    },
+    muteGlyph: {
+      fontSize: 20
+    },
+    page: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    media: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/components/MediaViewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","flex","backgroundColor","header","flexDirection","alignItems","justifyContent","paddingHorizontal","height","zIndex","headerBtn","minWidth","headerBtn__right","counter","color","fontSize","fontWeight","muteGlyph","page","media","width"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAE;IACnB,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZH,MAAM,EAAE,EAAE;MACVH,UAAU,EAAE,YAAY;MACxBC,cAAc,EAAE;IAClB,CAAC;IACDM,gBAAgB,EAAE;MAChBD,QAAQ,EAAE,EAAE;MACZH,MAAM,EAAE,EAAE;MACVH,UAAU,EAAE,UAAU;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDO,OAAO,EAAE;MACPC,KAAK,EAAE,SAAS;MAChBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTF,QAAQ,EAAE;IACZ,CAAC;IACDG,IAAI,EAAE;MACJjB,IAAI,EAAE,CAAC;MACPI,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDa,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbZ,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEV,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}