@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageUploader.js"],"names":["React","Component","View","ScrollView","TouchableOpacity","Text","Platform","Linking","Modal","Dimensions","StyleSheet","ImageBackground","connect","Icon","_","Camera","MediaLibrary","ImageManipulator","ImagePicker","ImageBrowser","ExpoImageManipulator","Header","Popup","PopupMenu","InlineButton","getValueOrDefault","getThumb300","isVideo","getMainBrandingColourFromState","BOXGREY","INACTIVE_BUTTON","TEXT_BLUEGREY","TEXT_DARK","LINEGREY","Config","fileActions","stockImagesLoaded","imageLibraryLoaded","SCREEN_WIDTH","get","width","SCREEN_HEIGHT","height","DEFAULT_ASPECT","DEFAULT_ALLOWS_EDITING","DEFAULT_ALLOWS_IOS_CAMERA_EDITING","DEFAULT_EXIF","DEFULAT_IMAGE_TYPE","DEFAULT_IMAGE_NAME","DEFAULT_VIDEO_NAME","DEFAULT_SIZE","DEFAULT_COMPRESSION","ImageUploader","constructor","props","hasPermission","getPermissionsAsync","granted","setState","loadingLocalFolders","localAlbums","getAlbumsAsync","includeSmartAlbums","title","id","error","console","log","loadingRemoteFolders","stockImages","getStockPhotos","libraryRes","getMediaFolders","user","site","data","mediaUri","uploadUri","uri","resizeImageAsync","res","uploadUserMediaWithProgress","progress","onUploadProgress","onUploadSuccess","env","baseUploadsUrl","key","e","onUploadFailed","actions","resize","size","saveOptions","format","compress","quality","base64","manipulateAsync","imageUri","fileName","getUploadUrl","userId","onUploadStarted","hideUploadMenu","resized","onlySelectImage","onImageSelected","imagesSelected","imagesUploaded","map","image","i","length","fileType","substring","lastIndexOf","cameraPermission","requestCameraPermissionsAsync","rollPermission","requestPermissionsAsync","status","showWarningPopup","state","loadLocalAlbums","multiple","allowVideo","allowsEditing","askPermissionsAsync","result","launchImageLibraryAsync","mediaTypes","MediaTypeOptions","Images","isEditingEnabled","aspect","exif","cancelled","handleImagePicked","Videos","handleVideoPicked","editingAllowed","OS","allowsEditingIOSCamera","launchCameraAsync","showUploadMenu","showPhotos","selected","showRemote","selectedAlbumId","showCropper","showSelectAlbum","videoSelected","onAttach","selectedType","callback","openCropper","mediaSelected","onLibrarySelected","media","mediaType","MediaType","video","localUri","handleMultiImagePicked","hidePhotos","deleteIndex","indexOf","splice","options","text","onPress","openCamera","push","openVideoCamera","openPhotos","hideLibrary","openLibrary","selectedItemNumber","styles","selectedItemContainer","selectedMarkerContainer","backgroundColor","colourBrandingMain","selectedItemText","selectedItemIcon","warning","componentDidMount","loadRemoteAlbums","camera","roll","innerWarning","closeWarningPopup","goToPermissionSettings","openURL","renderSelectionPreview","selectionPreviewContainer","previewItemContainer","previewItemImage","previewItemRemoveButton","onRemoveImage","previewItemRemoveContainer","previewItemRemoveIcon","renderSelectedAlbum","selectedAlbum","imageLibrary","find","album","selectedAlbumText","onSelectAlbum","selectAlbumButton","selectAlbumButtonText","selectAlbumButtonIcon","renderBrowser","imagesLimit","onSelectionChange","renderSelectedComponent","onSelected","browserContainer","itemContainer","renderAttachButton","canAttach","isEmpty","attachText","buttonContainer","renderSelectAlbumPopup","onSelectAlbumClosed","selectAlbumModal","selectAlbumContainer","selectAlbumTitleContainer","selectAlbumTitle","index","onAlbumSelected","albumOptionContainer","borderTopWidth","albumOptionText","marginHorizontal","color","renderPhotos","popupTitle","contentContainer","render","action","bind","bold","buildOptions","toggleCropper","create","flex","padding","position","top","right","borderRadius","alignItems","justifyContent","fontFamily","fontSize","marginBottom","paddingHorizontal","paddingTop","flexDirection","marginRight","bottom","left","zIndex","borderTopLeftRadius","borderTopRightRadius","maxHeight","borderColor","borderBottomWidth","textAlign","paddingVertical","paddingRight","paddingLeft","overflow","borderWidth","mapStateToProps","filter","folder","Public","Name","RowId","images","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, ScrollView, TouchableOpacity, Text, Platform, Linking, Modal, Dimensions, StyleSheet, ImageBackground } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport _ from 'lodash';\nimport { Camera } from 'expo-camera';\nimport * as MediaLibrary from 'expo-media-library';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport * as ImagePicker from 'expo-image-picker';\nimport ImageBrowser from './expo-image-picker-multiple/ImageBrowser';\nimport ExpoImageManipulator from './react-native-expo-image-cropper/ExpoImageManipulator';\nimport Header from './Header';\nimport { Popup } from './Popup';\nimport { PopupMenu } from './PopupMenu';\nimport { InlineButton } from './InlineButton';\nimport { getValueOrDefault, getThumb300, isVideo } from '../helper';\nimport { getMainBrandingColourFromState, BOXGREY, INACTIVE_BUTTON, TEXT_BLUEGREY, TEXT_DARK, LINEGREY } from '../colours';\nimport Config from '../config';\nimport { fileActions } from '../apis';\nimport { stockImagesLoaded, imageLibraryLoaded } from '../actions';\n\nconst SCREEN_WIDTH = Dimensions.get('window').width;\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\nconst DEFAULT_ASPECT = [1, 1];\nconst DEFAULT_ALLOWS_EDITING = true;\nconst DEFAULT_ALLOWS_IOS_CAMERA_EDITING = false;\nconst DEFAULT_EXIF = true;\nconst DEFULAT_IMAGE_TYPE = 'jpeg';\nconst DEFAULT_IMAGE_NAME = 'image';\nconst DEFAULT_VIDEO_NAME = 'video';\nconst DEFAULT_SIZE = {\n  width: 1400,\n};\nconst DEFAULT_COMPRESSION = 0.8;\n\nclass ImageUploader extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showUploadMenu: false,\n      warning: null,\n      showPhotos: false,\n      showRemote: false,\n      selected: [],\n      selectedType: '',\n      onAttach: null,\n      selectedAlbumId: '',\n      showSelectAlbum: false,\n      showCropper: false,\n      localAlbums: [],\n      loadingLocalFolders: false,\n      loadingRemoteFolders: false,\n    };\n  }\n\n  componentDidMount() {\n    this.loadLocalAlbums();\n    this.loadRemoteAlbums();\n  }\n\n  loadLocalAlbums = async () => {\n    const hasPermission = await MediaLibrary.getPermissionsAsync();\n    if (!hasPermission.granted) return;\n\n    this.setState({ loadingLocalFolders: true }, async () => {\n      try {\n        const localAlbums = await MediaLibrary.getAlbumsAsync({ includeSmartAlbums: true });\n        this.setState({\n          loadingLocalFolders: false,\n          localAlbums: [\n            {\n              title: 'All Photos',\n              id: '',\n            },\n            ...localAlbums,\n          ],\n        });\n      } catch (error) {\n        console.log('loadLocalAlbums - error', error);\n        this.setState({ loadingLocalFolders: false });\n      }\n    });\n  };\n\n  loadRemoteAlbums = () => {\n    this.setState({ loadingRemoteFolders: true }, async () => {\n      try {\n        const stockImages = await fileActions.getStockPhotos();\n        this.props.stockImagesLoaded(stockImages);\n        const libraryRes = await fileActions.getMediaFolders(this.props.user.site);\n        this.props.imageLibraryLoaded(libraryRes.data);\n      } catch (error) {\n        console.log('loadRemoteAlbums - error', error);\n      } finally {\n        this.setState({ loadingRemoteFolders: false });\n      }\n    });\n  };\n\n  showUploadMenu() {\n    this.setState({\n      showUploadMenu: true,\n    });\n  }\n\n  hideUploadMenu() {\n    this.setState({\n      showUploadMenu: false,\n    });\n  }\n\n  retryUpload = async (mediaUri, uploadUri) => {\n    try {\n      const uri = isVideo(uploadUri) ? mediaUri : (await this.resizeImageAsync(mediaUri)).uri;\n      const res = await fileActions.uploadUserMediaWithProgress(uri, uploadUri, progress => {\n        if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n      });\n      this.props.onUploadSuccess(Config.env.baseUploadsUrl + res.key, uploadUri);\n      console.log('upload(retry) success', Config.env.baseUploadsUrl + res.key);\n    } catch (e) {\n      console.log('retryUpload error', e);\n      this.props.onUploadFailed(uploadUri);\n    }\n  };\n\n  resizeImageAsync = async uri => {\n    const actions = [\n      {\n        resize: getValueOrDefault(this.props.size, DEFAULT_SIZE),\n      },\n    ];\n    const saveOptions = {\n      format: DEFULAT_IMAGE_TYPE,\n      compress: getValueOrDefault(this.props.quality, DEFAULT_COMPRESSION),\n      base64: true,\n    };\n    return await ImageManipulator.manipulateAsync(uri, actions, saveOptions);\n  };\n\n  handleImagePicked = async imageUri => {\n    let uploadUri;\n    try {\n      const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_IMAGE_NAME)}.${DEFULAT_IMAGE_TYPE}`;\n      uploadUri = fileActions.getUploadUrl(this.props.userId, fileName);\n\n      this.props.onUploadStarted(uploadUri, imageUri);\n      this.hideUploadMenu();\n\n      const resized = await this.resizeImageAsync(imageUri);\n      if (this.props.onlySelectImage) {\n        this.props.onImageSelected(resized, fileName);\n        return;\n      }\n\n      const res = await fileActions.uploadUserMediaWithProgress(resized.uri, uploadUri, progress => {\n        if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n      });\n\n      this.props.onUploadSuccess(Config.env.baseUploadsUrl + res.key, uploadUri);\n      console.log('upload success', Config.env.baseUploadsUrl + res.key);\n    } catch (e) {\n      console.log('handleImagePicked error', e);\n      this.props.onUploadFailed(uploadUri);\n    }\n  };\n\n  handleMultiImagePicked = async imagesSelected => {\n    // Signal start of all images selected\n    const imagesUploaded = imagesSelected.map(image => {\n      const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_IMAGE_NAME)}.${DEFULAT_IMAGE_TYPE}`;\n      const uploadUri = fileActions.getUploadUrl(this.props.userId, fileName);\n      if (!this.props.onlySelectImage) this.props.onUploadStarted(uploadUri, image.uri);\n      return { imageUri: image.uri, uploadUri, fileName };\n    });\n    this.hideUploadMenu();\n\n    // Sequentially upload all imagesUploaded\n    for (let i = 0; i < imagesUploaded.length; i++) {\n      const image = imagesUploaded[i];\n      const { imageUri, uploadUri, fileName } = image;\n      try {\n        const resized = await this.resizeImageAsync(imageUri);\n        if (this.props.onlySelectImage) {\n          this.props.onImageSelected(resized, fileName);\n          return;\n        }\n\n        const res = await fileActions.uploadUserMediaWithProgress(resized.uri, uploadUri, progress => {\n          if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n        });\n        this.props.onUploadSuccess(Config.env.baseUploadsUrl + res.key, uploadUri);\n        console.log('upload success', Config.env.baseUploadsUrl + res.key);\n      } catch (e) {\n        console.log('handleMultiImagePicked error', e);\n        this.props.onUploadFailed(uploadUri);\n      }\n    }\n  };\n\n  handleVideoPicked = async uri => {\n    let uploadUri;\n    try {\n      const fileType = uri.substring(uri.lastIndexOf('.') + 1);\n      const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_VIDEO_NAME)}.${fileType}`;\n      uploadUri = fileActions.getUploadUrl(this.props.userId, fileName);\n\n      this.props.onUploadStarted(uploadUri, uri);\n      this.hideUploadMenu();\n\n      const res = await fileActions.uploadUserMediaWithProgress(uri, uploadUri, progress => {\n        if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n      });\n\n      this.props.onUploadSuccess(Config.env.baseUploadsUrl + res.key, uploadUri);\n      console.log('upload success', Config.env.baseUploadsUrl + res.key);\n    } catch (e) {\n      console.log('handleVideoPicked error', e);\n      this.props.onUploadFailed(uploadUri);\n    }\n  };\n\n  showWarningPopup(camera, roll) {\n    if (Platform.OS !== 'ios') {\n      return;\n    }\n    let innerWarning = '';\n    if (camera && roll) {\n      innerWarning = 'both your camera and photo library';\n    } else if (camera) {\n      innerWarning = 'your camera';\n    } else if (roll) {\n      innerWarning = 'your photo library';\n    } else {\n      // nothing to warn about\n      return;\n    }\n    this.setState({\n      warning: `You must grant access to ${innerWarning}. Tap Go to settings to change your permission settings.`,\n    });\n  }\n\n  closeWarningPopup() {\n    this.setState({\n      warning: null,\n    });\n  }\n\n  goToPermissionSettings() {\n    Linking.openURL('app-settings:');\n    this.setState({\n      warning: null,\n    });\n  }\n\n  askPermissionsAsync = async () => {\n    const cameraPermission = await Camera.requestCameraPermissionsAsync();\n    const rollPermission = await MediaLibrary.requestPermissionsAsync();\n    if (cameraPermission.status !== 'granted' || rollPermission.status !== 'granted') {\n      this.showWarningPopup(cameraPermission.status !== 'granted', rollPermission.status !== 'granted');\n      return false;\n    }\n    if (this.state.localAlbums?.length <= 0) this.loadLocalAlbums();\n\n    return true;\n  };\n\n  isEditingEnabled = () => {\n    return !this.props.multiple && !this.props.allowVideo && getValueOrDefault(this.props.allowsEditing, DEFAULT_ALLOWS_EDITING);\n  };\n\n  // NOTE: No longer used (replaced by openPhotos)\n  openCameraRoll = async () => {\n    if (!(await this.askPermissionsAsync())) return;\n\n    const result = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: this.isEditingEnabled(),\n      aspect: getValueOrDefault(this.props.aspect, DEFAULT_ASPECT),\n      exif: true,\n      base64: true,\n    });\n\n    if (!result.cancelled) this.handleImagePicked(result.uri);\n  };\n\n  // NOTE: No longer used (replaced by openPhotos)\n  openVideoRoll = async () => {\n    if (!(await this.askPermissionsAsync())) return;\n\n    const result = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Videos,\n      allowsEditing: this.isEditingEnabled(),\n    });\n\n    if (!result.cancelled) this.handleVideoPicked(result.uri);\n  };\n\n  openCamera = async () => {\n    if (!(await this.askPermissionsAsync())) return;\n\n    let editingAllowed = this.isEditingEnabled();\n    if (Platform.OS === 'ios') {\n      editingAllowed = getValueOrDefault(\n        this.props.allowsEditingIOSCamera,\n        getValueOrDefault(this.props.allowsEditing, DEFAULT_ALLOWS_IOS_CAMERA_EDITING),\n      );\n    }\n    const result = await ImagePicker.launchCameraAsync({\n      allowsEditing: editingAllowed,\n      aspect: getValueOrDefault(this.props.aspect, DEFAULT_ASPECT),\n      exif: getValueOrDefault(this.props.exif, DEFAULT_EXIF),\n    });\n\n    if (!result.cancelled) this.handleImagePicked(result.uri);\n  };\n\n  openVideoCamera = async () => {\n    if (!(await this.askPermissionsAsync())) return;\n\n    const result = await ImagePicker.launchCameraAsync({\n      allowsEditing: this.isEditingEnabled(),\n      mediaTypes: ImagePicker.MediaTypeOptions.Videos,\n    });\n\n    if (!result.cancelled) this.handleVideoPicked(result.uri);\n  };\n\n  openLibrary = async () => {\n    this.setState({\n      showUploadMenu: false,\n      showPhotos: true,\n      selected: [],\n      showRemote: true,\n      selectedAlbumId: '',\n    });\n  };\n\n  openPhotos = async () => {\n    if (!(await this.askPermissionsAsync())) return;\n\n    this.setState({\n      showUploadMenu: false,\n      showPhotos: true,\n      selected: [],\n      showRemote: false,\n      selectedAlbumId: '',\n    });\n  };\n\n  hidePhotos = () => {\n    this.setState({ showPhotos: false });\n  };\n\n  openCropper = () => {\n    this.setState({ showPhotos: false, showCropper: true });\n  };\n\n  toggleCropper = () => {\n    this.setState({ showCropper: !this.state.showCropper });\n  };\n\n  onSelectAlbum = () => {\n    this.setState({ showSelectAlbum: true });\n  };\n\n  onSelectAlbumClosed = () => {\n    this.setState({ showSelectAlbum: false });\n  };\n\n  onAlbumSelected = selectedAlbumId => {\n    this.setState({ showSelectAlbum: false, selectedAlbumId });\n  };\n\n  onSelectionChange = (selected, videoSelected, onAttach) => {\n    this.setState({\n      selected,\n      selectedType: videoSelected ? 'video' : 'image',\n      onAttach,\n    });\n  };\n\n  onSelected = async callback => {\n    if (this.isEditingEnabled()) {\n      this.openCropper();\n    } else {\n      const mediaSelected = await callback;\n      // console.log('mediaSelected', mediaSelected);\n      if (this.state.showRemote) {\n        if (this.props.onLibrarySelected) {\n          mediaSelected.map(media => {\n            this.props.onLibrarySelected(media.uri);\n          });\n        }\n      } else {\n        if (mediaSelected[0].mediaType === MediaLibrary.MediaType.video) {\n          this.handleVideoPicked(mediaSelected[0].localUri);\n        } else {\n          this.handleMultiImagePicked(mediaSelected);\n        }\n      }\n\n      this.hidePhotos();\n    }\n  };\n\n  onRemoveImage = uri => {\n    const selected = [...this.state.selected];\n    const deleteIndex = selected.indexOf(uri);\n    selected.splice(deleteIndex, 1);\n    this.setState({ selected });\n  };\n\n  buildOptions = () => {\n    const options = [\n      {\n        text: 'Take photo',\n        onPress: this.openCamera,\n      },\n    ];\n    if (this.props.allowVideo)\n      options.push({\n        text: 'Record video',\n        onPress: this.openVideoCamera,\n      });\n    options.push({\n      text: 'Camera Roll',\n      onPress: this.openPhotos,\n    });\n    if (!this.props.hideLibrary)\n      options.push({\n        text: 'Image Library',\n        onPress: this.openLibrary,\n      });\n\n    return options;\n  };\n\n  renderSelectionPreview() {\n    const { selected, showRemote } = this.state;\n\n    return (\n      <View>\n        <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.selectionPreviewContainer}>\n          {selected &&\n            selected.map(uri => {\n              const imageUri = showRemote ? getThumb300(uri) : uri;\n              return (\n                <View key={uri} style={styles.previewItemContainer}>\n                  <ImageBackground style={styles.previewItemImage} source={{ uri: imageUri }} />\n                  <TouchableOpacity style={styles.previewItemRemoveButton} onPress={() => this.onRemoveImage(uri)}>\n                    <View style={[styles.previewItemRemoveContainer, { backgroundColor: this.props.colourBrandingMain }]}>\n                      <Icon name=\"times\" type=\"font-awesome\" iconStyle={styles.previewItemRemoveIcon} />\n                    </View>\n                  </TouchableOpacity>\n                </View>\n              );\n            })}\n        </ScrollView>\n      </View>\n    );\n  }\n\n  renderSelectedAlbum() {\n    const { localAlbums, selectedAlbumId, showRemote } = this.state;\n    const selectedAlbum = (showRemote ? this.props.imageLibrary : localAlbums).find(album => album.id === selectedAlbumId);\n    const selectedAlbumText = selectedAlbum ? selectedAlbum.title : '';\n\n    return (\n      <TouchableOpacity onPress={this.onSelectAlbum}>\n        <View style={styles.selectAlbumButton}>\n          <Text style={styles.selectAlbumButtonText}>{selectedAlbumText}</Text>\n          <Icon name=\"angle-down\" type=\"font-awesome\" iconStyle={styles.selectAlbumButtonIcon} />\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSelectedComponent = selectedItemNumber => {\n    return (\n      <View style={styles.selectedItemContainer}>\n        <View style={[styles.selectedMarkerContainer, { backgroundColor: this.props.colourBrandingMain }]}>\n          {this.props.multiple ? (\n            <Text style={styles.selectedItemText}>{selectedItemNumber}</Text>\n          ) : (\n            <Icon name=\"check\" type=\"font-awesome\" iconStyle={styles.selectedItemIcon} />\n          )}\n        </View>\n      </View>\n    );\n  };\n\n  renderBrowser() {\n    const { selected, selectedAlbumId, showRemote } = this.state;\n    const { imagesLimit, multiple, allowVideo, imageLibrary } = this.props;\n    const width = (SCREEN_WIDTH - 10 * 2) / 4;\n\n    return (\n      <ImageBrowser\n        max={!multiple ? 1 : imagesLimit}\n        loadCount={30}\n        onChange={this.onSelectionChange}\n        renderSelectedComponent={this.renderSelectedComponent}\n        callback={this.onSelected}\n        selected={selected}\n        allowVideo={allowVideo}\n        style={styles.browserContainer}\n        itemStyle={styles.itemContainer}\n        itemWidth={width}\n        itemHeight={width}\n        album={selectedAlbumId}\n        remoteAlbums={showRemote ? imageLibrary : null}\n      />\n    );\n  }\n\n  renderAttachButton() {\n    const { selected, selectedType } = this.state;\n    const canAttach = selected.length > 0 && !_.isEmpty(selectedType);\n    const attachText = `Attach ${canAttach ? selected.length : ''} ${canAttach ? selectedType : ''}${selected.length > 1 ? 's' : ''}`;\n\n    return (\n      <View style={styles.buttonContainer}>\n        <InlineButton\n          color={canAttach ? this.props.colourBrandingMain : INACTIVE_BUTTON}\n          onPress={this.state.onAttach}\n          fillTouchable\n          large\n          disabled={!canAttach}\n        >\n          {attachText}\n        </InlineButton>\n      </View>\n    );\n  }\n\n  renderSelectAlbumPopup() {\n    const { showSelectAlbum, localAlbums, showRemote } = this.state;\n    if (!showSelectAlbum) return null;\n\n    return (\n      <Modal visible transparent animationType=\"slide\" onRequestClose={this.onSelectAlbumClosed}>\n        <View style={styles.selectAlbumModal}>\n          <View style={styles.selectAlbumContainer}>\n            <View style={styles.selectAlbumTitleContainer}>\n              <Text style={styles.selectAlbumTitle}>Select Album</Text>\n            </View>\n            <ScrollView>\n              {(showRemote ? this.props.imageLibrary : localAlbums).map((album, index) => {\n                return (\n                  <TouchableOpacity key={album.id} onPress={() => this.onAlbumSelected(album.id)}>\n                    <View style={[styles.albumOptionContainer, index === 0 && { borderTopWidth: 0 }]}>\n                      <Text style={styles.albumOptionText}>{album.title}</Text>\n                    </View>\n                  </TouchableOpacity>\n                );\n              })}\n            </ScrollView>\n            <TouchableOpacity onPress={this.onSelectAlbumClosed}>\n              <View style={[styles.albumOptionContainer, { marginHorizontal: 0 }]}>\n                <Text style={[styles.albumOptionText, { color: this.props.colourBrandingMain }]}>Cancel</Text>\n              </View>\n            </TouchableOpacity>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n\n  renderPhotos() {\n    return (\n      <Modal visible transparent animationType=\"slide\" onRequestClose={this.hidePhotos}>\n        <Header leftIcon=\"angle-left\" onPressLeft={this.hidePhotos} text={this.props.popupTitle || 'Attach image'} />\n        <View style={styles.contentContainer}>\n          {this.renderSelectionPreview()}\n          {this.renderSelectedAlbum()}\n          {this.renderBrowser()}\n        </View>\n        {this.renderAttachButton()}\n        {this.renderSelectAlbumPopup()}\n      </Modal>\n    );\n  }\n\n  render() {\n    const { warning, showUploadMenu, showPhotos, showCropper, selected } = this.state;\n\n    if (warning != null) {\n      return (\n        <Popup\n          title=\"Permissions missing\"\n          text={warning}\n          options={[\n            {\n              text: 'Go to settings',\n              action: this.goToPermissionSettings.bind(this),\n              bold: true,\n            },\n            {\n              text: 'Ignore',\n              action: this.closeWarningPopup.bind(this),\n            },\n          ]}\n        />\n      );\n    }\n\n    if (showUploadMenu) {\n      const options = this.buildOptions();\n      return <PopupMenu onClose={this.hideUploadMenu.bind(this)} options={options} title={this.props.popupTitle} cancelText=\"Cancel\" />;\n    }\n\n    if (showPhotos) return this.renderPhotos();\n\n    if (showCropper) {\n      return (\n        <ExpoImageManipulator\n          photo={{ uri: selected[0] }}\n          onToggleModal={this.toggleCropper}\n          isVisible={showCropper}\n          onPictureChoosed={data => {\n            this.handleImagePicked(data.uri);\n          }}\n        />\n      );\n    }\n\n    return null;\n  }\n}\n\nconst styles = StyleSheet.create({\n  contentContainer: {\n    flex: 1,\n    backgroundColor: BOXGREY,\n  },\n  browserContainer: {\n    padding: 10,\n  },\n  itemContainer: {\n    padding: 4,\n  },\n  selectedItemContainer: {\n    flex: 1,\n    backgroundColor: '#0008',\n  },\n  selectedMarkerContainer: {\n    position: 'absolute',\n    top: 6,\n    right: 6,\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  selectedItemText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    color: '#fff',\n    marginBottom: 1,\n  },\n  selectedItemIcon: {\n    fontSize: 12,\n    color: '#fff',\n    marginBottom: 1,\n  },\n  buttonContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 60,\n    paddingHorizontal: 14,\n    backgroundColor: '#fff',\n  },\n  selectAlbumButton: {\n    paddingTop: 13,\n    paddingHorizontal: 14,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  selectAlbumButtonText: {\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: TEXT_BLUEGREY,\n    marginRight: 6,\n  },\n  selectAlbumButtonIcon: {\n    fontSize: 20,\n    color: TEXT_BLUEGREY,\n  },\n  selectAlbumModal: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    backgroundColor: 'rgba(0,0,0,0.5)',\n    zIndex: 1000,\n  },\n  selectAlbumContainer: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    maxHeight: SCREEN_HEIGHT / 2,\n  },\n  selectAlbumTitleContainer: {\n    padding: 16,\n    borderColor: LINEGREY,\n    borderBottomWidth: 1,\n  },\n  selectAlbumTitle: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    textAlign: 'center',\n    color: TEXT_DARK,\n  },\n  albumOptionContainer: {\n    marginHorizontal: 16,\n    paddingVertical: 16,\n    borderColor: LINEGREY,\n    borderTopWidth: 1,\n  },\n  albumOptionText: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    textAlign: 'center',\n    color: TEXT_DARK,\n  },\n  selectionPreviewContainer: {\n    paddingTop: 14,\n    paddingRight: 2,\n    paddingLeft: 14,\n  },\n  previewItemContainer: {\n    marginRight: 12,\n  },\n  previewItemImage: {\n    width: 50,\n    height: 50,\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    overflow: 'hidden',\n  },\n  previewItemRemoveButton: {\n    position: 'absolute',\n    top: -8,\n    right: -8,\n  },\n  previewItemRemoveContainer: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: 10,\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderColor: '#fff',\n  },\n  previewItemRemoveIcon: {\n    fontSize: 10,\n    color: '#fff',\n    marginBottom: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, media } = state;\n  const imageLibrary = media.imageLibrary\n    .filter(folder => !folder.Public)\n    .map(album => {\n      return {\n        title: album.Name,\n        id: album.RowId || '',\n        images: album.RowId ? album.Images : media.stockImages,\n      };\n    });\n\n  return {\n    user,\n    imageLibrary,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, { stockImagesLoaded, imageLibraryLoaded }, null, { forwardRef: true })(ImageUploader);\n"]}

