@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

package/dist/module/components/expo-image-picker-multiple/ImageBrowser.js

@@ -0,0 +1,289 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from "react";
+import { StyleSheet, View, FlatList, Dimensions, ActivityIndicator, Platform } from "react-native";
+import _ from "lodash";
+import * as ScreenOrientation from "expo-screen-orientation";
+import * as MediaLibrary from "expo-media-library";
+import { Camera } from "expo-camera";
+import { isVideo } from "../../helper";
+import ImageTile from "./ImageTile";
+const {
+  width
+} = Dimensions.get("window");
+const defaultSelectionLimit = 10;
+const defaultLoadCount = 50;
+export default class ImageBrowser extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "isLocal", () => {
+      return _.isNil(this.props.remoteAlbums);
+    });
+    _defineProperty(this, "getPermissionsAsync", async () => {
+      const {
+        status: camera
+      } = await Camera.requestCameraPermissionsAsync();
+      const {
+        status: cameraRoll
+      } = await MediaLibrary.requestPermissionsAsync();
+      this.setState({
+        hasCameraPermission: camera === "granted",
+        hasCameraRollPermission: cameraRoll === "granted"
+      });
+    });
+    _defineProperty(this, "onOrientationChange", ({
+      orientationInfo
+    }) => {
+      ScreenOrientation.removeOrientationChangeListeners();
+      ScreenOrientation.addOrientationChangeListener(this.onOrientationChange);
+      const numColumns = this.getNumColumns(orientationInfo.orientation);
+      this.setState({
+        numColumns
+      });
+    });
+    _defineProperty(this, "getNumColumns", orientation => orientation === ScreenOrientation.Orientation.PORTRAIT_UP || orientation === ScreenOrientation.Orientation.PORTRAIT_DOWN ? 4 : 7);
+    _defineProperty(this, "isVideoSelected", () => {
+      return this.state.selected.find(uri => {
+        const photo = this.state.photos.find(photo => photo.uri === uri);
+        return photo && photo.mediaType === MediaLibrary.MediaType.video;
+      });
+    });
+    _defineProperty(this, "checkSelection", item => {
+      let videoSelected = this.isVideoSelected();
+      let newSelected = [...this.state.selected];
+
+      // Check video/photo selection
+      if (item.mediaType === MediaLibrary.MediaType.video) {
+        if (videoSelected && videoSelected !== item.uri) {
+          // If different video is already selected, reset
+          videoSelected = null;
+          newSelected = [];
+        } else if (!videoSelected && newSelected.length > 0) {
+          // If photos selected, don't allow selecting video
+          videoSelected = null;
+          newSelected = [];
+        }
+        // Toggle video selected
+        videoSelected = videoSelected !== item.uri ? item.uri : null;
+      } else if (videoSelected) {
+        // If video selected, reset
+        videoSelected = null;
+        newSelected = [];
+      }
+
+      // Check multiple selection
+      const selectionLimit = this.props.max || defaultSelectionLimit;
+      if (selectionLimit && selectionLimit > 1) {
+        // Limit selection
+        if (newSelected.length === selectionLimit && newSelected.indexOf(item.uri) === -1) return {
+          isFull: true
+        };
+      } else {
+        // Force single selection
+        if (newSelected.length > 0 && newSelected[0] !== item.uri) newSelected = [];
+      }
+      return {
+        newSelected,
+        videoSelected
+      };
+    });
+    _defineProperty(this, "selectImage", item => {
+      const {
+        newSelected,
+        videoSelected,
+        isFull
+      } = this.checkSelection(item);
+      if (isFull) return;
+      if (newSelected.indexOf(item.uri) === -1) {
+        newSelected.push(item.uri);
+      } else {
+        const deleteIndex = newSelected.indexOf(item.uri);
+        newSelected.splice(deleteIndex, 1);
+      }
+      if (newSelected.length > this.props.max) return;
+      if (!newSelected) newSelected = [];
+      this.setState({
+        selected: newSelected
+      });
+      this.props.onChange(newSelected, videoSelected, () => this.prepareCallback());
+    });
+    _defineProperty(this, "getPhotos", (reset = false) => {
+      const {
+        remoteAlbums,
+        allowVideo,
+        loadCount,
+        album
+      } = this.props;
+      if (this.isLocal()) {
+        // Retrieve local photos
+        const mediaType = [MediaLibrary.MediaType.photo];
+        if (allowVideo) mediaType.push(MediaLibrary.MediaType.video);
+        const params = {
+          first: loadCount || defaultLoadCount,
+          mediaType,
+          album: album || undefined,
+          sortBy: [Platform.OS === "android" ? "modificationTime" : "creationTime"]
+        };
+        if (reset) {
+          this.setState({
+            photos: [],
+            after: null,
+            hasNextPage: true
+          });
+        } else {
+          if (this.state.after) params.after = this.state.after;
+          if (!this.state.hasNextPage) return;
+        }
+        MediaLibrary.getAssetsAsync(params).then(this.processPhotos);
+      } else {
+        var _selectedAlbum$images;
+        // Use remote albums
+        const selectedAlbum = remoteAlbums.find(item => item.id === album);
+        if (selectedAlbum && ((_selectedAlbum$images = selectedAlbum.images) === null || _selectedAlbum$images === void 0 ? void 0 : _selectedAlbum$images.length) > 0) {
+          const ordered = _.orderBy(selectedAlbum.images, "date", "desc");
+          this.setState({
+            photos: ordered.map(image => {
+              return {
+                uri: image.uri,
+                mediaType: isVideo(image.uri) ? MediaLibrary.MediaType.video : MediaLibrary.MediaType.photo
+              };
+            }),
+            isEmpty: false
+          });
+        } else {
+          this.setState({
+            photos: [],
+            isEmpty: true
+          });
+        }
+      }
+    });
+    _defineProperty(this, "processPhotos", data => {
+      if (data.totalCount) {
+        if (this.state.after === data.endCursor) return;
+        const uris = data.assets;
+        this.setState({
+          photos: [...this.state.photos, ...uris],
+          after: data.endCursor,
+          hasNextPage: data.hasNextPage
+        });
+      } else {
+        this.setState({
+          isEmpty: true
+        });
+      }
+    });
+    _defineProperty(this, "getItemLayout", (data, index) => {
+      const length = this.props.itemWidth || width / 4;
+      return {
+        length,
+        offset: length * index,
+        index
+      };
+    });
+    _defineProperty(this, "renderImageTile", ({
+      item,
+      index
+    }) => {
+      if (!item) return null;
+      const selectedIndex = this.state.selected.indexOf(item.uri);
+      const selected = selectedIndex !== -1;
+      return /*#__PURE__*/React.createElement(ImageTile, {
+        selectedItemNumber: selectedIndex + 1,
+        item: item,
+        index: index,
+        selected: selected,
+        selectImage: this.selectImage,
+        renderSelectedComponent: this.props.renderSelectedComponent,
+        style: this.props.itemStyle,
+        width: this.props.itemWidth,
+        height: this.props.itemHeight,
+        isRemote: !this.isLocal()
+      });
+    });
+    _defineProperty(this, "renderPreloader", () => this.props.preloaderComponent || /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "large"
+    }));
+    _defineProperty(this, "renderEmptyState", () => this.props.emptyStateComponent || null);
+    this.state = {
+      hasCameraPermission: null,
+      hasCameraRollPermission: null,
+      numColumns: null,
+      photos: [],
+      selected: [],
+      isEmpty: false,
+      after: null,
+      hasNextPage: true
+    };
+  }
+  async componentDidMount() {
+    if (this.isLocal()) await this.getPermissionsAsync();
+    ScreenOrientation.addOrientationChangeListener(this.onOrientationChange);
+    const orientation = await ScreenOrientation.getOrientationAsync();
+    const numColumns = this.getNumColumns(orientation);
+    this.setState({
+      numColumns
+    }, () => {
+      this.getPhotos();
+    });
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.album !== this.props.album) this.getPhotos(true);
+    if (!_.isEqual(prevProps.selected, this.props.selected)) {
+      this.setState({
+        selected: this.props.selected
+      });
+    }
+  }
+  prepareCallback() {
+    const {
+      selected,
+      photos
+    } = this.state;
+    const selectedPhotos = selected.map(uri => photos.find(p => p.uri === uri));
+    if (this.isLocal()) {
+      const assetsInfo = Promise.all(selectedPhotos.map(p => MediaLibrary.getAssetInfoAsync(p)));
+      this.props.callback(assetsInfo);
+    } else {
+      // No need to retrieve local assets
+      this.props.callback(selectedPhotos);
+    }
+  }
+  renderImages() {
+    if (_.isEmpty(this.state.photos) && !this.state.isEmpty) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(FlatList, {
+      data: this.state.photos,
+      numColumns: this.state.numColumns,
+      key: this.state.numColumns,
+      renderItem: this.renderImageTile,
+      keyExtractor: (_, index) => index,
+      onEndReached: () => {
+        if (this.isLocal()) this.getPhotos();
+      },
+      onEndReachedThreshold: 0.5,
+      ListEmptyComponent: this.state.isEmpty ? this.renderEmptyState() : this.renderPreloader(),
+      initialNumToRender: 24,
+      getItemLayout: this.getItemLayout
+    });
+  }
+  render() {
+    const {
+      hasCameraPermission
+    } = this.state;
+    if (this.isLocal() && !hasCameraPermission) {
+      return this.props.noCameraPermissionComponent || null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.renderImages());
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=ImageBrowser.js.map

package/dist/module/components/expo-image-picker-multiple/ImageBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","FlatList","Dimensions","ActivityIndicator","Platform","_","ScreenOrientation","MediaLibrary","Camera","isVideo","ImageTile","width","get","defaultSelectionLimit","defaultLoadCount","ImageBrowser","Component","constructor","props","_defineProperty","isNil","remoteAlbums","status","camera","requestCameraPermissionsAsync","cameraRoll","requestPermissionsAsync","setState","hasCameraPermission","hasCameraRollPermission","orientationInfo","removeOrientationChangeListeners","addOrientationChangeListener","onOrientationChange","numColumns","getNumColumns","orientation","Orientation","PORTRAIT_UP","PORTRAIT_DOWN","state","selected","find","uri","photo","photos","mediaType","MediaType","video","item","videoSelected","isVideoSelected","newSelected","length","selectionLimit","max","indexOf","isFull","checkSelection","push","deleteIndex","splice","onChange","prepareCallback","reset","allowVideo","loadCount","album","isLocal","params","first","undefined","sortBy","OS","after","hasNextPage","getAssetsAsync","then","processPhotos","_selectedAlbum$images","selectedAlbum","id","images","ordered","orderBy","map","image","isEmpty","data","totalCount","endCursor","uris","assets","index","itemWidth","offset","selectedIndex","createElement","selectedItemNumber","selectImage","renderSelectedComponent","style","itemStyle","height","itemHeight","isRemote","preloaderComponent","size","emptyStateComponent","componentDidMount","getPermissionsAsync","getOrientationAsync","getPhotos","componentDidUpdate","prevProps","isEqual","selectedPhotos","p","assetsInfo","Promise","all","getAssetInfoAsync","callback","renderImages","key","renderItem","renderImageTile","keyExtractor","onEndReached","onEndReachedThreshold","ListEmptyComponent","renderEmptyState","renderPreloader","initialNumToRender","getItemLayout","render","noCameraPermissionComponent","styles","container","create","flex"],"sources":["ImageBrowser.js"],"sourcesContent":["import React from \"react\";\nimport {\n\tStyleSheet,\n\tView,\n\tFlatList,\n\tDimensions,\n\tActivityIndicator,\n\tPlatform,\n} from \"react-native\";\nimport _ from \"lodash\";\nimport * as ScreenOrientation from \"expo-screen-orientation\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { Camera } from \"expo-camera\";\nimport { isVideo } from \"../../helper\";\nimport ImageTile from \"./ImageTile\";\n\nconst { width } = Dimensions.get(\"window\");\nconst defaultSelectionLimit = 10;\nconst defaultLoadCount = 50;\n\nexport default class ImageBrowser extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\thasCameraPermission: null,\n\t\t\thasCameraRollPermission: null,\n\t\t\tnumColumns: null,\n\t\t\tphotos: [],\n\t\t\tselected: [],\n\t\t\tisEmpty: false,\n\t\t\tafter: null,\n\t\t\thasNextPage: true,\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tif (this.isLocal()) await this.getPermissionsAsync();\n\n\t\tScreenOrientation.addOrientationChangeListener(this.onOrientationChange);\n\t\tconst orientation = await ScreenOrientation.getOrientationAsync();\n\t\tconst numColumns = this.getNumColumns(orientation);\n\t\tthis.setState({ numColumns }, () => {\n\t\t\tthis.getPhotos();\n\t\t});\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (prevProps.album !== this.props.album) this.getPhotos(true);\n\t\tif (!_.isEqual(prevProps.selected, this.props.selected)) {\n\t\t\tthis.setState({ selected: this.props.selected });\n\t\t}\n\t}\n\n\tisLocal = () => {\n\t\treturn _.isNil(this.props.remoteAlbums);\n\t};\n\n\tgetPermissionsAsync = async () => {\n\t\tconst { status: camera } = await Camera.requestCameraPermissionsAsync();\n\t\tconst { status: cameraRoll } = await MediaLibrary.requestPermissionsAsync();\n\t\tthis.setState({\n\t\t\thasCameraPermission: camera === \"granted\",\n\t\t\thasCameraRollPermission: cameraRoll === \"granted\",\n\t\t});\n\t};\n\n\tonOrientationChange = ({ orientationInfo }) => {\n\t\tScreenOrientation.removeOrientationChangeListeners();\n\t\tScreenOrientation.addOrientationChangeListener(this.onOrientationChange);\n\t\tconst numColumns = this.getNumColumns(orientationInfo.orientation);\n\t\tthis.setState({ numColumns });\n\t};\n\n\tgetNumColumns = (orientation) =>\n\t\torientation === ScreenOrientation.Orientation.PORTRAIT_UP ||\n\t\torientation === ScreenOrientation.Orientation.PORTRAIT_DOWN\n\t\t\t? 4\n\t\t\t: 7;\n\n\tisVideoSelected = () => {\n\t\treturn this.state.selected.find((uri) => {\n\t\t\tconst photo = this.state.photos.find((photo) => photo.uri === uri);\n\t\t\treturn photo && photo.mediaType === MediaLibrary.MediaType.video;\n\t\t});\n\t};\n\n\tcheckSelection = (item) => {\n\t\tlet videoSelected = this.isVideoSelected();\n\t\tlet newSelected = [...this.state.selected];\n\n\t\t// Check video/photo selection\n\t\tif (item.mediaType === MediaLibrary.MediaType.video) {\n\t\t\tif (videoSelected && videoSelected !== item.uri) {\n\t\t\t\t// If different video is already selected, reset\n\t\t\t\tvideoSelected = null;\n\t\t\t\tnewSelected = [];\n\t\t\t} else if (!videoSelected && newSelected.length > 0) {\n\t\t\t\t// If photos selected, don't allow selecting video\n\t\t\t\tvideoSelected = null;\n\t\t\t\tnewSelected = [];\n\t\t\t}\n\t\t\t// Toggle video selected\n\t\t\tvideoSelected = videoSelected !== item.uri ? item.uri : null;\n\t\t} else if (videoSelected) {\n\t\t\t// If video selected, reset\n\t\t\tvideoSelected = null;\n\t\t\tnewSelected = [];\n\t\t}\n\n\t\t// Check multiple selection\n\t\tconst selectionLimit = this.props.max || defaultSelectionLimit;\n\t\tif (selectionLimit && selectionLimit > 1) {\n\t\t\t// Limit selection\n\t\t\tif (\n\t\t\t\tnewSelected.length === selectionLimit &&\n\t\t\t\tnewSelected.indexOf(item.uri) === -1\n\t\t\t)\n\t\t\t\treturn { isFull: true };\n\t\t} else {\n\t\t\t// Force single selection\n\t\t\tif (newSelected.length > 0 && newSelected[0] !== item.uri)\n\t\t\t\tnewSelected = [];\n\t\t}\n\n\t\treturn { newSelected, videoSelected };\n\t};\n\n\tselectImage = (item) => {\n\t\tconst { newSelected, videoSelected, isFull } = this.checkSelection(item);\n\t\tif (isFull) return;\n\n\t\tif (newSelected.indexOf(item.uri) === -1) {\n\t\t\tnewSelected.push(item.uri);\n\t\t} else {\n\t\t\tconst deleteIndex = newSelected.indexOf(item.uri);\n\t\t\tnewSelected.splice(deleteIndex, 1);\n\t\t}\n\t\tif (newSelected.length > this.props.max) return;\n\t\tif (!newSelected) newSelected = [];\n\t\tthis.setState({ selected: newSelected });\n\t\tthis.props.onChange(newSelected, videoSelected, () =>\n\t\t\tthis.prepareCallback(),\n\t\t);\n\t};\n\n\tgetPhotos = (reset = false) => {\n\t\tconst { remoteAlbums, allowVideo, loadCount, album } = this.props;\n\n\t\tif (this.isLocal()) {\n\t\t\t// Retrieve local photos\n\t\t\tconst mediaType = [MediaLibrary.MediaType.photo];\n\t\t\tif (allowVideo) mediaType.push(MediaLibrary.MediaType.video);\n\n\t\t\tconst params = {\n\t\t\t\tfirst: loadCount || defaultLoadCount,\n\t\t\t\tmediaType,\n\t\t\t\talbum: album || undefined,\n\t\t\t\tsortBy: [\n\t\t\t\t\tPlatform.OS === \"android\" ? \"modificationTime\" : \"creationTime\",\n\t\t\t\t],\n\t\t\t};\n\t\t\tif (reset) {\n\t\t\t\tthis.setState({ photos: [], after: null, hasNextPage: true });\n\t\t\t} else {\n\t\t\t\tif (this.state.after) params.after = this.state.after;\n\t\t\t\tif (!this.state.hasNextPage) return;\n\t\t\t}\n\t\t\tMediaLibrary.getAssetsAsync(params).then(this.processPhotos);\n\t\t} else {\n\t\t\t// Use remote albums\n\t\t\tconst selectedAlbum = remoteAlbums.find((item) => item.id === album);\n\t\t\tif (selectedAlbum && selectedAlbum.images?.length > 0) {\n\t\t\t\tconst ordered = _.orderBy(selectedAlbum.images, \"date\", \"desc\");\n\t\t\t\tthis.setState({\n\t\t\t\t\tphotos: ordered.map((image) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\turi: image.uri,\n\t\t\t\t\t\t\tmediaType: isVideo(image.uri)\n\t\t\t\t\t\t\t\t? MediaLibrary.MediaType.video\n\t\t\t\t\t\t\t\t: MediaLibrary.MediaType.photo,\n\t\t\t\t\t\t};\n\t\t\t\t\t}),\n\t\t\t\t\tisEmpty: false,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ photos: [], isEmpty: true });\n\t\t\t}\n\t\t}\n\t};\n\n\tprocessPhotos = (data) => {\n\t\tif (data.totalCount) {\n\t\t\tif (this.state.after === data.endCursor) return;\n\t\t\tconst uris = data.assets;\n\t\t\tthis.setState({\n\t\t\t\tphotos: [...this.state.photos, ...uris],\n\t\t\t\tafter: data.endCursor,\n\t\t\t\thasNextPage: data.hasNextPage,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ isEmpty: true });\n\t\t}\n\t};\n\n\tgetItemLayout = (data, index) => {\n\t\tconst length = this.props.itemWidth || width / 4;\n\t\treturn { length, offset: length * index, index };\n\t};\n\n\tprepareCallback() {\n\t\tconst { selected, photos } = this.state;\n\t\tconst selectedPhotos = selected.map((uri) =>\n\t\t\tphotos.find((p) => p.uri === uri),\n\t\t);\n\t\tif (this.isLocal()) {\n\t\t\tconst assetsInfo = Promise.all(\n\t\t\t\tselectedPhotos.map((p) => MediaLibrary.getAssetInfoAsync(p)),\n\t\t\t);\n\t\t\tthis.props.callback(assetsInfo);\n\t\t} else {\n\t\t\t// No need to retrieve local assets\n\t\t\tthis.props.callback(selectedPhotos);\n\t\t}\n\t}\n\n\trenderImageTile = ({ item, index }) => {\n\t\tif (!item) return null;\n\n\t\tconst selectedIndex = this.state.selected.indexOf(item.uri);\n\t\tconst selected = selectedIndex !== -1;\n\n\t\treturn (\n\t\t\t<ImageTile\n\t\t\t\tselectedItemNumber={selectedIndex + 1}\n\t\t\t\titem={item}\n\t\t\t\tindex={index}\n\t\t\t\tselected={selected}\n\t\t\t\tselectImage={this.selectImage}\n\t\t\t\trenderSelectedComponent={this.props.renderSelectedComponent}\n\t\t\t\tstyle={this.props.itemStyle}\n\t\t\t\twidth={this.props.itemWidth}\n\t\t\t\theight={this.props.itemHeight}\n\t\t\t\tisRemote={!this.isLocal()}\n\t\t\t/>\n\t\t);\n\t};\n\n\trenderPreloader = () =>\n\t\tthis.props.preloaderComponent || <ActivityIndicator size=\"large\" />;\n\n\trenderEmptyState = () => this.props.emptyStateComponent || null;\n\n\trenderImages() {\n\t\tif (_.isEmpty(this.state.photos) && !this.state.isEmpty) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<FlatList\n\t\t\t\tdata={this.state.photos}\n\t\t\t\tnumColumns={this.state.numColumns}\n\t\t\t\tkey={this.state.numColumns}\n\t\t\t\trenderItem={this.renderImageTile}\n\t\t\t\tkeyExtractor={(_, index) => index}\n\t\t\t\tonEndReached={() => {\n\t\t\t\t\tif (this.isLocal()) this.getPhotos();\n\t\t\t\t}}\n\t\t\t\tonEndReachedThreshold={0.5}\n\t\t\t\tListEmptyComponent={\n\t\t\t\t\tthis.state.isEmpty ? this.renderEmptyState() : this.renderPreloader()\n\t\t\t\t}\n\t\t\t\tinitialNumToRender={24}\n\t\t\t\tgetItemLayout={this.getItemLayout}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { hasCameraPermission } = this.state;\n\n\t\tif (this.isLocal() && !hasCameraPermission) {\n\t\t\treturn this.props.noCameraPermissionComponent || null;\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.style]}>\n\t\t\t\t{this.renderImages()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t},\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACCC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,UAAU,EACVC,iBAAiB,EACjBC,QAAQ,QACF,cAAc;AACrB,OAAOC,CAAC,MAAM,QAAQ;AACtB,OAAO,KAAKC,iBAAiB,MAAM,yBAAyB;AAC5D,OAAO,KAAKC,YAAY,MAAM,oBAAoB;AAClD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,OAAO,QAAQ,cAAc;AACtC,OAAOC,SAAS,MAAM,aAAa;AAEnC,MAAM;EAAEC;AAAM,CAAC,GAAGT,UAAU,CAACU,GAAG,CAAC,QAAQ,CAAC;AAC1C,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,gBAAgB,GAAG,EAAE;AAE3B,eAAe,MAAMC,YAAY,SAASjB,KAAK,CAACkB,SAAS,CAAC;EACzDC,WAAWA,CAACC,KAAK,EAAE;IAClB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,kBA+BJ,MAAM;MACf,OAAOd,CAAC,CAACe,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,YAAY,CAAC;IACxC,CAAC;IAAAF,eAAA,8BAEqB,YAAY;MACjC,MAAM;QAAEG,MAAM,EAAEC;MAAO,CAAC,GAAG,MAAMf,MAAM,CAACgB,6BAA6B,CAAC,CAAC;MACvE,MAAM;QAAEF,MAAM,EAAEG;MAAW,CAAC,GAAG,MAAMlB,YAAY,CAACmB,uBAAuB,CAAC,CAAC;MAC3E,IAAI,CAACC,QAAQ,CAAC;QACbC,mBAAmB,EAAEL,MAAM,KAAK,SAAS;QACzCM,uBAAuB,EAAEJ,UAAU,KAAK;MACzC,CAAC,CAAC;IACH,CAAC;IAAAN,eAAA,8BAEqB,CAAC;MAAEW;IAAgB,CAAC,KAAK;MAC9CxB,iBAAiB,CAACyB,gCAAgC,CAAC,CAAC;MACpDzB,iBAAiB,CAAC0B,4BAA4B,CAAC,IAAI,CAACC,mBAAmB,CAAC;MACxE,MAAMC,UAAU,GAAG,IAAI,CAACC,aAAa,CAACL,eAAe,CAACM,WAAW,CAAC;MAClE,IAAI,CAACT,QAAQ,CAAC;QAAEO;MAAW,CAAC,CAAC;IAC9B,CAAC;IAAAf,eAAA,wBAEgBiB,WAAW,IAC3BA,WAAW,KAAK9B,iBAAiB,CAAC+B,WAAW,CAACC,WAAW,IACzDF,WAAW,KAAK9B,iBAAiB,CAAC+B,WAAW,CAACE,aAAa,GACxD,CAAC,GACD,CAAC;IAAApB,eAAA,0BAEa,MAAM;MACvB,OAAO,IAAI,CAACqB,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,GAAG,IAAK;QACxC,MAAMC,KAAK,GAAG,IAAI,CAACJ,KAAK,CAACK,MAAM,CAACH,IAAI,CAAEE,KAAK,IAAKA,KAAK,CAACD,GAAG,KAAKA,GAAG,CAAC;QAClE,OAAOC,KAAK,IAAIA,KAAK,CAACE,SAAS,KAAKvC,YAAY,CAACwC,SAAS,CAACC,KAAK;MACjE,CAAC,CAAC;IACH,CAAC;IAAA7B,eAAA,yBAEiB8B,IAAI,IAAK;MAC1B,IAAIC,aAAa,GAAG,IAAI,CAACC,eAAe,CAAC,CAAC;MAC1C,IAAIC,WAAW,GAAG,CAAC,GAAG,IAAI,CAACZ,KAAK,CAACC,QAAQ,CAAC;;MAE1C;MACA,IAAIQ,IAAI,CAACH,SAAS,KAAKvC,YAAY,CAACwC,SAAS,CAACC,KAAK,EAAE;QACpD,IAAIE,aAAa,IAAIA,aAAa,KAAKD,IAAI,CAACN,GAAG,EAAE;UAChD;UACAO,aAAa,GAAG,IAAI;UACpBE,WAAW,GAAG,EAAE;QACjB,CAAC,MAAM,IAAI,CAACF,aAAa,IAAIE,WAAW,CAACC,MAAM,GAAG,CAAC,EAAE;UACpD;UACAH,aAAa,GAAG,IAAI;UACpBE,WAAW,GAAG,EAAE;QACjB;QACA;QACAF,aAAa,GAAGA,aAAa,KAAKD,IAAI,CAACN,GAAG,GAAGM,IAAI,CAACN,GAAG,GAAG,IAAI;MAC7D,CAAC,MAAM,IAAIO,aAAa,EAAE;QACzB;QACAA,aAAa,GAAG,IAAI;QACpBE,WAAW,GAAG,EAAE;MACjB;;MAEA;MACA,MAAME,cAAc,GAAG,IAAI,CAACpC,KAAK,CAACqC,GAAG,IAAI1C,qBAAqB;MAC9D,IAAIyC,cAAc,IAAIA,cAAc,GAAG,CAAC,EAAE;QACzC;QACA,IACCF,WAAW,CAACC,MAAM,KAAKC,cAAc,IACrCF,WAAW,CAACI,OAAO,CAACP,IAAI,CAACN,GAAG,CAAC,KAAK,CAAC,CAAC,EAEpC,OAAO;UAAEc,MAAM,EAAE;QAAK,CAAC;MACzB,CAAC,MAAM;QACN;QACA,IAAIL,WAAW,CAACC,MAAM,GAAG,CAAC,IAAID,WAAW,CAAC,CAAC,CAAC,KAAKH,IAAI,CAACN,GAAG,EACxDS,WAAW,GAAG,EAAE;MAClB;MAEA,OAAO;QAAEA,WAAW;QAAEF;MAAc,CAAC;IACtC,CAAC;IAAA/B,eAAA,sBAEc8B,IAAI,IAAK;MACvB,MAAM;QAAEG,WAAW;QAAEF,aAAa;QAAEO;MAAO,CAAC,GAAG,IAAI,CAACC,cAAc,CAACT,IAAI,CAAC;MACxE,IAAIQ,MAAM,EAAE;MAEZ,IAAIL,WAAW,CAACI,OAAO,CAACP,IAAI,CAACN,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;QACzCS,WAAW,CAACO,IAAI,CAACV,IAAI,CAACN,GAAG,CAAC;MAC3B,CAAC,MAAM;QACN,MAAMiB,WAAW,GAAGR,WAAW,CAACI,OAAO,CAACP,IAAI,CAACN,GAAG,CAAC;QACjDS,WAAW,CAACS,MAAM,CAACD,WAAW,EAAE,CAAC,CAAC;MACnC;MACA,IAAIR,WAAW,CAACC,MAAM,GAAG,IAAI,CAACnC,KAAK,CAACqC,GAAG,EAAE;MACzC,IAAI,CAACH,WAAW,EAAEA,WAAW,GAAG,EAAE;MAClC,IAAI,CAACzB,QAAQ,CAAC;QAAEc,QAAQ,EAAEW;MAAY,CAAC,CAAC;MACxC,IAAI,CAAClC,KAAK,CAAC4C,QAAQ,CAACV,WAAW,EAAEF,aAAa,EAAE,MAC/C,IAAI,CAACa,eAAe,CAAC,CACtB,CAAC;IACF,CAAC;IAAA5C,eAAA,oBAEW,CAAC6C,KAAK,GAAG,KAAK,KAAK;MAC9B,MAAM;QAAE3C,YAAY;QAAE4C,UAAU;QAAEC,SAAS;QAAEC;MAAM,CAAC,GAAG,IAAI,CAACjD,KAAK;MAEjE,IAAI,IAAI,CAACkD,OAAO,CAAC,CAAC,EAAE;QACnB;QACA,MAAMtB,SAAS,GAAG,CAACvC,YAAY,CAACwC,SAAS,CAACH,KAAK,CAAC;QAChD,IAAIqB,UAAU,EAAEnB,SAAS,CAACa,IAAI,CAACpD,YAAY,CAACwC,SAAS,CAACC,KAAK,CAAC;QAE5D,MAAMqB,MAAM,GAAG;UACdC,KAAK,EAAEJ,SAAS,IAAIpD,gBAAgB;UACpCgC,SAAS;UACTqB,KAAK,EAAEA,KAAK,IAAII,SAAS;UACzBC,MAAM,EAAE,CACPpE,QAAQ,CAACqE,EAAE,KAAK,SAAS,GAAG,kBAAkB,GAAG,cAAc;QAEjE,CAAC;QACD,IAAIT,KAAK,EAAE;UACV,IAAI,CAACrC,QAAQ,CAAC;YAAEkB,MAAM,EAAE,EAAE;YAAE6B,KAAK,EAAE,IAAI;YAAEC,WAAW,EAAE;UAAK,CAAC,CAAC;QAC9D,CAAC,MAAM;UACN,IAAI,IAAI,CAACnC,KAAK,CAACkC,KAAK,EAAEL,MAAM,CAACK,KAAK,GAAG,IAAI,CAAClC,KAAK,CAACkC,KAAK;UACrD,IAAI,CAAC,IAAI,CAAClC,KAAK,CAACmC,WAAW,EAAE;QAC9B;QACApE,YAAY,CAACqE,cAAc,CAACP,MAAM,CAAC,CAACQ,IAAI,CAAC,IAAI,CAACC,aAAa,CAAC;MAC7D,CAAC,MAAM;QAAA,IAAAC,qBAAA;QACN;QACA,MAAMC,aAAa,GAAG3D,YAAY,CAACqB,IAAI,CAAEO,IAAI,IAAKA,IAAI,CAACgC,EAAE,KAAKd,KAAK,CAAC;QACpE,IAAIa,aAAa,IAAI,EAAAD,qBAAA,GAAAC,aAAa,CAACE,MAAM,cAAAH,qBAAA,uBAApBA,qBAAA,CAAsB1B,MAAM,IAAG,CAAC,EAAE;UACtD,MAAM8B,OAAO,GAAG9E,CAAC,CAAC+E,OAAO,CAACJ,aAAa,CAACE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;UAC/D,IAAI,CAACvD,QAAQ,CAAC;YACbkB,MAAM,EAAEsC,OAAO,CAACE,GAAG,CAAEC,KAAK,IAAK;cAC9B,OAAO;gBACN3C,GAAG,EAAE2C,KAAK,CAAC3C,GAAG;gBACdG,SAAS,EAAErC,OAAO,CAAC6E,KAAK,CAAC3C,GAAG,CAAC,GAC1BpC,YAAY,CAACwC,SAAS,CAACC,KAAK,GAC5BzC,YAAY,CAACwC,SAAS,CAACH;cAC3B,CAAC;YACF,CAAC,CAAC;YACF2C,OAAO,EAAE;UACV,CAAC,CAAC;QACH,CAAC,MAAM;UACN,IAAI,CAAC5D,QAAQ,CAAC;YAAEkB,MAAM,EAAE,EAAE;YAAE0C,OAAO,EAAE;UAAK,CAAC,CAAC;QAC7C;MACD;IACD,CAAC;IAAApE,eAAA,wBAEgBqE,IAAI,IAAK;MACzB,IAAIA,IAAI,CAACC,UAAU,EAAE;QACpB,IAAI,IAAI,CAACjD,KAAK,CAACkC,KAAK,KAAKc,IAAI,CAACE,SAAS,EAAE;QACzC,MAAMC,IAAI,GAAGH,IAAI,CAACI,MAAM;QACxB,IAAI,CAACjE,QAAQ,CAAC;UACbkB,MAAM,EAAE,CAAC,GAAG,IAAI,CAACL,KAAK,CAACK,MAAM,EAAE,GAAG8C,IAAI,CAAC;UACvCjB,KAAK,EAAEc,IAAI,CAACE,SAAS;UACrBf,WAAW,EAAEa,IAAI,CAACb;QACnB,CAAC,CAAC;MACH,CAAC,MAAM;QACN,IAAI,CAAChD,QAAQ,CAAC;UAAE4D,OAAO,EAAE;QAAK,CAAC,CAAC;MACjC;IACD,CAAC;IAAApE,eAAA,wBAEe,CAACqE,IAAI,EAAEK,KAAK,KAAK;MAChC,MAAMxC,MAAM,GAAG,IAAI,CAACnC,KAAK,CAAC4E,SAAS,IAAInF,KAAK,GAAG,CAAC;MAChD,OAAO;QAAE0C,MAAM;QAAE0C,MAAM,EAAE1C,MAAM,GAAGwC,KAAK;QAAEA;MAAM,CAAC;IACjD,CAAC;IAAA1E,eAAA,0BAkBiB,CAAC;MAAE8B,IAAI;MAAE4C;IAAM,CAAC,KAAK;MACtC,IAAI,CAAC5C,IAAI,EAAE,OAAO,IAAI;MAEtB,MAAM+C,aAAa,GAAG,IAAI,CAACxD,KAAK,CAACC,QAAQ,CAACe,OAAO,CAACP,IAAI,CAACN,GAAG,CAAC;MAC3D,MAAMF,QAAQ,GAAGuD,aAAa,KAAK,CAAC,CAAC;MAErC,oBACClG,KAAA,CAAAmG,aAAA,CAACvF,SAAS;QACTwF,kBAAkB,EAAEF,aAAa,GAAG,CAAE;QACtC/C,IAAI,EAAEA,IAAK;QACX4C,KAAK,EAAEA,KAAM;QACbpD,QAAQ,EAAEA,QAAS;QACnB0D,WAAW,EAAE,IAAI,CAACA,WAAY;QAC9BC,uBAAuB,EAAE,IAAI,CAAClF,KAAK,CAACkF,uBAAwB;QAC5DC,KAAK,EAAE,IAAI,CAACnF,KAAK,CAACoF,SAAU;QAC5B3F,KAAK,EAAE,IAAI,CAACO,KAAK,CAAC4E,SAAU;QAC5BS,MAAM,EAAE,IAAI,CAACrF,KAAK,CAACsF,UAAW;QAC9BC,QAAQ,EAAE,CAAC,IAAI,CAACrC,OAAO,CAAC;MAAE,CAC1B,CAAC;IAEJ,CAAC;IAAAjD,eAAA,0BAEiB,MACjB,IAAI,CAACD,KAAK,CAACwF,kBAAkB,iBAAI5G,KAAA,CAAAmG,aAAA,CAAC9F,iBAAiB;MAACwG,IAAI,EAAC;IAAO,CAAE,CAAC;IAAAxF,eAAA,2BAEjD,MAAM,IAAI,CAACD,KAAK,CAAC0F,mBAAmB,IAAI,IAAI;IAnO9D,IAAI,CAACpE,KAAK,GAAG;MACZZ,mBAAmB,EAAE,IAAI;MACzBC,uBAAuB,EAAE,IAAI;MAC7BK,UAAU,EAAE,IAAI;MAChBW,MAAM,EAAE,EAAE;MACVJ,QAAQ,EAAE,EAAE;MACZ8C,OAAO,EAAE,KAAK;MACdb,KAAK,EAAE,IAAI;MACXC,WAAW,EAAE;IACd,CAAC;EACF;EAEA,MAAMkC,iBAAiBA,CAAA,EAAG;IACzB,IAAI,IAAI,CAACzC,OAAO,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC0C,mBAAmB,CAAC,CAAC;IAEpDxG,iBAAiB,CAAC0B,4BAA4B,CAAC,IAAI,CAACC,mBAAmB,CAAC;IACxE,MAAMG,WAAW,GAAG,MAAM9B,iBAAiB,CAACyG,mBAAmB,CAAC,CAAC;IACjE,MAAM7E,UAAU,GAAG,IAAI,CAACC,aAAa,CAACC,WAAW,CAAC;IAClD,IAAI,CAACT,QAAQ,CAAC;MAAEO;IAAW,CAAC,EAAE,MAAM;MACnC,IAAI,CAAC8E,SAAS,CAAC,CAAC;IACjB,CAAC,CAAC;EACH;EAEAC,kBAAkBA,CAACC,SAAS,EAAE;IAC7B,IAAIA,SAAS,CAAC/C,KAAK,KAAK,IAAI,CAACjD,KAAK,CAACiD,KAAK,EAAE,IAAI,CAAC6C,SAAS,CAAC,IAAI,CAAC;IAC9D,IAAI,CAAC3G,CAAC,CAAC8G,OAAO,CAACD,SAAS,CAACzE,QAAQ,EAAE,IAAI,CAACvB,KAAK,CAACuB,QAAQ,CAAC,EAAE;MACxD,IAAI,CAACd,QAAQ,CAAC;QAAEc,QAAQ,EAAE,IAAI,CAACvB,KAAK,CAACuB;MAAS,CAAC,CAAC;IACjD;EACD;EA8JAsB,eAAeA,CAAA,EAAG;IACjB,MAAM;MAAEtB,QAAQ;MAAEI;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACvC,MAAM4E,cAAc,GAAG3E,QAAQ,CAAC4C,GAAG,CAAE1C,GAAG,IACvCE,MAAM,CAACH,IAAI,CAAE2E,CAAC,IAAKA,CAAC,CAAC1E,GAAG,KAAKA,GAAG,CACjC,CAAC;IACD,IAAI,IAAI,CAACyB,OAAO,CAAC,CAAC,EAAE;MACnB,MAAMkD,UAAU,GAAGC,OAAO,CAACC,GAAG,CAC7BJ,cAAc,CAAC/B,GAAG,CAAEgC,CAAC,IAAK9G,YAAY,CAACkH,iBAAiB,CAACJ,CAAC,CAAC,CAC5D,CAAC;MACD,IAAI,CAACnG,KAAK,CAACwG,QAAQ,CAACJ,UAAU,CAAC;IAChC,CAAC,MAAM;MACN;MACA,IAAI,CAACpG,KAAK,CAACwG,QAAQ,CAACN,cAAc,CAAC;IACpC;EACD;EA6BAO,YAAYA,CAAA,EAAG;IACd,IAAItH,CAAC,CAACkF,OAAO,CAAC,IAAI,CAAC/C,KAAK,CAACK,MAAM,CAAC,IAAI,CAAC,IAAI,CAACL,KAAK,CAAC+C,OAAO,EAAE;MACxD,OAAO,IAAI;IACZ;IACA,oBACCzF,KAAA,CAAAmG,aAAA,CAAChG,QAAQ;MACRuF,IAAI,EAAE,IAAI,CAAChD,KAAK,CAACK,MAAO;MACxBX,UAAU,EAAE,IAAI,CAACM,KAAK,CAACN,UAAW;MAClC0F,GAAG,EAAE,IAAI,CAACpF,KAAK,CAACN,UAAW;MAC3B2F,UAAU,EAAE,IAAI,CAACC,eAAgB;MACjCC,YAAY,EAAEA,CAAC1H,CAAC,EAAEwF,KAAK,KAAKA,KAAM;MAClCmC,YAAY,EAAEA,CAAA,KAAM;QACnB,IAAI,IAAI,CAAC5D,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC4C,SAAS,CAAC,CAAC;MACrC,CAAE;MACFiB,qBAAqB,EAAE,GAAI;MAC3BC,kBAAkB,EACjB,IAAI,CAAC1F,KAAK,CAAC+C,OAAO,GAAG,IAAI,CAAC4C,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAACC,eAAe,CAAC,CACpE;MACDC,kBAAkB,EAAE,EAAG;MACvBC,aAAa,EAAE,IAAI,CAACA;IAAc,CAClC,CAAC;EAEJ;EAEAC,MAAMA,CAAA,EAAG;IACR,MAAM;MAAE3G;IAAoB,CAAC,GAAG,IAAI,CAACY,KAAK;IAE1C,IAAI,IAAI,CAAC4B,OAAO,CAAC,CAAC,IAAI,CAACxC,mBAAmB,EAAE;MAC3C,OAAO,IAAI,CAACV,KAAK,CAACsH,2BAA2B,IAAI,IAAI;IACtD;IAEA,oBACC1I,KAAA,CAAAmG,aAAA,CAACjG,IAAI;MAACqG,KAAK,EAAE,CAACoC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACxH,KAAK,CAACmF,KAAK;IAAE,GAChD,IAAI,CAACsB,YAAY,CAAC,CACd,CAAC;EAET;AACD;AAEA,MAAMc,MAAM,GAAG1I,UAAU,CAAC4I,MAAM,CAAC;EAChCD,SAAS,EAAE;IACVE,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/expo-image-picker-multiple/ImageTile.js

@@ -0,0 +1,117 @@
+import React from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { Dimensions, ImageBackground, TouchableHighlight, View, StyleSheet } from "react-native";
+import * as MediaLibrary from "expo-media-library";
+import { Icon } from "@rneui/themed";
+import moment from "moment";
+import { getThumb300 } from "../../helper";
+const screenWidth = Dimensions.get("window").width;
+class ImageTile extends React.PureComponent {
+  renderVideoOverlay() {
+    const {
+      item
+    } = this.props;
+    if (item.mediaType !== MediaLibrary.MediaType.video) return null;
+    let durationText = "";
+    if (item.duration) {
+      const duration = moment.duration(item.duration, "seconds").asMilliseconds();
+      durationText = moment.utc(duration).format("HH:mm:ss");
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.defaultVideoOverlay
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "video-camera",
+      type: "font-awesome",
+      iconStyle: styles.videoIcon,
+      style: styles.videoIconContainer
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.videoDurationText
+    }, durationText));
+  }
+  renderSelectedOverlay() {
+    const {
+      selected,
+      selectedItemNumber,
+      renderSelectedComponent
+    } = this.props;
+    if (!selected) return null;
+    if (renderSelectedComponent) return renderSelectedComponent(selectedItemNumber);
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.defaultSelectedOverlay, {
+        opacity: selected ? 0.5 : 1
+      }]
+    });
+  }
+  render() {
+    const {
+      item,
+      index,
+      selectImage,
+      width,
+      height,
+      style,
+      isRemote
+    } = this.props;
+    if (!item) return null;
+    const actualWidth = width || screenWidth / 4;
+    const actualHeight = height || screenWidth / 4;
+    const uri = isRemote ? getThumb300(item.uri) : item.uri;
+    return /*#__PURE__*/React.createElement(TouchableHighlight, {
+      underlayColor: "transparent",
+      onPress: () => selectImage(item, index)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: actualWidth,
+        height: actualHeight
+      }, style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.imageContainer
+    }, /*#__PURE__*/React.createElement(ImageBackground, {
+      style: styles.imageBackground,
+      source: {
+        uri
+      }
+    }, this.renderVideoOverlay(), this.renderSelectedOverlay()))));
+  }
+}
+const styles = StyleSheet.create({
+  imageContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  imageBackground: {
+    width: "100%",
+    height: "100%"
+  },
+  defaultSelectedOverlay: {
+    flex: 1,
+    backgroundColor: "#000"
+  },
+  defaultVideoOverlay: {
+    position: "absolute",
+    left: 3,
+    bottom: 3,
+    right: 3,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  videoIconContainer: {
+    flex: 1,
+    paddingRight: 8,
+    paddingBottom: 1
+  },
+  videoIcon: {
+    fontSize: 12,
+    color: "#fff",
+    textAlign: "right"
+  },
+  videoDurationText: {
+    fontFamily: "sf-semibold",
+    fontSize: 12,
+    color: "#fff"
+  }
+});
+export default ImageTile;
+//# sourceMappingURL=ImageTile.js.map

package/dist/module/components/expo-image-picker-multiple/ImageTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","Dimensions","ImageBackground","TouchableHighlight","View","StyleSheet","MediaLibrary","Icon","moment","getThumb300","screenWidth","get","width","ImageTile","PureComponent","renderVideoOverlay","item","props","mediaType","MediaType","video","durationText","duration","asMilliseconds","utc","format","createElement","style","styles","defaultVideoOverlay","name","type","iconStyle","videoIcon","videoIconContainer","videoDurationText","renderSelectedOverlay","selected","selectedItemNumber","renderSelectedComponent","defaultSelectedOverlay","opacity","render","index","selectImage","height","isRemote","actualWidth","actualHeight","uri","underlayColor","onPress","imageContainer","imageBackground","source","create","flex","alignItems","justifyContent","backgroundColor","position","left","bottom","right","flexDirection","paddingRight","paddingBottom","fontSize","color","textAlign","fontFamily"],"sources":["ImageTile.js"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tDimensions,\n\tImageBackground,\n\tTouchableHighlight,\n\tView,\n\tStyleSheet,\n} from \"react-native\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { Icon } from \"@rneui/themed\";\nimport moment from \"moment\";\nimport { getThumb300 } from \"../../helper\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nclass ImageTile extends React.PureComponent {\n\trenderVideoOverlay() {\n\t\tconst { item } = this.props;\n\t\tif (item.mediaType !== MediaLibrary.MediaType.video) return null;\n\n\t\tlet durationText = \"\";\n\t\tif (item.duration) {\n\t\t\tconst duration = moment\n\t\t\t\t.duration(item.duration, \"seconds\")\n\t\t\t\t.asMilliseconds();\n\t\t\tdurationText = moment.utc(duration).format(\"HH:mm:ss\");\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.defaultVideoOverlay}>\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"video-camera\"\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\ticonStyle={styles.videoIcon}\n\t\t\t\t\tstyle={styles.videoIconContainer}\n\t\t\t\t/>\n\t\t\t\t<Text style={styles.videoDurationText}>{durationText}</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderSelectedOverlay() {\n\t\tconst { selected, selectedItemNumber, renderSelectedComponent } =\n\t\t\tthis.props;\n\t\tif (!selected) return null;\n\t\tif (renderSelectedComponent)\n\t\t\treturn renderSelectedComponent(selectedItemNumber);\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[styles.defaultSelectedOverlay, { opacity: selected ? 0.5 : 1 }]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { item, index, selectImage, width, height, style, isRemote } =\n\t\t\tthis.props;\n\t\tif (!item) return null;\n\n\t\tconst actualWidth = width || screenWidth / 4;\n\t\tconst actualHeight = height || screenWidth / 4;\n\t\tconst uri = isRemote ? getThumb300(item.uri) : item.uri;\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tonPress={() => selectImage(item, index)}\n\t\t\t>\n\t\t\t\t<View style={[{ width: actualWidth, height: actualHeight }, style]}>\n\t\t\t\t\t<View style={styles.imageContainer}>\n\t\t\t\t\t\t<ImageBackground style={styles.imageBackground} source={{ uri }}>\n\t\t\t\t\t\t\t{this.renderVideoOverlay()}\n\t\t\t\t\t\t\t{this.renderSelectedOverlay()}\n\t\t\t\t\t\t</ImageBackground>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\timageContainer: {\n\t\tflex: 1,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\timageBackground: {\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\t},\n\tdefaultSelectedOverlay: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t},\n\tdefaultVideoOverlay: {\n\t\tposition: \"absolute\",\n\t\tleft: 3,\n\t\tbottom: 3,\n\t\tright: 3,\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"center\",\n\t},\n\tvideoIconContainer: {\n\t\tflex: 1,\n\t\tpaddingRight: 8,\n\t\tpaddingBottom: 1,\n\t},\n\tvideoIcon: {\n\t\tfontSize: 12,\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"right\",\n\t},\n\tvideoDurationText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport default ImageTile;\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/index.js

@@ -0,0 +1,60 @@
+export * from "./InlineButton";
+export * from "./AddToCalendarButton";
+export * from "./Forbidden";
+export * from "./FormCard";
+export * from "./FormCardSection";
+export * from "./FormCardSectionOptionLauncher";
+export * from "./ProfilePic";
+export * from "./Spinner";
+export * from "./LoadingCircles";
+export * from "./Popup";
+export * from "./ImagePopup";
+export * from "./VideoPopup";
+export * from "./SharingTools";
+export * from "./MiddlePopup";
+export * from "./ConfirmPopup";
+export * from "./ConfirmationPopup";
+export * from "./CommentSection";
+export * from "./CommentReply";
+export * from "./PopupMenu";
+export * from "./AddButton";
+export * from "./Attachment";
+export * from "./GenericInputSection";
+export * from "./GenericInput";
+export * from "./RadioButton";
+export * from "./PDFPopup";
+export * from "./Text";
+export * from "./Icon";
+export * from "./TickIcon";
+export * from "./Toggle";
+export * from "./Input";
+export * from "./StickyFooter";
+export * from "./CategoryTabs";
+export * from "./DropDownMenu";
+export * from "./DropDownItem";
+export * from "./BackButton";
+export * from "./Reaction";
+export * from "./TouchableSearchBar";
+export * from "./WarningPopup";
+export * from "./FontScalePopup";
+export * from "./FontScaleButton";
+export * from "./UserListPopup";
+export * from "./Reactions";
+export * from "./AudienceSelectorLauncher";
+export * from "./CalendarPopup";
+export { default as EmptyStateWidget } from "./EmptyStateWidget";
+export { default as EmptyStateMain } from "./EmptyStateMain";
+export { default as LoadingStateWidget } from "./LoadingStateWidget";
+export { default as Header } from "./Header";
+export { default as LoadingIndicator } from "./LoadingIndicator";
+export { default as ImageUploader } from "./ImageUploader";
+export { default as DocumentUploader } from "./DocumentUploader";
+export { default as ImageUploadProgress } from "./ImageUploadProgress";
+export { default as UserListing } from "./UserListing";
+export { default as PlussChat } from "./PlussChat";
+export { default as PositionedImage } from "./PositionedImage";
+export * from "./AutoOffsetImage";
+export { default as FormattedText } from "./FormattedText";
+export { default as MediaPlayer } from "./MediaPlayer";
+export { default as AudienceSelectorPage } from "./AudienceSelectorPage";
+//# sourceMappingURL=index.js.map

package/dist/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","DocumentUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"sources":["index.js"],"sourcesContent":["export * from \"./InlineButton\";\nexport * from \"./AddToCalendarButton\";\nexport * from \"./Forbidden\";\nexport * from \"./FormCard\";\nexport * from \"./FormCardSection\";\nexport * from \"./FormCardSectionOptionLauncher\";\nexport * from \"./ProfilePic\";\nexport * from \"./Spinner\";\nexport * from \"./LoadingCircles\";\nexport * from \"./Popup\";\nexport * from \"./ImagePopup\";\nexport * from \"./VideoPopup\";\nexport * from \"./SharingTools\";\nexport * from \"./MiddlePopup\";\nexport * from \"./ConfirmPopup\";\nexport * from \"./ConfirmationPopup\";\nexport * from \"./CommentSection\";\nexport * from \"./CommentReply\";\nexport * from \"./PopupMenu\";\nexport * from \"./AddButton\";\nexport * from \"./Attachment\";\nexport * from \"./GenericInputSection\";\nexport * from \"./GenericInput\";\nexport * from \"./RadioButton\";\nexport * from \"./PDFPopup\";\nexport * from \"./Text\";\nexport * from \"./Icon\";\nexport * from \"./TickIcon\";\nexport * from \"./Toggle\";\nexport * from \"./Input\";\nexport * from \"./StickyFooter\";\nexport * from \"./CategoryTabs\";\nexport * from \"./DropDownMenu\";\nexport * from \"./DropDownItem\";\nexport * from \"./BackButton\";\nexport * from \"./Reaction\";\nexport * from \"./TouchableSearchBar\";\nexport * from \"./WarningPopup\";\nexport * from \"./FontScalePopup\";\nexport * from \"./FontScaleButton\";\nexport * from \"./UserListPopup\";\nexport * from \"./Reactions\";\nexport * from \"./AudienceSelectorLauncher\";\nexport * from \"./CalendarPopup\";\nexport { default as EmptyStateWidget } from \"./EmptyStateWidget\";\nexport { default as EmptyStateMain } from \"./EmptyStateMain\";\nexport { default as LoadingStateWidget } from \"./LoadingStateWidget\";\nexport { default as Header } from \"./Header\";\nexport { default as LoadingIndicator } from \"./LoadingIndicator\";\nexport { default as ImageUploader } from \"./ImageUploader\";\nexport { default as DocumentUploader } from \"./DocumentUploader\";\nexport { default as ImageUploadProgress } from \"./ImageUploadProgress\";\nexport { default as UserListing } from \"./UserListing\";\nexport { default as PlussChat } from \"./PlussChat\";\nexport { default as PositionedImage } from \"./PositionedImage\";\nexport * from \"./AutoOffsetImage\";\nexport { default as FormattedText } from \"./FormattedText\";\nexport { default as MediaPlayer } from \"./MediaPlayer\";\nexport { default as AudienceSelectorPage } from \"./AudienceSelectorPage\";\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,iCAAiC;AAC/C,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,uBAAuB;AACrC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB;AAChE,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,SAASF,OAAO,IAAIG,kBAAkB,QAAQ,sBAAsB;AACpE,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAChE,SAASL,OAAO,IAAIM,aAAa,QAAQ,iBAAiB;AAC1D,SAASN,OAAO,IAAIO,gBAAgB,QAAQ,oBAAoB;AAChE,SAASP,OAAO,IAAIQ,mBAAmB,QAAQ,uBAAuB;AACtE,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,SAAST,OAAO,IAAIU,SAAS,QAAQ,aAAa;AAClD,SAASV,OAAO,IAAIW,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AACjC,SAASX,OAAO,IAAIY,aAAa,QAAQ,iBAAiB;AAC1D,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}