@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/VideoPopup.js

@@ -0,0 +1,123 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { Platform, View, Modal, TouchableOpacity, StyleSheet } from 'react-native';
+import * as ScreenOrientation from 'expo-screen-orientation';
+import { StatusBarHeight, getCompressed, imageExists } from '../helper';
+import { Pl60Icon } from '../fonts';
+import { SharingTools } from './SharingTools';
+import { MediaPlayer } from './MediaPlayer';
+
+class VideoPopup extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "UNSAFE_componentWillMount", async () => {
+      this.checkCompressed(this.props.uri);
+      await ScreenOrientation.lockAsync(Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL);
+    });
+
+    _defineProperty(this, "componentWillUnmount", async () => {
+      await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
+    });
+
+    _defineProperty(this, "checkCompressed", url => {
+      const compressedUri = getCompressed(url);
+      imageExists(compressedUri).then(compressedExists => {
+        this.setState({
+          uri: compressedExists ? compressedUri : url
+        });
+      });
+    });
+
+    this.state = {
+      uri: '',
+      isFullScreen: false
+    };
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.uri === nextProps.uri) return;
+    this.checkCompressed(nextProps.uri);
+  }
+
+  renderClose() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.menuIconContainer,
+      onPress: this.props.onClose,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: "close",
+      style: styles.menuIcon
+    }));
+  }
+
+  renderPlayer() {
+    const {
+      uri
+    } = this.state;
+    if (!uri) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.playerContainer
+    }, /*#__PURE__*/React.createElement(MediaPlayer, {
+      source: uri,
+      useVideoPlayer: true,
+      autoPlay: true,
+      orientationChanged: isFullScreen => this.setState({
+        isFullScreen
+      })
+    }));
+  }
+
+  render() {
+    const {
+      isFullScreen
+    } = this.state;
+    const {
+      visible,
+      onClose,
+      animationType,
+      style
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: visible,
+      animationType: animationType || 'fade',
+      onRequestClose: onClose,
+      style: [styles.container, style],
+      supportedOrientations: ['portrait', 'landscape']
+    }, this.renderPlayer(), !isFullScreen && this.renderClose(), !isFullScreen && /*#__PURE__*/React.createElement(SharingTools, {
+      uri: this.props.uri
+    }));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#000'
+  },
+  menuIconContainer: {
+    position: 'absolute',
+    top: StatusBarHeight(0),
+    right: 0,
+    width: 55,
+    height: 55,
+    zIndex: 3
+  },
+  menuIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: 'center',
+    color: '#fff',
+    zIndex: 3
+  },
+  playerContainer: {
+    flex: 1,
+    backgroundColor: '#000',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export { VideoPopup };
+//# sourceMappingURL=VideoPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["VideoPopup.js"],"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","Pl60Icon","SharingTools","MediaPlayer","VideoPopup","constructor","props","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","styles","menuIconContainer","onClose","menuIcon","renderPlayer","playerContainer","render","visible","animationType","style","container","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { Platform, View, Modal, TouchableOpacity, StyleSheet } from 'react-native';\nimport * as ScreenOrientation from 'expo-screen-orientation';\nimport { StatusBarHeight, getCompressed, imageExists } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { SharingTools } from './SharingTools';\nimport { MediaPlayer } from './MediaPlayer';\n\nclass VideoPopup extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      uri: '',\n      isFullScreen: false,\n    };\n  }\n\n  UNSAFE_componentWillMount = async () => {\n    this.checkCompressed(this.props.uri);\n    await ScreenOrientation.lockAsync(\n      Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL,\n    );\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (this.props.uri === nextProps.uri) return;\n    this.checkCompressed(nextProps.uri);\n  }\n\n  componentWillUnmount = async () => {\n    await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);\n  };\n\n  checkCompressed = url => {\n    const compressedUri = getCompressed(url);\n    imageExists(compressedUri).then(compressedExists => {\n      this.setState({ uri: compressedExists ? compressedUri : url });\n    });\n  };\n\n  renderClose() {\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={this.props.onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={styles.menuIcon} />\n      </TouchableOpacity>\n    );\n  }\n\n  renderPlayer() {\n    const { uri } = this.state;\n    if (!uri) return null;\n\n    return (\n      <View style={styles.playerContainer}>\n        <MediaPlayer\n          source={uri}\n          useVideoPlayer={true}\n          autoPlay={true}\n          orientationChanged={isFullScreen => this.setState({ isFullScreen })}\n        />\n      </View>\n    );\n  }\n\n  render() {\n    const { isFullScreen } = this.state;\n    const { visible, onClose, animationType, style } = this.props;\n\n    return (\n      <Modal\n        visible={visible}\n        animationType={animationType || 'fade'}\n        onRequestClose={onClose}\n        style={[styles.container, style]}\n        supportedOrientations={['portrait', 'landscape']}\n      >\n        {this.renderPlayer()}\n        {!isFullScreen && this.renderClose()}\n        {!isFullScreen && <SharingTools uri={this.props.uri} />}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: '#000',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  playerContainer: {\n    flex: 1,\n    backgroundColor: '#000',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport { VideoPopup };\n"]}

package/dist/module/components/WarningPopup.js

@@ -0,0 +1,87 @@
+import React, { PureComponent } from 'react';
+import _ from 'lodash';
+import { View, Text, Dimensions } from 'react-native';
+import { connect } from 'react-redux';
+import { Pl60Icon } from '../fonts';
+import { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+import { MiddlePopup } from './MiddlePopup';
+import { InlineButton } from './InlineButton';
+const SCREEN_WIDTH = Dimensions.get('window').width;
+
+class WarningPopup extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      visible: this.props.visible,
+      onClose: this.props.onClose,
+      style: styles.popup
+    }, this.props.isSuccess && /*#__PURE__*/React.createElement(Pl60Icon, {
+      style: styles.icon,
+      name: "circleoutlined"
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, this.props.confirmText), /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginTop: 16,
+        paddingHorizontal: 24
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.infoText, this.props.infoTextStyle]
+    }, this.props.infoText)), /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onClose,
+      color: this.props.ctaButton ? this.props.colourBrandingMain : '#fff',
+      style: styles.button,
+      textStyle: [styles.closeText, {
+        color: this.props.ctaButton ? '#fff' : this.props.colourBrandingMain
+      }],
+      large: true
+    }, !_.isUndefined(this.props.buttonText) ? this.props.buttonText : 'Close'));
+  }
+
+}
+
+const styles = {
+  popup: {
+    width: 'auto',
+    maxWidth: SCREEN_WIDTH - 34,
+    paddingVertical: 16
+  },
+  icon: {
+    marginTop: 20,
+    paddingBottom: 16,
+    fontSize: 52,
+    color: COLOUR_GREEN
+  },
+  text: {
+    fontFamily: 'sf-bold',
+    fontSize: 24,
+    lineHeight: 24,
+    color: TEXT_DARK,
+    textAlign: 'center',
+    marginTop: 8
+  },
+  infoText: {
+    fontFamily: 'sf-regular',
+    fontSize: 16,
+    lineHeight: 22,
+    color: TEXT_DARK,
+    textAlign: 'left'
+  },
+  button: {
+    width: 130,
+    marginTop: 20
+  },
+  closeText: {
+    fontFamily: 'sf-medium',
+    fontSize: 15
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const warningPopup = connect(mapStateToProps, {})(WarningPopup);
+export { warningPopup as WarningPopup };
+//# sourceMappingURL=WarningPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["WarningPopup.js"],"names":["React","PureComponent","_","View","Text","Dimensions","connect","Pl60Icon","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","SCREEN_WIDTH","get","width","WarningPopup","render","props","visible","onClose","styles","popup","isSuccess","icon","text","confirmText","marginTop","paddingHorizontal","infoText","infoTextStyle","ctaButton","colourBrandingMain","button","closeText","color","isUndefined","buttonText","maxWidth","paddingVertical","paddingBottom","fontSize","fontFamily","lineHeight","textAlign","mapStateToProps","state","warningPopup"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport _ from 'lodash';\nimport { View, Text, Dimensions } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Pl60Icon } from '../fonts';\nimport { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { MiddlePopup } from './MiddlePopup';\nimport { InlineButton } from './InlineButton';\n\nconst SCREEN_WIDTH = Dimensions.get('window').width;\n\nclass WarningPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup visible={this.props.visible} onClose={this.props.onClose} style={styles.popup}>\n        {this.props.isSuccess && <Pl60Icon style={styles.icon} name=\"circleoutlined\" />}\n        <Text style={styles.text}>{this.props.confirmText}</Text>\n        <View style={{ marginTop: 16, paddingHorizontal: 24 }}>\n          <Text style={[styles.infoText, this.props.infoTextStyle]}>{this.props.infoText}</Text>\n        </View>\n        <InlineButton\n          onPress={this.props.onClose}\n          color={this.props.ctaButton ? this.props.colourBrandingMain : '#fff'}\n          style={styles.button}\n          textStyle={[styles.closeText, { color: this.props.ctaButton ? '#fff' : this.props.colourBrandingMain }]}\n          large\n        >\n          {!_.isUndefined(this.props.buttonText) ? this.props.buttonText : 'Close'}\n        </InlineButton>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    width: 'auto',\n    maxWidth: SCREEN_WIDTH - 34,\n    paddingVertical: 16,\n  },\n  icon: {\n    marginTop: 20,\n    paddingBottom: 16,\n    fontSize: 52,\n    color: COLOUR_GREEN,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: 'center',\n    marginTop: 8,\n  },\n  infoText: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    lineHeight: 22,\n    color: TEXT_DARK,\n    textAlign: 'left',\n  },\n  button: {\n    width: 130,\n    marginTop: 20,\n  },\n  closeText: {\n    fontFamily: 'sf-medium',\n    fontSize: 15,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst warningPopup = connect(mapStateToProps, {})(WarningPopup);\nexport { warningPopup as WarningPopup };\n"]}

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

@@ -0,0 +1,325 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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) {
+    var _this;
+
+    super(props);
+    _this = this;
+
+    _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", _ref => {
+      let {
+        orientationInfo
+      } = _ref;
+      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", function () {
+      let reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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", _ref2 => {
+      let {
+        item,
+        index
+      } = _ref2;
+      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() {
+    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,"sources":["ImageBrowser.js"],"names":["React","StyleSheet","View","FlatList","Dimensions","ActivityIndicator","Platform","_","ScreenOrientation","MediaLibrary","Camera","isVideo","ImageTile","width","get","defaultSelectionLimit","defaultLoadCount","ImageBrowser","Component","constructor","props","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","id","images","ordered","orderBy","map","image","isEmpty","data","totalCount","endCursor","uris","assets","index","itemWidth","offset","selectedIndex","selectImage","renderSelectedComponent","itemStyle","itemHeight","preloaderComponent","emptyStateComponent","componentDidMount","getPermissionsAsync","getOrientationAsync","getPhotos","componentDidUpdate","prevProps","isEqual","selectedPhotos","p","assetsInfo","Promise","all","getAssetInfoAsync","callback","renderImages","renderImageTile","renderEmptyState","renderPreloader","getItemLayout","render","noCameraPermissionComponent","styles","container","style","create","flex"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, FlatList, Dimensions, ActivityIndicator, Platform } 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  constructor(props) {\n    super(props);\n    this.state = {\n      hasCameraPermission: null,\n      hasCameraRollPermission: null,\n      numColumns: null,\n      photos: [],\n      selected: [],\n      isEmpty: false,\n      after: null,\n      hasNextPage: true,\n    };\n  }\n\n  async componentDidMount() {\n    if (this.isLocal()) await this.getPermissionsAsync();\n\n    ScreenOrientation.addOrientationChangeListener(this.onOrientationChange);\n    const orientation = await ScreenOrientation.getOrientationAsync();\n    const numColumns = this.getNumColumns(orientation);\n    this.setState({ numColumns }, () => {\n      this.getPhotos();\n    });\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.album !== this.props.album) this.getPhotos(true);\n    if (!_.isEqual(prevProps.selected, this.props.selected)) {\n      this.setState({ selected: this.props.selected });\n    }\n  }\n\n  isLocal = () => {\n    return _.isNil(this.props.remoteAlbums);\n  };\n\n  getPermissionsAsync = async () => {\n    const { status: camera } = await Camera.requestCameraPermissionsAsync();\n    const { status: cameraRoll } = await MediaLibrary.requestPermissionsAsync();\n    this.setState({\n      hasCameraPermission: camera === 'granted',\n      hasCameraRollPermission: cameraRoll === 'granted',\n    });\n  };\n\n  onOrientationChange = ({ orientationInfo }) => {\n    ScreenOrientation.removeOrientationChangeListeners();\n    ScreenOrientation.addOrientationChangeListener(this.onOrientationChange);\n    const numColumns = this.getNumColumns(orientationInfo.orientation);\n    this.setState({ numColumns });\n  };\n\n  getNumColumns = orientation =>\n    orientation === ScreenOrientation.Orientation.PORTRAIT_UP || orientation === ScreenOrientation.Orientation.PORTRAIT_DOWN ? 4 : 7;\n\n  isVideoSelected = () => {\n    return this.state.selected.find(uri => {\n      const photo = this.state.photos.find(photo => photo.uri === uri);\n      return photo && photo.mediaType === MediaLibrary.MediaType.video;\n    });\n  };\n\n  checkSelection = item => {\n    let videoSelected = this.isVideoSelected();\n    let newSelected = [...this.state.selected];\n\n    // Check video/photo selection\n    if (item.mediaType === MediaLibrary.MediaType.video) {\n      if (videoSelected && videoSelected !== item.uri) {\n        // If different video is already selected, reset\n        videoSelected = null;\n        newSelected = [];\n      } else if (!videoSelected && newSelected.length > 0) {\n        // If photos selected, don't allow selecting video\n        videoSelected = null;\n        newSelected = [];\n      }\n      // Toggle video selected\n      videoSelected = videoSelected !== item.uri ? item.uri : null;\n    } else if (videoSelected) {\n      // If video selected, reset\n      videoSelected = null;\n      newSelected = [];\n    }\n\n    // Check multiple selection\n    const selectionLimit = this.props.max || defaultSelectionLimit;\n    if (selectionLimit && selectionLimit > 1) {\n      // Limit selection\n      if (newSelected.length === selectionLimit && newSelected.indexOf(item.uri) === -1) return { isFull: true };\n    } else {\n      // Force single selection\n      if (newSelected.length > 0 && newSelected[0] !== item.uri) newSelected = [];\n    }\n\n    return { newSelected, videoSelected };\n  };\n\n  selectImage = item => {\n    const { newSelected, videoSelected, isFull } = this.checkSelection(item);\n    if (isFull) return;\n\n    if (newSelected.indexOf(item.uri) === -1) {\n      newSelected.push(item.uri);\n    } else {\n      const deleteIndex = newSelected.indexOf(item.uri);\n      newSelected.splice(deleteIndex, 1);\n    }\n    if (newSelected.length > this.props.max) return;\n    if (!newSelected) newSelected = [];\n    this.setState({ selected: newSelected });\n    this.props.onChange(newSelected, videoSelected, () => this.prepareCallback());\n  };\n\n  getPhotos = (reset = false) => {\n    const { remoteAlbums, allowVideo, loadCount, album } = this.props;\n\n    if (this.isLocal()) {\n      // Retrieve local photos\n      const mediaType = [MediaLibrary.MediaType.photo];\n      if (allowVideo) mediaType.push(MediaLibrary.MediaType.video);\n\n      const params = {\n        first: loadCount || defaultLoadCount,\n        mediaType,\n        album: album || undefined,\n        sortBy: [Platform.OS === 'android' ? 'modificationTime' : 'creationTime'],\n      };\n      if (reset) {\n        this.setState({ photos: [], after: null, hasNextPage: true });\n      } else {\n        if (this.state.after) params.after = this.state.after;\n        if (!this.state.hasNextPage) return;\n      }\n      MediaLibrary.getAssetsAsync(params).then(this.processPhotos);\n    } else {\n      // Use remote albums\n      const selectedAlbum = remoteAlbums.find(item => item.id === album);\n      if (selectedAlbum && selectedAlbum.images?.length > 0) {\n        const ordered = _.orderBy(selectedAlbum.images, 'date', 'desc');\n        this.setState({\n          photos: ordered.map(image => {\n            return {\n              uri: image.uri,\n              mediaType: isVideo(image.uri) ? MediaLibrary.MediaType.video : MediaLibrary.MediaType.photo,\n            };\n          }),\n          isEmpty: false,\n        });\n      } else {\n        this.setState({ photos: [], isEmpty: true });\n      }\n    }\n  };\n\n  processPhotos = data => {\n    if (data.totalCount) {\n      if (this.state.after === data.endCursor) return;\n      const uris = data.assets;\n      this.setState({\n        photos: [...this.state.photos, ...uris],\n        after: data.endCursor,\n        hasNextPage: data.hasNextPage,\n      });\n    } else {\n      this.setState({ isEmpty: true });\n    }\n  };\n\n  getItemLayout = (data, index) => {\n    const length = this.props.itemWidth || width / 4;\n    return { length, offset: length * index, index };\n  };\n\n  prepareCallback() {\n    const { selected, photos } = this.state;\n    const selectedPhotos = selected.map(uri => photos.find(p => p.uri === uri));\n    if (this.isLocal()) {\n      const assetsInfo = Promise.all(selectedPhotos.map(p => MediaLibrary.getAssetInfoAsync(p)));\n      this.props.callback(assetsInfo);\n    } else {\n      // No need to retrieve local assets\n      this.props.callback(selectedPhotos);\n    }\n  }\n\n  renderImageTile = ({ item, index }) => {\n    if (!item) return null;\n\n    const selectedIndex = this.state.selected.indexOf(item.uri);\n    const selected = selectedIndex !== -1;\n\n    return (\n      <ImageTile\n        selectedItemNumber={selectedIndex + 1}\n        item={item}\n        index={index}\n        selected={selected}\n        selectImage={this.selectImage}\n        renderSelectedComponent={this.props.renderSelectedComponent}\n        style={this.props.itemStyle}\n        width={this.props.itemWidth}\n        height={this.props.itemHeight}\n        isRemote={!this.isLocal()}\n      />\n    );\n  };\n\n  renderPreloader = () => this.props.preloaderComponent || <ActivityIndicator size=\"large\" />;\n\n  renderEmptyState = () => this.props.emptyStateComponent || null;\n\n  renderImages() {\n    return (\n      <FlatList\n        data={this.state.photos}\n        numColumns={this.state.numColumns}\n        key={this.state.numColumns}\n        renderItem={this.renderImageTile}\n        keyExtractor={(_, index) => index}\n        onEndReached={() => {\n          if (this.isLocal()) this.getPhotos();\n        }}\n        onEndReachedThreshold={0.5}\n        ListEmptyComponent={this.state.isEmpty ? this.renderEmptyState() : this.renderPreloader()}\n        initialNumToRender={24}\n        getItemLayout={this.getItemLayout}\n      />\n    );\n  }\n\n  render() {\n    const { hasCameraPermission } = this.state;\n\n    if (this.isLocal() && !hasCameraPermission) {\n      return this.props.noCameraPermissionComponent || null;\n    }\n\n    return <View style={[styles.container, this.props.style]}>{this.renderImages()}</View>;\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"]}