package/dist/module/components/InlineButton.js

@@ -0,0 +1,72 @@
+import React, { Component } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+
+class InlineButton extends Component {
+  renderContent() {
+    if (this.props.noText) {
+      return this.props.children;
+    }
+
+    return /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, (this.props.large || this.props.fullWidth) && styles.textLarge, this.props.textStyle],
+      numberOfLines: this.props.numberOfLines || 1
+    }, this.props.children);
+  }
+
+  renderExtra() {
+    if (this.props.extraContent) {
+      return this.props.extraContent;
+    }
+
+    return null;
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [(this.props.fillTouchable || this.props.fullWidth) && {
+        flexDirection: 'row'
+      }, this.props.fullWidth && {
+        flex: 1
+      }, this.props.disabled && this.props.disabledOpacity && {
+        opacity: 0.4
+      }, this.props.touchableStyle],
+      onPress: this.props.onPress,
+      disabled: this.props.disabled
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, (this.props.large || this.props.fullWidth) && styles.containerLarge, (this.props.fillTouchable || this.props.fullWidth) && {
+        flex: 1
+      }, this.props.border && {
+        borderColor: this.props.border,
+        borderWidth: 1
+      }, this.props.style, {
+        backgroundColor: this.props.color
+      }]
+    }, this.renderContent()), this.renderExtra());
+  }
+
+}
+
+const styles = {
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 16,
+    height: 28,
+    borderRadius: 4,
+    alignSelf: 'flex-start'
+  },
+  containerLarge: {
+    height: 36
+  },
+  text: {
+    color: '#fff',
+    fontFamily: 'sf-semibold',
+    fontSize: 14,
+    paddingBottom: 1
+  },
+  textLarge: {
+    fontSize: 15
+  }
+};
+export { InlineButton };
+//# sourceMappingURL=InlineButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InlineButton.js"],"names":["React","Component","View","Text","TouchableOpacity","InlineButton","renderContent","props","noText","children","styles","text","large","fullWidth","textLarge","textStyle","numberOfLines","renderExtra","extraContent","render","fillTouchable","flexDirection","flex","disabled","disabledOpacity","opacity","touchableStyle","onPress","container","containerLarge","border","borderColor","borderWidth","style","backgroundColor","color","alignItems","justifyContent","paddingHorizontal","height","borderRadius","alignSelf","fontFamily","fontSize","paddingBottom"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,gBAArB,QAA6C,cAA7C;;AAEA,MAAMC,YAAN,SAA2BJ,SAA3B,CAAqC;AACnCK,EAAAA,aAAa,GAAG;AACd,QAAI,KAAKC,KAAL,CAAWC,MAAf,EAAuB;AACrB,aAAO,KAAKD,KAAL,CAAWE,QAAlB;AACD;;AACD,wBACE,oBAAC,IAAD;AACE,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc,CAAC,KAAKJ,KAAL,CAAWK,KAAX,IAAoB,KAAKL,KAAL,CAAWM,SAAhC,KAA8CH,MAAM,CAACI,SAAnE,EAA8E,KAAKP,KAAL,CAAWQ,SAAzF,CADT;AAEE,MAAA,aAAa,EAAE,KAAKR,KAAL,CAAWS,aAAX,IAA4B;AAF7C,OAIG,KAAKT,KAAL,CAAWE,QAJd,CADF;AAQD;;AAEDQ,EAAAA,WAAW,GAAG;AACZ,QAAI,KAAKV,KAAL,CAAWW,YAAf,EAA6B;AAC3B,aAAO,KAAKX,KAAL,CAAWW,YAAlB;AACD;;AACD,WAAO,IAAP;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,gBAAD;AACE,MAAA,KAAK,EAAE,CACL,CAAC,KAAKZ,KAAL,CAAWa,aAAX,IAA4B,KAAKb,KAAL,CAAWM,SAAxC,KAAsD;AAAEQ,QAAAA,aAAa,EAAE;AAAjB,OADjD,EAEL,KAAKd,KAAL,CAAWM,SAAX,IAAwB;AAAES,QAAAA,IAAI,EAAE;AAAR,OAFnB,EAGL,KAAKf,KAAL,CAAWgB,QAAX,IAAuB,KAAKhB,KAAL,CAAWiB,eAAlC,IAAqD;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHhD,EAIL,KAAKlB,KAAL,CAAWmB,cAJN,CADT;AAOE,MAAA,OAAO,EAAE,KAAKnB,KAAL,CAAWoB,OAPtB;AAQE,MAAA,QAAQ,EAAE,KAAKpB,KAAL,CAAWgB;AARvB,oBAUE,oBAAC,IAAD;AACE,MAAA,KAAK,EAAE,CACLb,MAAM,CAACkB,SADF,EAEL,CAAC,KAAKrB,KAAL,CAAWK,KAAX,IAAoB,KAAKL,KAAL,CAAWM,SAAhC,KAA8CH,MAAM,CAACmB,cAFhD,EAGL,CAAC,KAAKtB,KAAL,CAAWa,aAAX,IAA4B,KAAKb,KAAL,CAAWM,SAAxC,KAAsD;AAAES,QAAAA,IAAI,EAAE;AAAR,OAHjD,EAIL,KAAKf,KAAL,CAAWuB,MAAX,IAAqB;AAAEC,QAAAA,WAAW,EAAE,KAAKxB,KAAL,CAAWuB,MAA1B;AAAkCE,QAAAA,WAAW,EAAE;AAA/C,OAJhB,EAKL,KAAKzB,KAAL,CAAW0B,KALN,EAML;AAAEC,QAAAA,eAAe,EAAE,KAAK3B,KAAL,CAAW4B;AAA9B,OANK;AADT,OAUG,KAAK7B,aAAL,EAVH,CAVF,EAsBG,KAAKW,WAAL,EAtBH,CADF;AA0BD;;AAjDkC;;AAoDrC,MAAMP,MAAM,GAAG;AACbkB,EAAAA,SAAS,EAAE;AACTQ,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,iBAAiB,EAAE,EAHV;AAITC,IAAAA,MAAM,EAAE,EAJC;AAKTC,IAAAA,YAAY,EAAE,CALL;AAMTC,IAAAA,SAAS,EAAE;AANF,GADE;AASbZ,EAAAA,cAAc,EAAE;AACdU,IAAAA,MAAM,EAAE;AADM,GATH;AAYb5B,EAAAA,IAAI,EAAE;AACJwB,IAAAA,KAAK,EAAE,MADH;AAEJO,IAAAA,UAAU,EAAE,aAFR;AAGJC,IAAAA,QAAQ,EAAE,EAHN;AAIJC,IAAAA,aAAa,EAAE;AAJX,GAZO;AAkBb9B,EAAAA,SAAS,EAAE;AACT6B,IAAAA,QAAQ,EAAE;AADD;AAlBE,CAAf;AAuBA,SAAStC,YAAT","sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableOpacity } from 'react-native';\n\nclass InlineButton extends Component {\n  renderContent() {\n    if (this.props.noText) {\n      return this.props.children;\n    }\n    return (\n      <Text\n        style={[styles.text, (this.props.large || this.props.fullWidth) && styles.textLarge, this.props.textStyle]}\n        numberOfLines={this.props.numberOfLines || 1}\n      >\n        {this.props.children}\n      </Text>\n    );\n  }\n\n  renderExtra() {\n    if (this.props.extraContent) {\n      return this.props.extraContent;\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <TouchableOpacity\n        style={[\n          (this.props.fillTouchable || this.props.fullWidth) && { flexDirection: 'row' },\n          this.props.fullWidth && { flex: 1 },\n          this.props.disabled && this.props.disabledOpacity && { opacity: 0.4 },\n          this.props.touchableStyle,\n        ]}\n        onPress={this.props.onPress}\n        disabled={this.props.disabled}\n      >\n        <View\n          style={[\n            styles.container,\n            (this.props.large || this.props.fullWidth) && styles.containerLarge,\n            (this.props.fillTouchable || this.props.fullWidth) && { flex: 1 },\n            this.props.border && { borderColor: this.props.border, borderWidth: 1 },\n            this.props.style,\n            { backgroundColor: this.props.color },\n          ]}\n        >\n          {this.renderContent()}\n        </View>\n        {this.renderExtra()}\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 16,\n    height: 28,\n    borderRadius: 4,\n    alignSelf: 'flex-start',\n  },\n  containerLarge: {\n    height: 36,\n  },\n  text: {\n    color: '#fff',\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    paddingBottom: 1,\n  },\n  textLarge: {\n    fontSize: 15,\n  },\n};\n\nexport { InlineButton };\n"]}

