@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

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

@@ -0,0 +1 @@
+{"version":3,"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","_defineProperty","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","hideUploadMenu","resized","blob","imageToBlob","presignedUriRes","getPresignedUrl","last","split","type","onUploadStarted","onlySelectImage","onImageSelected","uploadResult","url","imagesSelected","imagesUploaded","map","image","getUploadUrl","userId","i","length","fileType","substring","lastIndexOf","_this$state$localAlbu","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","createElement","style","styles","selectedItemContainer","selectedMarkerContainer","backgroundColor","colourBrandingMain","selectedItemText","name","iconStyle","selectedItemIcon","warning","componentDidMount","loadRemoteAlbums","camera","roll","innerWarning","closeWarningPopup","goToPermissionSettings","openURL","renderSelectionPreview","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","selectionPreviewContainer","previewItemContainer","previewItemImage","source","previewItemRemoveButton","onRemoveImage","previewItemRemoveContainer","previewItemRemoveIcon","renderSelectedAlbum","selectedAlbum","imageLibrary","find","album","selectedAlbumText","onSelectAlbum","selectAlbumButton","selectAlbumButtonText","selectAlbumButtonIcon","renderBrowser","imagesLimit","max","loadCount","onChange","onSelectionChange","renderSelectedComponent","onSelected","browserContainer","itemStyle","itemContainer","itemWidth","itemHeight","remoteAlbums","renderAttachButton","canAttach","isEmpty","attachText","buttonContainer","color","fillTouchable","large","disabled","renderSelectAlbumPopup","visible","transparent","animationType","onRequestClose","onSelectAlbumClosed","selectAlbumModal","selectAlbumContainer","selectAlbumTitleContainer","selectAlbumTitle","index","onAlbumSelected","albumOptionContainer","borderTopWidth","albumOptionText","marginHorizontal","renderPhotos","leftIcon","onPressLeft","popupTitle","contentContainer","render","action","bind","bold","buildOptions","onClose","cancelText","photo","onToggleModal","toggleCropper","isVisible","onPictureChoosed","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"],"sources":["ImageUploader.js"],"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\n      this.hideUploadMenu();\n\n      const resized = await this.resizeImageAsync(imageUri);\n      const blob = await fileActions.imageToBlob(resized.uri);\n      const presignedUriRes = await fileActions.getPresignedUrl(_.last(resized.uri.split('/')), blob.type);\n      uploadUri = presignedUriRes.key;\n      this.props.onUploadStarted(uploadUri, imageUri);\n      if (this.props.onlySelectImage) {\n        this.props.onImageSelected(resized, fileName);\n        return;\n      }\n\n      const uploadResult = await fileActions.uploadUserMediaWithProgress(blob, presignedUriRes.url, progress => {\n        if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n      });\n\n      this.props.onUploadSuccess(Config.env.baseUploadsUrl + uploadUri, uploadUri);\n      console.log('upload success', Config.env.baseUploadsUrl + uploadUri);\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      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        const blob = await fileActions.imageToBlob(resized.uri);\n        if (this.props.onlySelectImage) {\n          this.props.onImageSelected(resized, fileName);\n          return;\n        }\n        const presignedUriRes = await fileActions.getPresignedUrl(_.last(resized.uri.split('/')), blob.type);\n        const uploadUri = presignedUriRes.key;\n        if (!this.props.onlySelectImage) this.props.onUploadStarted(uploadUri, imageUri);\n\n        const uploadResult = await fileActions.uploadUserMediaWithProgress(blob, presignedUriRes.url, progress => {\n          if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n        });\n\n        this.props.onUploadSuccess(Config.env.baseUploadsUrl + uploadUri, uploadUri);\n        console.log('upload success', Config.env.baseUploadsUrl + uploadUri);\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 = await fileActions.getPresignedUrl(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 false;\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          const uri = mediaSelected[0].localUri || mediaSelected[0].uri;\n          this.handleVideoPicked(uri);\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"],"mappings":"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"}

package/dist/module/components/InlineButton.js

@@ -0,0 +1,65 @@
+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,"names":["React","Component","View","Text","TouchableOpacity","InlineButton","renderContent","props","noText","children","createElement","style","styles","text","large","fullWidth","textLarge","textStyle","numberOfLines","renderExtra","extraContent","render","fillTouchable","flexDirection","flex","disabled","disabledOpacity","opacity","touchableStyle","onPress","container","containerLarge","border","borderColor","borderWidth","backgroundColor","color","alignItems","justifyContent","paddingHorizontal","height","borderRadius","alignSelf","fontFamily","fontSize","paddingBottom"],"sources":["InlineButton.js"],"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"],"mappings":"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"}

package/dist/module/components/Input.js

@@ -0,0 +1,154 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(...args) {
+    super(...args);
+    _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,"names":["React","Component","TextInput","View","Text","TouchableOpacity","connect","COLOUR_TEAL","COLOUR_TANGERINE","TEXT_DARK","TEXT_LIGHT","TEXT_MID","getMainBrandingColourFromState","getDarkBrandingColourFromState","Input","constructor","args","_defineProperty","height","renderInputChage","props","toggleInput","createElement","activeOpacity","onPress","bind","style","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","selectionColor","colourBrandingDark","underlineColorAndroid","editable","autoCapitalize","autoFocus","onContentSizeChange","event","setState","nativeEvent","contentSize","fontSize","flex","marginBottom","paddingTop","marginTop","mapStateToProps","input"],"sources":["Input.js"],"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"],"mappings":"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"}

package/dist/module/components/LoadingCircles.js

@@ -0,0 +1,220 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(...args) {
+    super(...args);
+    _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