@plusscommunities/pluss-core-app 6.1.7 → 6.1.8-auth.0

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

@@ -1 +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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","ignoreList":[]}
+{"version":3,"names":["React","Component","TextInput","View","TouchableOpacity","Text","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","maxFontSizeMultiplier","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, TouchableOpacity } from \"react-native\";\nimport { Text } from \".\";\nimport { connect } from \"react-redux\";\nimport {\n\tCOLOUR_TEAL,\n\tCOLOUR_TANGERINE,\n\tTEXT_DARK,\n\tTEXT_LIGHT,\n\tTEXT_MID,\n\tgetMainBrandingColourFromState,\n\tgetDarkBrandingColourFromState,\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\tstate = {\n\t\theight: \"auto\",\n\t};\n\n\trenderInputChage() {\n\t\tif (this.props.toggleInput != null) {\n\t\t\treturn (\n\t\t\t\t<View>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tactiveOpacity={0.9}\n\t\t\t\t\t\tonPress={this.props.toggleInput.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tfontFamily: \"sf-regular\",\n\t\t\t\t\t\t\t\t\tcolor: COLOUR_TEAL,\n\t\t\t\t\t\t\t\t\ttextAlign: \"right\",\n\t\t\t\t\t\t\t\t\tbackgroundColor: \"transparent\",\n\t\t\t\t\t\t\t\t\ttextDecorationLine: \"underline\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tthis.props.toggleInputStyle,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.toggleInputText}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderLabel() {\n\t\tif (this.props.label) {\n\t\t\treturn (\n\t\t\t\t<View style={{ flexDirection: \"row\", justifyContent: \"space-between\" }}>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.labelStyle,\n\t\t\t\t\t\t\tthis.props.labelStyle,\n\t\t\t\t\t\t\tthis.props.hasLabelError &&\n\t\t\t\t\t\t\t\tthis.props.labelError && {\n\t\t\t\t\t\t\t\t\tcolor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.label}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{this.props.hasLabelError && (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\theight: 5,\n\t\t\t\t\t\t\t\t\twidth: 5,\n\t\t\t\t\t\t\t\t\tborderRadius: 3,\n\t\t\t\t\t\t\t\t\tbackgroundColor: COLOUR_TEAL,\n\t\t\t\t\t\t\t\t\talignSelf: \"center\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tthis.props.labelError && {\n\t\t\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderErrorField() {\n\t\tif (this.props.hasError) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\t{ justifyContent: \"center\" },\n\t\t\t\t\t\tthis.props.errorStyle &&\n\t\t\t\t\t\t\tthis.props.errorText !== \" \" &&\n\t\t\t\t\t\t\tthis.props.errorStyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Text style={[styles.errorText]}>{this.props.errorText}</Text>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.containerStyle, this.props.containerStyle]}>\n\t\t\t\t{this.renderLabel()}\n\t\t\t\t<TextInput\n\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\tsecureTextEntry={this.props.secureTextEntry}\n\t\t\t\t\tplaceholder={this.props.placeholder}\n\t\t\t\t\tplaceholderTextColor={this.props.placeholderTextColor}\n\t\t\t\t\tautoCorrect={\n\t\t\t\t\t\tthis.props.autoCorrect != null ? this.props.autoCorrect : false\n\t\t\t\t\t}\n\t\t\t\t\tmultiline={\n\t\t\t\t\t\tthis.props.multiline != null ? this.props.multiline : false\n\t\t\t\t\t}\n\t\t\t\t\tautoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.inputStyle,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttextAlignVertical: this.props.autoGrow != null ? \"top\" : \"center\",\n\t\t\t\t\t\t\tcolor: this.props.textColour,\n\t\t\t\t\t\t\tborderBottomColor:\n\t\t\t\t\t\t\t\tthis.props.borderBottomColour != null\n\t\t\t\t\t\t\t\t\t? this.props.value.length > 0 ||\n\t\t\t\t\t\t\t\t\t\tthis.props.errorText !== \" \" ||\n\t\t\t\t\t\t\t\t\t\tthis.props.forceBottomBorder\n\t\t\t\t\t\t\t\t\t\t? this.props.borderBottomColour\n\t\t\t\t\t\t\t\t\t\t: TEXT_MID\n\t\t\t\t\t\t\t\t\t: \"rgba(0,0,0,0)\",\n\t\t\t\t\t\t\tborderBottomWidth: this.props.borderBottomColour != null ? 1 : 0,\n\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\tthis.props.autoGrow != null\n\t\t\t\t\t\t\t\t\t? Math.max(30, this.state.height)\n\t\t\t\t\t\t\t\t\t: \"auto\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t]}\n\t\t\t\t\tvalue={this.props.value}\n\t\t\t\t\tonChangeText={this.props.onChangeText}\n\t\t\t\t\tkeyboardType={this.props.keyboardType}\n\t\t\t\t\tselectionColor={this.props.colourBrandingDark}\n\t\t\t\t\tunderlineColorAndroid={\n\t\t\t\t\t\tthis.props.underlineColorAndroid != null\n\t\t\t\t\t\t\t? this.props.underlineColorAndroid\n\t\t\t\t\t\t\t: \"rgba(0,0,0,0)\"\n\t\t\t\t\t}\n\t\t\t\t\teditable={this.props.editable != null ? this.props.editable : true}\n\t\t\t\t\tautoCapitalize={\n\t\t\t\t\t\tthis.props.autoCapitalize != null\n\t\t\t\t\t\t\t? this.props.autoCapitalize\n\t\t\t\t\t\t\t: \"sentences\"\n\t\t\t\t\t}\n\t\t\t\t\tautoFocus={this.props.autoFocus}\n\t\t\t\t\tonContentSizeChange={(event) => {\n\t\t\t\t\t\tthis.setState({ height: event.nativeEvent.contentSize.height });\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.renderInputChage()}\n\t\t\t\t{this.renderErrorField()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tlabelStyle: {\n\t\tfontSize: 15,\n\t\tbackgroundColor: \"transparent\",\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tinputStyle: {\n\t\tflex: 1,\n\t\tmarginBottom: 2,\n\t\tpaddingTop: 0,\n\t\tfontSize: 18,\n\t\tcolor: TEXT_DARK,\n\t\tfontFamily: \"sf-regular\",\n\t\tborderBottomColor: TEXT_LIGHT,\n\t},\n\tcontainerStyle: {\n\t\twidth: \"100%\",\n\t\tflexDirection: \"column\",\n\t},\n\terrorText: {\n\t\tbackgroundColor: \"transparent\",\n\t\tcolor: COLOUR_TANGERINE,\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-semibold\",\n\t\tmarginTop: 0,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tcolourBrandingDark: getDarkBrandingColourFromState(state),\n\t};\n};\n\nconst input = connect(mapStateToProps, {})(Input);\nexport { input as Input };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/LoadingCircles.js

@@ -1,10 +1,10 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { View, Animated } from 'react-native';
-import { connect } from 'react-redux';
-import { getMainBrandingColourFromState } from '../colours';
+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++) {
@@ -28,23 +28,23 @@ class LoadingCircles extends Component {
     });
   }
   /* 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);
-        })
-    } */
+         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); */
+              this.animate2();
+          }, 150);
+          setTimeout(() => {
+              this.animate3();
+          }, 300); */
   }
   animate() {
     Animated.sequence([Animated.parallel([Animated.timing(this.state.animatedSize, {
@@ -194,15 +194,15 @@ const styles = {
   container: {
     width: 30,
     height: 30,
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   circle: {
     borderRadius: 15,
     borderWidth: 1
   },
   absolute: {
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     left: 0,
     right: 0,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Animated","connect","getMainBrandingColourFromState","LoadingCircles","constructor","args","_defineProperty","animatedSize","Value","animatedOpacity","animatedSize2","animatedOpacity2","animatedSize3","animatedOpacity3","animatedSize4","animatedOpacity4","animatedSize5","animatedOpacity5","componentDidMount","animate","sequence","parallel","timing","state","toValue","duration","useNativeDriver","delay","start","render","createElement","style","styles","container","absolute","circle","borderColor","props","color","colourBrandingMain","width","height","opacity","alignItems","justifyContent","borderRadius","borderWidth","position","top","left","right","bottom","mapStateToProps","loadingCircles"],"sources":["LoadingCircles.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Animated } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* const arr = []\nfor (var i = 0; i < 3; i++) {\n  arr.push(i);\n} */\n\nclass LoadingCircles extends Component {\n  state = {\n    animatedSize: new Animated.Value(1),\n    animatedOpacity: new Animated.Value(0),\n    animatedSize2: new Animated.Value(1),\n    animatedOpacity2: new Animated.Value(0),\n    animatedSize3: new Animated.Value(1),\n    animatedOpacity3: new Animated.Value(0),\n    animatedSize4: new Animated.Value(1),\n    animatedOpacity4: new Animated.Value(0),\n    animatedSize5: new Animated.Value(1),\n    animatedOpacity5: new Animated.Value(0),\n  };\n\n  /* constructor() {\n        super()\n        this.state.animatedSizes = [];\n        this.state.animatedOpacity = [];\n        arr.forEach((value) => {\n            this.state.animatedSizes[value] = new Animated.Value(1);\n            this.state.animatedOpacity[value] = new Animated.Value(0);\n        })\n    } */\n\n  componentDidMount() {\n    this.animate();\n    /* setTimeout(() => {\n            this.animate2();\n        }, 150);\n        setTimeout(() => {\n            this.animate3();\n        }, 300); */\n  }\n\n  animate() {\n    Animated.sequence([\n      Animated.parallel([\n        Animated.timing(this.state.animatedSize, {\n          toValue: 20,\n          duration: 900,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity, {\n          toValue: 1,\n          duration: 900,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize2, {\n          toValue: 20,\n          duration: 900,\n          delay: 150,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity2, {\n          toValue: 1,\n          duration: 900,\n          delay: 150,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize3, {\n          toValue: 20,\n          duration: 900,\n          delay: 300,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity3, {\n          toValue: 1,\n          duration: 900,\n          delay: 400,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize4, {\n          toValue: 20,\n          duration: 900,\n          delay: 450,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity4, {\n          toValue: 1,\n          duration: 900,\n          delay: 450,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize5, {\n          toValue: 20,\n          duration: 900,\n          delay: 600,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity5, {\n          toValue: 1,\n          duration: 900,\n          delay: 600,\n          useNativeDriver: false,\n        }),\n      ]),\n\n      Animated.parallel([\n        Animated.timing(this.state.animatedOpacity, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity2, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity3, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity4, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity5, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n      ]),\n\n      Animated.parallel([\n        Animated.timing(this.state.animatedSize, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize2, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize3, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize4, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize5, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n      ]),\n    ]).start(() => {\n      this.animate();\n    });\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize,\n                height: this.state.animatedSize,\n                opacity: this.state.animatedOpacity,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize2,\n                height: this.state.animatedSize2,\n                opacity: this.state.animatedOpacity2,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize3,\n                height: this.state.animatedSize3,\n                opacity: this.state.animatedOpacity3,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize4,\n                height: this.state.animatedSize4,\n                opacity: this.state.animatedOpacity4,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize5,\n                height: this.state.animatedSize5,\n                opacity: this.state.animatedOpacity5,\n              },\n            ]}\n          />\n        </View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    width: 30,\n    height: 30,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  circle: {\n    borderRadius: 15,\n    borderWidth: 1,\n  },\n  absolute: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst loadingCircles = connect(mapStateToProps, {})(LoadingCircles);\nexport { loadingCircles as LoadingCircles };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","Animated","connect","getMainBrandingColourFromState","LoadingCircles","constructor","args","_defineProperty","animatedSize","Value","animatedOpacity","animatedSize2","animatedOpacity2","animatedSize3","animatedOpacity3","animatedSize4","animatedOpacity4","animatedSize5","animatedOpacity5","componentDidMount","animate","sequence","parallel","timing","state","toValue","duration","useNativeDriver","delay","start","render","createElement","style","styles","container","absolute","circle","borderColor","props","color","colourBrandingMain","width","height","opacity","alignItems","justifyContent","borderRadius","borderWidth","position","top","left","right","bottom","mapStateToProps","loadingCircles"],"sources":["LoadingCircles.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, Animated } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport { getMainBrandingColourFromState } from \"../colours\";\n\n/* const arr = []\nfor (var i = 0; i < 3; i++) {\n  arr.push(i);\n} */\n\nclass LoadingCircles extends Component {\n\tstate = {\n\t\tanimatedSize: new Animated.Value(1),\n\t\tanimatedOpacity: new Animated.Value(0),\n\t\tanimatedSize2: new Animated.Value(1),\n\t\tanimatedOpacity2: new Animated.Value(0),\n\t\tanimatedSize3: new Animated.Value(1),\n\t\tanimatedOpacity3: new Animated.Value(0),\n\t\tanimatedSize4: new Animated.Value(1),\n\t\tanimatedOpacity4: new Animated.Value(0),\n\t\tanimatedSize5: new Animated.Value(1),\n\t\tanimatedOpacity5: new Animated.Value(0),\n\t};\n\n\t/* constructor() {\n        super()\n        this.state.animatedSizes = [];\n        this.state.animatedOpacity = [];\n        arr.forEach((value) => {\n            this.state.animatedSizes[value] = new Animated.Value(1);\n            this.state.animatedOpacity[value] = new Animated.Value(0);\n        })\n    } */\n\n\tcomponentDidMount() {\n\t\tthis.animate();\n\t\t/* setTimeout(() => {\n            this.animate2();\n        }, 150);\n        setTimeout(() => {\n            this.animate3();\n        }, 300); */\n\t}\n\n\tanimate() {\n\t\tAnimated.sequence([\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedSize, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize2, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 150,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity2, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 150,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize3, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 300,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity3, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 400,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize4, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 450,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity4, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 450,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize5, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 600,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity5, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 600,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity2, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity3, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity4, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity5, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedSize, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize2, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize3, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize4, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize5, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\t\t]).start(() => {\n\t\t\tthis.animate();\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize2,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize2,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity2,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize3,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize3,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity3,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize4,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize4,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity4,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize5,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize5,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity5,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\twidth: 30,\n\t\theight: 30,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tcircle: {\n\t\tborderRadius: 15,\n\t\tborderWidth: 1,\n\t},\n\tabsolute: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst loadingCircles = connect(mapStateToProps, {})(LoadingCircles);\nexport { loadingCircles as LoadingCircles };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/LoadingIndicator.js

@@ -1,12 +1,12 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { StyleSheet, Animated, Dimensions } from 'react-native';
-import { connect } from 'react-redux';
-import { getMainBrandingColourFromState } from '../colours';
+import React, { Component } from "react";
+import { StyleSheet, Animated, Dimensions } from "react-native";
+import { connect } from "react-redux";
+import { getMainBrandingColourFromState } from "../colours";
 const DEFAULT_HEIGHT = 4;
-const DEFAULT_WIDTH = Dimensions.get('window').width;
+const DEFAULT_WIDTH = Dimensions.get("window").width;
 class LoadingIndicator extends Component {
   constructor(props) {
     super(props);
@@ -62,15 +62,15 @@ class LoadingIndicator extends Component {
 }
 const styles = StyleSheet.create({
   container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    backgroundColor: '#fff',
-    width: '100%',
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    backgroundColor: "#fff",
+    width: "100%",
     height: 38
   },
   innerContainer: {
-    flexDirection: 'row'
+    flexDirection: "row"
   },
   line: {
     width: DEFAULT_WIDTH

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","StyleSheet","Animated","Dimensions","connect","getMainBrandingColourFromState","DEFAULT_HEIGHT","DEFAULT_WIDTH","get","width","LoadingIndicator","constructor","props","_defineProperty","sequence","timing","state","animatedLeft","toValue","duration","useNativeDriver","delay","start","animate","Value","animatedOpacity","height","componentDidMount","getSnapshotBeforeUpdate","prevProps","componentDidUpdate","visible","render","createElement","View","style","styles","container","opacity","onLayout","line","backgroundColor","colourBrandingMain","left","create","alignItems","justifyContent","overflow","innerContainer","flexDirection","mapStateToProps"],"sources":["LoadingIndicator.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { StyleSheet, Animated, Dimensions } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\nconst DEFAULT_HEIGHT = 4;\nconst DEFAULT_WIDTH = Dimensions.get('window').width;\n\nclass LoadingIndicator extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      animatedLeft: new Animated.Value(-DEFAULT_WIDTH),\n      animatedOpacity: new Animated.Value(0),\n    };\n    this.height = 0;\n  }\n\n  componentDidMount() {\n    this.animate();\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    return null;\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.visible !== this.props.visible) {\n      Animated.timing(this.state.animatedOpacity, {\n        toValue: this.props.visible ? 0.8 : 0,\n        duration: 300,\n        useNativeDriver: false,\n      }).start();\n    }\n  }\n\n  animate = () => {\n    Animated.sequence([\n      Animated.timing(this.state.animatedLeft, {\n        toValue: DEFAULT_WIDTH,\n        duration: 1500,\n        useNativeDriver: false,\n      }),\n      Animated.delay(500),\n      Animated.timing(this.state.animatedLeft, {\n        toValue: -DEFAULT_WIDTH,\n        duration: 1500,\n        useNativeDriver: false,\n      }),\n      Animated.delay(500),\n    ]).start(() => {\n      this.animate();\n    });\n  };\n\n  render() {\n    return (\n      <Animated.View\n        style={[styles.container, this.props.style, { height: DEFAULT_HEIGHT, opacity: this.state.animatedOpacity }]}\n        onLayout={this.onLayout}\n      >\n        <Animated.View\n          style={[styles.line, { backgroundColor: this.props.colourBrandingMain, left: this.state.animatedLeft, height: DEFAULT_HEIGHT }]}\n        />\n      </Animated.View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    backgroundColor: '#fff',\n    width: '100%',\n    height: 38,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  line: {\n    width: DEFAULT_WIDTH,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(LoadingIndicator);\n// export { loadingIndicator as Default };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","StyleSheet","Animated","Dimensions","connect","getMainBrandingColourFromState","DEFAULT_HEIGHT","DEFAULT_WIDTH","get","width","LoadingIndicator","constructor","props","_defineProperty","sequence","timing","state","animatedLeft","toValue","duration","useNativeDriver","delay","start","animate","Value","animatedOpacity","height","componentDidMount","getSnapshotBeforeUpdate","prevProps","componentDidUpdate","visible","render","createElement","View","style","styles","container","opacity","onLayout","line","backgroundColor","colourBrandingMain","left","create","alignItems","justifyContent","overflow","innerContainer","flexDirection","mapStateToProps"],"sources":["LoadingIndicator.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { StyleSheet, Animated, Dimensions } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport { getMainBrandingColourFromState } from \"../colours\";\n\nconst DEFAULT_HEIGHT = 4;\nconst DEFAULT_WIDTH = Dimensions.get(\"window\").width;\n\nclass LoadingIndicator extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tanimatedLeft: new Animated.Value(-DEFAULT_WIDTH),\n\t\t\tanimatedOpacity: new Animated.Value(0),\n\t\t};\n\t\tthis.height = 0;\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.animate();\n\t}\n\n\tgetSnapshotBeforeUpdate(prevProps) {\n\t\treturn null;\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (prevProps.visible !== this.props.visible) {\n\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\ttoValue: this.props.visible ? 0.8 : 0,\n\t\t\t\tduration: 300,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}).start();\n\t\t}\n\t}\n\n\tanimate = () => {\n\t\tAnimated.sequence([\n\t\t\tAnimated.timing(this.state.animatedLeft, {\n\t\t\t\ttoValue: DEFAULT_WIDTH,\n\t\t\t\tduration: 1500,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}),\n\t\t\tAnimated.delay(500),\n\t\t\tAnimated.timing(this.state.animatedLeft, {\n\t\t\t\ttoValue: -DEFAULT_WIDTH,\n\t\t\t\tduration: 1500,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}),\n\t\t\tAnimated.delay(500),\n\t\t]).start(() => {\n\t\t\tthis.animate();\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tthis.props.style,\n\t\t\t\t\t{ height: DEFAULT_HEIGHT, opacity: this.state.animatedOpacity },\n\t\t\t\t]}\n\t\t\t\tonLayout={this.onLayout}\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.line,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\tleft: this.state.animatedLeft,\n\t\t\t\t\t\t\theight: DEFAULT_HEIGHT,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</Animated.View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\toverflow: \"hidden\",\n\t\tbackgroundColor: \"#fff\",\n\t\twidth: \"100%\",\n\t\theight: 38,\n\t},\n\tinnerContainer: {\n\t\tflexDirection: \"row\",\n\t},\n\tline: {\n\t\twidth: DEFAULT_WIDTH,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, {})(LoadingIndicator);\n// export { loadingIndicator as Default };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/LoadingStateWidget.js

@@ -1,6 +1,6 @@
-import React, { PureComponent } from 'react';
-import { View, ScrollView, StyleSheet } from 'react-native';
-import { TEXT_BLUEGREY } from '../colours';
+import React, { PureComponent } from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { TEXT_BLUEGREY } from "../colours";
 class LoadingStateWidget extends PureComponent {
   renderPlaceHolder(opacity = 1) {
     return /*#__PURE__*/React.createElement(View, {
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
     paddingVertical: 5
   },
   titleText: {
-    fontFamily: 'qs-bold',
+    fontFamily: "qs-bold",
     fontSize: 16,
     color: TEXT_BLUEGREY
   },
@@ -38,7 +38,7 @@ const styles = StyleSheet.create({
     borderRadius: 4,
     width: 97,
     height: 98,
-    backgroundColor: '#e6ebef',
+    backgroundColor: "#e6ebef",
     marginRight: 16
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","ScrollView","StyleSheet","TEXT_BLUEGREY","LoadingStateWidget","renderPlaceHolder","opacity","createElement","style","styles","item","height","props","render","container","horizontal","itemContainer","create","borderRadius","paddingVertical","titleText","fontFamily","fontSize","color","marginTop","width","backgroundColor","marginRight"],"sources":["LoadingStateWidget.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, ScrollView, StyleSheet } from 'react-native';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass LoadingStateWidget extends PureComponent {\n  renderPlaceHolder(opacity = 1) {\n    return <View style={[styles.item, { opacity, height: this.props.height - 20 }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.height && { height: this.props.height }, this.props.style]}>\n        <ScrollView horizontal style={styles.itemContainer}>\n          {this.renderPlaceHolder(0.8)}\n          {this.renderPlaceHolder(0.6)}\n          {this.renderPlaceHolder(0.4)}\n          {this.renderPlaceHolder(0.2)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n  },\n  item: {\n    borderRadius: 4,\n    width: 97,\n    height: 98,\n    backgroundColor: '#e6ebef',\n    marginRight: 16,\n  },\n});\n\nexport default LoadingStateWidget;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,aAAa,QAAQ,YAAY;AAE1C,MAAMC,kBAAkB,SAASL,aAAa,CAAC;EAC7CM,iBAAiBA,CAACC,OAAO,GAAG,CAAC,EAAE;IAC7B,oBAAOR,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEJ,OAAO;QAAEK,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAM,GAAG;MAAG,CAAC;IAAE,CAAE,CAAC;EACpF;EAEAE,MAAMA,CAAA,EAAG;IACP,oBACEf,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAE,IAAI,CAACF,KAAK,CAACD,MAAM,IAAI;QAAEA,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD;MAAO,CAAC,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK;IAAE,gBACpGV,KAAA,CAAAS,aAAA,CAACN,UAAU;MAACc,UAAU;MAACP,KAAK,EAAEC,MAAM,CAACO;IAAc,GAChD,IAAI,CAACX,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CACjB,CACR,CAAC;EAEX;AACF;AAEA,MAAMI,MAAM,GAAGP,UAAU,CAACe,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB;EACT,CAAC;EACDa,aAAa,EAAE;IACbQ,SAAS,EAAE;EACb,CAAC;EACDd,IAAI,EAAE;IACJQ,YAAY,EAAE,CAAC;IACfO,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,EAAE;IACVe,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAevB,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","View","ScrollView","StyleSheet","TEXT_BLUEGREY","LoadingStateWidget","renderPlaceHolder","opacity","createElement","style","styles","item","height","props","render","container","horizontal","itemContainer","create","borderRadius","paddingVertical","titleText","fontFamily","fontSize","color","marginTop","width","backgroundColor","marginRight"],"sources":["LoadingStateWidget.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View, ScrollView, StyleSheet } from \"react-native\";\nimport { TEXT_BLUEGREY } from \"../colours\";\n\nclass LoadingStateWidget extends PureComponent {\n\trenderPlaceHolder(opacity = 1) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[styles.item, { opacity, height: this.props.height - 20 }]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tthis.props.height && { height: this.props.height },\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<ScrollView horizontal style={styles.itemContainer}>\n\t\t\t\t\t{this.renderPlaceHolder(0.8)}\n\t\t\t\t\t{this.renderPlaceHolder(0.6)}\n\t\t\t\t\t{this.renderPlaceHolder(0.4)}\n\t\t\t\t\t{this.renderPlaceHolder(0.2)}\n\t\t\t\t</ScrollView>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tborderRadius: 5,\n\t\tpaddingVertical: 5,\n\t},\n\ttitleText: {\n\t\tfontFamily: \"qs-bold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_BLUEGREY,\n\t},\n\titemContainer: {\n\t\tmarginTop: 20,\n\t},\n\titem: {\n\t\tborderRadius: 4,\n\t\twidth: 97,\n\t\theight: 98,\n\t\tbackgroundColor: \"#e6ebef\",\n\t\tmarginRight: 16,\n\t},\n});\n\nexport default LoadingStateWidget;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,aAAa,QAAQ,YAAY;AAE1C,MAAMC,kBAAkB,SAASL,aAAa,CAAC;EAC9CM,iBAAiBA,CAACC,OAAO,GAAG,CAAC,EAAE;IAC9B,oBACCR,KAAA,CAAAS,aAAA,CAACP,IAAI;MACJQ,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEJ,OAAO;QAAEK,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAM,GAAG;MAAG,CAAC;IAAE,CAClE,CAAC;EAEJ;EAEAE,MAAMA,CAAA,EAAG;IACR,oBACCf,KAAA,CAAAS,aAAA,CAACP,IAAI;MACJQ,KAAK,EAAE,CACNC,MAAM,CAACK,SAAS,EAChB,IAAI,CAACF,KAAK,CAACD,MAAM,IAAI;QAAEA,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD;MAAO,CAAC,EAClD,IAAI,CAACC,KAAK,CAACJ,KAAK;IACf,gBAEFV,KAAA,CAAAS,aAAA,CAACN,UAAU;MAACc,UAAU;MAACP,KAAK,EAAEC,MAAM,CAACO;IAAc,GACjD,IAAI,CAACX,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAChB,CACP,CAAC;EAET;AACD;AAEA,MAAMI,MAAM,GAAGP,UAAU,CAACe,MAAM,CAAC;EAChCH,SAAS,EAAE;IACVI,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EAClB,CAAC;EACDC,SAAS,EAAE;IACVC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB;EACR,CAAC;EACDa,aAAa,EAAE;IACdQ,SAAS,EAAE;EACZ,CAAC;EACDd,IAAI,EAAE;IACLQ,YAAY,EAAE,CAAC;IACfO,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,EAAE;IACVe,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE;EACd;AACD,CAAC,CAAC;AAEF,eAAevB,kBAAkB","ignoreList":[]}

package/dist/module/components/MediaPlayer.js

@@ -2,15 +2,15 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { View, StyleSheet, Dimensions } from 'react-native';
-import YoutubePlayer, { getYoutubeMeta } from 'react-native-youtube-iframe';
-import { Vimeo } from 'react-native-vimeo-iframe';
-import { WebView } from 'react-native-webview';
-import { Video } from 'expo-av';
-import { Spinner } from './Spinner';
-const SCREEN_HEIGHT = Dimensions.get('window').height;
-const SCREEN_WIDTH = Dimensions.get('window').width;
+import React, { Component } from "react";
+import { View, StyleSheet, Dimensions } from "react-native";
+import YoutubePlayer, { getYoutubeMeta } from "react-native-youtube-iframe";
+import { Vimeo } from "react-native-vimeo-iframe";
+import { WebView } from "react-native-webview";
+import { Video, ResizeMode } from "expo-av";
+import { Spinner } from "./Spinner";
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+const SCREEN_WIDTH = Dimensions.get("window").width;
 const EXPO_VIDEO_PROPS = {
   rate: 1,
   isMuted: false,
@@ -28,12 +28,12 @@ class MediaPlayer extends Component {
       if (this.checkStreamLoaded) clearInterval(this.checkStreamLoaded);
     });
     _defineProperty(this, "getYoutubeVideoId", url => {
-      url = url.replace(/(>|<)/gi, '').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
+      url = url.replace(/(>|<)/gi, "").split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
       if (url[2] !== undefined) {
         const ids = url[2].split(/[^0-9a-z_\-]/i);
         return ids[0];
       } else {
-        return '';
+        return "";
       }
     });
     _defineProperty(this, "getVimeoId", url => {
@@ -46,9 +46,9 @@ class MediaPlayer extends Component {
         source,
         useVideoPlayer
       } = this.props;
-      const isUrlLink = source && source.startsWith('http');
-      const isYoutube = source && (source.includes('youtube.com/watch?v=') || source.includes('youtu.be/'));
-      const isVimeo = source && source.includes('vimeo.com/');
+      const isUrlLink = source && source.startsWith("http");
+      const isYoutube = source && (source.includes("youtube.com/watch?v=") || source.includes("youtu.be/"));
+      const isVimeo = source && source.includes("vimeo.com/");
       let heightFactor = 0;
       if (isYoutube) {
         const metadata = await getYoutubeMeta(this.getYoutubeVideoId(source));
@@ -82,13 +82,13 @@ class MediaPlayer extends Component {
         } = this.state;
         try {
           if (playbackLoaded === false || playbackBuffering === true) {
-            console.log('Reloading started');
+            console.log("Reloading started");
             await this.videoPlayer.loadAsync({
               uri: this.getStreamPlaybackUrl(),
-              overrideFileExtensionAndroid: 'm3u8'
+              overrideFileExtensionAndroid: "m3u8"
             }, EXPO_VIDEO_PROPS, false);
           } else {
-            console.log('Already loaded - not reloading');
+            console.log("Already loaded - not reloading");
           }
           this.retryLoading = false;
         } catch {}
@@ -135,13 +135,13 @@ class MediaPlayer extends Component {
       }
     });
     _defineProperty(this, "onStreamLoadStart", () => {
-      console.log('Stream load started');
+      console.log("Stream load started");
       this.checkStreamLoaded = setInterval(() => {
         const {
           playbackLoaded
         } = this.state;
         if (playbackLoaded === false) {
-          console.log('Stream loading failed unexpectedly');
+          console.log("Stream loading failed unexpectedly");
           this.checkReloadStream(1000, true);
         } else {
           clearInterval(this.checkStreamLoaded);
@@ -152,7 +152,7 @@ class MediaPlayer extends Component {
       console.log(`Stream loaded - isLoaded:${status.isLoaded}, isBuffering:${status.isBuffering}, isPlaying:${status.isPlaying}`);
     });
     _defineProperty(this, "onStreamError", error => {
-      console.log('Stream error', error);
+      console.log("Stream error", error);
     });
     _defineProperty(this, "onStreamStatusUpdate", status => {
       this.setState({
@@ -187,7 +187,7 @@ class MediaPlayer extends Component {
       // console.log('onVideoPlayStatusUpdate', status);
     });
     _defineProperty(this, "onVideoPlayError", error => {
-      if (error && error.type === 'NonFatal') {
+      if (error && error.type === "NonFatal") {
         return;
       }
       // console.log('onVideoPlayError', error);
@@ -210,7 +210,7 @@ class MediaPlayer extends Component {
       volume: 50,
       playbackRate: 1,
       playerParams: {
-        cc_lang_pref: 'us',
+        cc_lang_pref: "us",
         showClosedCaptions: true
       }
     }));
@@ -234,7 +234,7 @@ class MediaPlayer extends Component {
       autoPlay: autoPlay,
       controls: true,
       speed: true,
-      time: '0m0s'
+      time: "0m0s"
     })));
     _defineProperty(this, "getWebviewPlayer", (embedUrl, width, height) => /*#__PURE__*/React.createElement(WebView, {
       startInLoadingState: true,
@@ -259,7 +259,7 @@ class MediaPlayer extends Component {
       }
     }, EXPO_VIDEO_PROPS, {
       shouldPlay: autoPlay,
-      resizeMode: Video.RESIZE_MODE_CONTAIN,
+      resizeMode: ResizeMode.CONTAIN,
       useNativeControls: true,
       style: {
         width,
@@ -356,7 +356,7 @@ class MediaPlayer extends Component {
     }
     if (!player && isUrlLink) {
       embedUrl = source;
-      console.log('getWebviewPlayer', embedUrl, width, height);
+      console.log("getWebviewPlayer", embedUrl, width, height);
       player = this.getWebviewPlayer(embedUrl, width, height);
     }
 
@@ -379,28 +379,28 @@ class MediaPlayer extends Component {
     }, player, showLoading && (!playbackLoaded || playbackBuffering) && /*#__PURE__*/React.createElement(View, {
       style: styles.loadingContainer
     }, /*#__PURE__*/React.createElement(Spinner, {
-      color: '#fff'
+      color: "#fff"
     })));
   }
 }
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#000',
-    alignItems: 'center',
-    justifyContent: 'center'
+    backgroundColor: "#000",
+    alignItems: "center",
+    justifyContent: "center"
   },
   webView: {
     flex: 1
   },
   loadingContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: 50,
     left: 0,
     right: 0,
     bottom: 50,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   }
 });
 export default MediaPlayer;