package/dist/module/components/Input.js

@@ -0,0 +1,164 @@
+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 { TextInput, View, Text, TouchableOpacity } from 'react-native';
+import { connect } from 'react-redux';
+import { COLOUR_TEAL, COLOUR_TANGERINE, TEXT_DARK, TEXT_LIGHT, TEXT_MID, getMainBrandingColourFromState, getDarkBrandingColourFromState } from '../colours';
+/*
+Class Breakdown ------ 
+    - label: Description tag above the text input
+    - value: Users input
+    - onChangeText: Sets parent state to users input -- example input: onChangeText={emailLogin => this.setState({ emailLogin })}
+    - placeholder: placeholder text when no user input
+    - secureTextEntry: used for password input -- hides on front end
+    - textColour: define color of user input
+    - keyboardType: changes device keyboard exmaples == 'email-address', 'phone-pad' 
+    - underlineColorAndroid: Android inputs have an underline.. define color here-- defaults to grey
+    - editable: locks user input.. use with loading states
+    - hasError: renders space for error feedback below input
+    - errorText: displays desired text within above view
+*/
+
+class Input extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      height: 'auto'
+    });
+  }
+
+  renderInputChage() {
+    if (this.props.toggleInput != null) {
+      return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        activeOpacity: 0.9,
+        onPress: this.props.toggleInput.bind(this)
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [{
+          fontFamily: 'sf-regular',
+          color: COLOUR_TEAL,
+          textAlign: 'right',
+          backgroundColor: 'transparent',
+          textDecorationLine: 'underline'
+        }, this.props.toggleInputStyle]
+      }, this.props.toggleInputText)));
+    }
+
+    return null;
+  }
+
+  renderLabel() {
+    if (this.props.label) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between'
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.labelStyle, this.props.labelStyle, this.props.hasLabelError && this.props.labelError && {
+          color: this.props.colourBrandingMain
+        }]
+      }, this.props.label), this.props.hasLabelError && /*#__PURE__*/React.createElement(View, {
+        style: [{
+          height: 5,
+          width: 5,
+          borderRadius: 3,
+          backgroundColor: COLOUR_TEAL,
+          alignSelf: 'center'
+        }, this.props.labelError && {
+          backgroundColor: this.props.colourBrandingMain
+        }]
+      }));
+    }
+
+    return null;
+  }
+
+  renderErrorField() {
+    if (this.props.hasError) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          justifyContent: 'center'
+        }, this.props.errorStyle && this.props.errorText !== ' ' && this.props.errorStyle]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.errorText]
+      }, this.props.errorText));
+    }
+
+    return null;
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.containerStyle, this.props.containerStyle]
+    }, this.renderLabel(), /*#__PURE__*/React.createElement(TextInput, {
+      secureTextEntry: this.props.secureTextEntry,
+      placeholder: this.props.placeholder,
+      placeholderTextColor: this.props.placeholderTextColor,
+      autoCorrect: this.props.autoCorrect != null ? this.props.autoCorrect : false,
+      multiline: this.props.multiline != null ? this.props.multiline : false,
+      autoGrow: this.props.autoGrow != null ? this.props.autoGrow : false,
+      style: [styles.inputStyle, {
+        textAlignVertical: this.props.autoGrow != null ? 'top' : 'center',
+        color: this.props.textColour,
+        borderBottomColor: this.props.borderBottomColour != null ? this.props.value.length > 0 || this.props.errorText !== ' ' || this.props.forceBottomBorder ? this.props.borderBottomColour : TEXT_MID : 'rgba(0,0,0,0)',
+        borderBottomWidth: this.props.borderBottomColour != null ? 1 : 0,
+        height: this.props.autoGrow != null ? Math.max(30, this.state.height) : 'auto'
+      }, this.props.textStyle],
+      value: this.props.value,
+      onChangeText: this.props.onChangeText,
+      keyboardType: this.props.keyboardType,
+      selectionColor: this.props.colourBrandingDark,
+      underlineColorAndroid: this.props.underlineColorAndroid != null ? this.props.underlineColorAndroid : 'rgba(0,0,0,0)',
+      editable: this.props.editable != null ? this.props.editable : true,
+      autoCapitalize: this.props.autoCapitalize != null ? this.props.autoCapitalize : 'sentences',
+      autoFocus: this.props.autoFocus,
+      onContentSizeChange: event => {
+        this.setState({
+          height: event.nativeEvent.contentSize.height
+        });
+      }
+    }), this.renderInputChage(), this.renderErrorField());
+  }
+
+}
+
+const styles = {
+  labelStyle: {
+    fontSize: 15,
+    backgroundColor: 'transparent',
+    fontFamily: 'sf-semibold',
+    color: TEXT_DARK
+  },
+  inputStyle: {
+    flex: 1,
+    marginBottom: 2,
+    paddingTop: 0,
+    fontSize: 18,
+    color: TEXT_DARK,
+    fontFamily: 'sf-regular',
+    borderBottomColor: TEXT_LIGHT
+  },
+  containerStyle: {
+    width: '100%',
+    flexDirection: 'column'
+  },
+  errorText: {
+    backgroundColor: 'transparent',
+    color: COLOUR_TANGERINE,
+    fontSize: 13,
+    fontFamily: 'sf-semibold',
+    marginTop: 0
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    colourBrandingDark: getDarkBrandingColourFromState(state)
+  };
+};
+
+const input = connect(mapStateToProps, {})(Input);
+export { input as Input };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Input.js"],"names":["React","Component","TextInput","View","Text","TouchableOpacity","connect","COLOUR_TEAL","COLOUR_TANGERINE","TEXT_DARK","TEXT_LIGHT","TEXT_MID","getMainBrandingColourFromState","getDarkBrandingColourFromState","Input","height","renderInputChage","props","toggleInput","bind","fontFamily","color","textAlign","backgroundColor","textDecorationLine","toggleInputStyle","toggleInputText","renderLabel","label","flexDirection","justifyContent","styles","labelStyle","hasLabelError","labelError","colourBrandingMain","width","borderRadius","alignSelf","renderErrorField","hasError","errorStyle","errorText","render","containerStyle","secureTextEntry","placeholder","placeholderTextColor","autoCorrect","multiline","autoGrow","inputStyle","textAlignVertical","textColour","borderBottomColor","borderBottomColour","value","length","forceBottomBorder","borderBottomWidth","Math","max","state","textStyle","onChangeText","keyboardType","colourBrandingDark","underlineColorAndroid","editable","autoCapitalize","autoFocus","event","setState","nativeEvent","contentSize","fontSize","flex","marginBottom","paddingTop","marginTop","mapStateToProps","input"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { TextInput, View, Text, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport {\n  COLOUR_TEAL,\n  COLOUR_TANGERINE,\n  TEXT_DARK,\n  TEXT_LIGHT,\n  TEXT_MID,\n  getMainBrandingColourFromState,\n  getDarkBrandingColourFromState,\n} from '../colours';\n\n/*\nClass Breakdown ------ \n    - label: Description tag above the text input\n    - value: Users input\n    - onChangeText: Sets parent state to users input -- example input: onChangeText={emailLogin => this.setState({ emailLogin })}\n    - placeholder: placeholder text when no user input\n    - secureTextEntry: used for password input -- hides on front end\n    - textColour: define color of user input\n    - keyboardType: changes device keyboard exmaples == 'email-address', 'phone-pad' \n    - underlineColorAndroid: Android inputs have an underline.. define color here-- defaults to grey\n    - editable: locks user input.. use with loading states\n    - hasError: renders space for error feedback below input\n    - errorText: displays desired text within above view\n*/\n\nclass Input extends Component {\n  state = {\n    height: 'auto',\n  };\n\n  renderInputChage() {\n    if (this.props.toggleInput != null) {\n      return (\n        <View>\n          <TouchableOpacity activeOpacity={0.9} onPress={this.props.toggleInput.bind(this)}>\n            <Text\n              style={[\n                {\n                  fontFamily: 'sf-regular',\n                  color: COLOUR_TEAL,\n                  textAlign: 'right',\n                  backgroundColor: 'transparent',\n                  textDecorationLine: 'underline',\n                },\n                this.props.toggleInputStyle,\n              ]}\n            >\n              {this.props.toggleInputText}\n            </Text>\n          </TouchableOpacity>\n        </View>\n      );\n    }\n    return null;\n  }\n\n  renderLabel() {\n    if (this.props.label) {\n      return (\n        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n          <Text\n            style={[\n              styles.labelStyle,\n              this.props.labelStyle,\n              this.props.hasLabelError && this.props.labelError && { color: this.props.colourBrandingMain },\n            ]}\n          >\n            {this.props.label}\n          </Text>\n          {this.props.hasLabelError && (\n            <View\n              style={[\n                {\n                  height: 5,\n                  width: 5,\n                  borderRadius: 3,\n                  backgroundColor: COLOUR_TEAL,\n                  alignSelf: 'center',\n                },\n                this.props.labelError && { backgroundColor: this.props.colourBrandingMain },\n              ]}\n            />\n          )}\n        </View>\n      );\n    }\n    return null;\n  }\n\n  renderErrorField() {\n    if (this.props.hasError) {\n      return (\n        <View style={[{ justifyContent: 'center' }, this.props.errorStyle && this.props.errorText !== ' ' && this.props.errorStyle]}>\n          <Text style={[styles.errorText]}>{this.props.errorText}</Text>\n        </View>\n      );\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <View style={[styles.containerStyle, this.props.containerStyle]}>\n        {this.renderLabel()}\n        <TextInput\n          secureTextEntry={this.props.secureTextEntry}\n          placeholder={this.props.placeholder}\n          placeholderTextColor={this.props.placeholderTextColor}\n          autoCorrect={this.props.autoCorrect != null ? this.props.autoCorrect : false}\n          multiline={this.props.multiline != null ? this.props.multiline : false}\n          autoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n          style={[\n            styles.inputStyle,\n            {\n              textAlignVertical: this.props.autoGrow != null ? 'top' : 'center',\n              color: this.props.textColour,\n              borderBottomColor:\n                this.props.borderBottomColour != null\n                  ? this.props.value.length > 0 || this.props.errorText !== ' ' || this.props.forceBottomBorder\n                    ? this.props.borderBottomColour\n                    : TEXT_MID\n                  : 'rgba(0,0,0,0)',\n              borderBottomWidth: this.props.borderBottomColour != null ? 1 : 0,\n              height: this.props.autoGrow != null ? Math.max(30, this.state.height) : 'auto',\n            },\n            this.props.textStyle,\n          ]}\n          value={this.props.value}\n          onChangeText={this.props.onChangeText}\n          keyboardType={this.props.keyboardType}\n          selectionColor={this.props.colourBrandingDark}\n          underlineColorAndroid={this.props.underlineColorAndroid != null ? this.props.underlineColorAndroid : 'rgba(0,0,0,0)'}\n          editable={this.props.editable != null ? this.props.editable : true}\n          autoCapitalize={this.props.autoCapitalize != null ? this.props.autoCapitalize : 'sentences'}\n          autoFocus={this.props.autoFocus}\n          onContentSizeChange={event => {\n            this.setState({ height: event.nativeEvent.contentSize.height });\n          }}\n        />\n        {this.renderInputChage()}\n        {this.renderErrorField()}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  labelStyle: {\n    fontSize: 15,\n    backgroundColor: 'transparent',\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARK,\n  },\n  inputStyle: {\n    flex: 1,\n    marginBottom: 2,\n    paddingTop: 0,\n    fontSize: 18,\n    color: TEXT_DARK,\n    fontFamily: 'sf-regular',\n    borderBottomColor: TEXT_LIGHT,\n  },\n  containerStyle: {\n    width: '100%',\n    flexDirection: 'column',\n  },\n  errorText: {\n    backgroundColor: 'transparent',\n    color: COLOUR_TANGERINE,\n    fontSize: 13,\n    fontFamily: 'sf-semibold',\n    marginTop: 0,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    colourBrandingDark: getDarkBrandingColourFromState(state),\n  };\n};\n\nconst input = connect(mapStateToProps, {})(Input);\nexport { input as Input };\n"]}

package/dist/module/components/LoadingCircles.js

@@ -0,0 +1,224 @@
+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 { View, Animated } from 'react-native';
+import { connect } from 'react-redux';
+import { getMainBrandingColourFromState } from '../colours';
+/* const arr = []
+for (var i = 0; i < 3; i++) {
+  arr.push(i);
+} */
+
+class LoadingCircles extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      animatedSize: new Animated.Value(1),
+      animatedOpacity: new Animated.Value(0),
+      animatedSize2: new Animated.Value(1),
+      animatedOpacity2: new Animated.Value(0),
+      animatedSize3: new Animated.Value(1),
+      animatedOpacity3: new Animated.Value(0),
+      animatedSize4: new Animated.Value(1),
+      animatedOpacity4: new Animated.Value(0),
+      animatedSize5: new Animated.Value(1),
+      animatedOpacity5: new Animated.Value(0)
+    });
+  }
+
+  /* constructor() {
+        super()
+        this.state.animatedSizes = [];
+        this.state.animatedOpacity = [];
+        arr.forEach((value) => {
+            this.state.animatedSizes[value] = new Animated.Value(1);
+            this.state.animatedOpacity[value] = new Animated.Value(0);
+        })
+    } */
+  componentDidMount() {
+    this.animate();
+    /* setTimeout(() => {
+            this.animate2();
+        }, 150);
+        setTimeout(() => {
+            this.animate3();
+        }, 300); */
+  }
+
+  animate() {
+    Animated.sequence([Animated.parallel([Animated.timing(this.state.animatedSize, {
+      toValue: 20,
+      duration: 900,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity, {
+      toValue: 1,
+      duration: 900,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize2, {
+      toValue: 20,
+      duration: 900,
+      delay: 150,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity2, {
+      toValue: 1,
+      duration: 900,
+      delay: 150,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize3, {
+      toValue: 20,
+      duration: 900,
+      delay: 300,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity3, {
+      toValue: 1,
+      duration: 900,
+      delay: 400,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize4, {
+      toValue: 20,
+      duration: 900,
+      delay: 450,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity4, {
+      toValue: 1,
+      duration: 900,
+      delay: 450,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize5, {
+      toValue: 20,
+      duration: 900,
+      delay: 600,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity5, {
+      toValue: 1,
+      duration: 900,
+      delay: 600,
+      useNativeDriver: false
+    })]), Animated.parallel([Animated.timing(this.state.animatedOpacity, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity2, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity3, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity4, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedOpacity5, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    })]), Animated.parallel([Animated.timing(this.state.animatedSize, {
+      toValue: 1,
+      duration: 1,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize2, {
+      toValue: 1,
+      duration: 1,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize3, {
+      toValue: 1,
+      duration: 1,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize4, {
+      toValue: 1,
+      duration: 1,
+      useNativeDriver: false
+    }), Animated.timing(this.state.animatedSize5, {
+      toValue: 1,
+      duration: 1,
+      useNativeDriver: false
+    })])]).start(() => {
+      this.animate();
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles.absolute]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.circle, {
+        borderColor: this.props.color || this.props.colourBrandingMain,
+        width: this.state.animatedSize,
+        height: this.state.animatedSize,
+        opacity: this.state.animatedOpacity
+      }]
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles.absolute]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.circle, {
+        borderColor: this.props.color || this.props.colourBrandingMain,
+        width: this.state.animatedSize2,
+        height: this.state.animatedSize2,
+        opacity: this.state.animatedOpacity2
+      }]
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles.absolute]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.circle, {
+        borderColor: this.props.color || this.props.colourBrandingMain,
+        width: this.state.animatedSize3,
+        height: this.state.animatedSize3,
+        opacity: this.state.animatedOpacity3
+      }]
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles.absolute]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.circle, {
+        borderColor: this.props.color || this.props.colourBrandingMain,
+        width: this.state.animatedSize4,
+        height: this.state.animatedSize4,
+        opacity: this.state.animatedOpacity4
+      }]
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles.absolute]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.circle, {
+        borderColor: this.props.color || this.props.colourBrandingMain,
+        width: this.state.animatedSize5,
+        height: this.state.animatedSize5,
+        opacity: this.state.animatedOpacity5
+      }]
+    })));
+  }
+
+}
+
+const styles = {
+  container: {
+    width: 30,
+    height: 30,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  circle: {
+    borderRadius: 15,
+    borderWidth: 1
+  },
+  absolute: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const loadingCircles = connect(mapStateToProps, {})(LoadingCircles);
+export { loadingCircles as LoadingCircles };
+//# sourceMappingURL=LoadingCircles.js.map