@plusscommunities/pluss-core-app 8.0.0 → 8.0.1-auth.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Animated","PanResponder","Image","StyleSheet","Icon","BOXGREY","TEXT_LIGHT","PositionedImage","constructor","props","_defineProperty","getSize","source","uri","imageWidth","imageHeight","newWidth","width","newHeight","height","setState","isVertical","showGuide","onPositionEnd","onDimensionAvailable","offset","state","actual","x","y","imagePosition","setValue","setTimeout","timing","animatedOpacity","toValue","duration","useNativeDriver","start","lastPos","ValueXY","addListener","value","imagePanResponder","create","onStartShouldSetPanResponder","startPos","onPositionStart","panning","onPanResponderMove","event","gesture","newPos","dy","dx","onPanResponderTerminationRequest","onPanResponderRelease","endPos","endY","limitY","endX","limitX","spring","onPanResponderTerminate","Value","componentDidMount","calculateDimensions","componentDidUpdate","prevProps","renderGrid","createElement","style","styles","gridContainer","gridHorizontal","gridVertical","renderGuide","guideContainer","opacity","guideIconContainer","flexDirection","name","type","iconStyle","guideIcon","guideIconDisabled","render","container","_extends","getLayout","panHandlers","overflow","backgroundColor","position","top","right","bottom","left","alignItems","justifyContent","color","fontSize","margin","borderBottomWidth","borderBottomColor","borderLeftWidth","borderLeftColor"],"sources":["PositionedImage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Animated, PanResponder, Image, StyleSheet } from 'react-native';\nimport { Icon } from '@rneui/themed';\nimport { BOXGREY, TEXT_LIGHT } from '../colours';\n\nclass PositionedImage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.lastPos = { x: 0, y: 0 };\n    this.imagePosition = new Animated.ValueXY(this.lastPos);\n    this.imagePosition.addListener(value => {\n      this.lastPos = value;\n    });\n    const imagePanResponder = PanResponder.create({\n      onStartShouldSetPanResponder: () => {\n        this.startPos = this.lastPos;\n        if (this.props.onPositionEnd) {\n          if (this.props.onPositionStart) this.props.onPositionStart();\n          this.setState({ panning: true });\n          return true;\n        }\n        return false;\n      },\n      onPanResponderMove: (event, gesture) => {\n        const newPos = this.state.isVertical ? { x: 0, y: this.startPos.y + gesture.dy } : { x: this.startPos.x + gesture.dx, y: 0 };\n        this.imagePosition.setValue(newPos);\n      },\n      onPanResponderTerminationRequest: (event, gesture) => true,\n      onPanResponderRelease: (event, gesture) => {\n        let endPos = { x: 0, y: 0 };\n        if (this.state.isVertical) {\n          const endY = this.startPos.y + gesture.dy;\n          const limitY = this.props.height - this.state.imageHeight;\n          if (endY > 0) {\n            // console.log('top reached', endY);\n            endPos = { x: 0, y: 0 };\n          } else if (endY < limitY) {\n            // console.log('bottom reached', endY, limitY);\n            endPos = { x: 0, y: limitY };\n          } else {\n            endPos = { x: 0, y: endY };\n          }\n        } else {\n          const endX = this.startPos.x + gesture.dx;\n          const limitX = this.props.width - this.state.imageWidth;\n          if (endX > 0) {\n            // console.log('left reached', endX);\n            endPos = { x: 0, y: 0 };\n          } else if (endX < limitX) {\n            // console.log('right reached', endX, limitX);\n            endPos = { x: limitX, y: 0 };\n          } else {\n            endPos = { x: endX, y: 0 };\n          }\n        }\n        Animated.spring(this.imagePosition, { toValue: endPos, useNativeDriver: false }).start();\n\n        if (this.props.onPositionEnd)\n          this.props.onPositionEnd({\n            x: endPos.x / this.state.imageWidth,\n            y: endPos.y / this.state.imageHeight,\n          });\n\n        this.setState({ panning: false });\n      },\n      onPanResponderTerminate: (event, gesture) => {\n        this.setState({ panning: false });\n      },\n    });\n\n    this.state = {\n      imageWidth: 0,\n      imageHeight: 0,\n      imagePanResponder,\n      isVertical: true,\n      showGuide: false,\n      animatedOpacity: new Animated.Value(1),\n      panning: false,\n    };\n  }\n\n  componentDidMount() {\n    this.calculateDimensions();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.source.uri !== this.props.source.uri) {\n      // console.log('componentDidUpdate', prevProps.source.uri, this.props.source.uri);\n      this.calculateDimensions();\n    }\n  }\n\n  calculateDimensions = () => {\n    Image.getSize(this.props.source.uri, (imageWidth, imageHeight) => {\n      // Default vertical positioning\n      const newWidth = this.props.width;\n      const newHeight = imageHeight * (this.props.width / imageWidth);\n\n      if (newHeight < this.props.height) {\n        // If vertical positioning isn't possible, enable horizontal positioning\n        this.setState(\n          {\n            imageWidth: imageWidth * (this.props.height / imageHeight),\n            imageHeight: this.props.height,\n            isVertical: false,\n            showGuide: this.props.onPositionEnd ? true : false,\n          },\n          this.onDimensionAvailable,\n        );\n      } else {\n        this.setState(\n          {\n            imageWidth: newWidth,\n            imageHeight: newHeight,\n            isVertical: true,\n            showGuide: this.props.onPositionEnd ? true : false,\n          },\n          this.onDimensionAvailable,\n        );\n      }\n    });\n  };\n\n  onDimensionAvailable = () => {\n    const { offset } = this.props;\n    const { imageWidth, imageHeight, isVertical } = this.state;\n\n    if (offset) {\n      // Apply percentage offset\n      const actual = {\n        x: offset.x * imageWidth,\n        y: offset.y * imageHeight,\n      };\n      this.imagePosition.setValue(actual);\n    } else {\n      // Centered by default\n      this.imagePosition.setValue({\n        x: isVertical ? 0 : -0.5 * imageWidth + 0.5 * this.props.width,\n        y: isVertical ? -0.5 * imageHeight + 0.5 * this.props.height : 0,\n      });\n    }\n\n    if (this.props.onPositionEnd) {\n      setTimeout(() => {\n        Animated.timing(this.state.animatedOpacity, {\n          toValue: 0,\n          duration: 900,\n          useNativeDriver: false,\n        }).start(() => {\n          this.setState({ showGuide: false });\n        });\n      }, 1000);\n    }\n  };\n\n  renderGrid() {\n    if (!this.state.panning) return null;\n    return (\n      <View style={styles.gridContainer}>\n        <View style={styles.gridHorizontal} />\n        <View style={styles.gridVertical} />\n      </View>\n    );\n  }\n\n  renderGuide() {\n    if (!this.state.showGuide) return null;\n    const { animatedOpacity, isVertical } = this.state;\n    return (\n      <Animated.View style={[styles.guideContainer, { opacity: animatedOpacity }]}>\n        <View style={[styles.guideIconContainer, { flexDirection: 'column' }]}>\n          <Icon name=\"arrow-up\" type=\"font-awesome\" iconStyle={[styles.guideIcon, !isVertical && styles.guideIconDisabled]} />\n          <Icon name=\"arrow-down\" type=\"font-awesome\" iconStyle={[styles.guideIcon, !isVertical && styles.guideIconDisabled]} />\n        </View>\n        <View style={[styles.guideIconContainer, { flexDirection: 'row' }]}>\n          <Icon name=\"arrow-left\" type=\"font-awesome\" iconStyle={[styles.guideIcon, isVertical && styles.guideIconDisabled]} />\n          <Icon name=\"arrow-right\" type=\"font-awesome\" iconStyle={[styles.guideIcon, isVertical && styles.guideIconDisabled]} />\n        </View>\n      </Animated.View>\n    );\n  }\n\n  render() {\n    const { imageWidth, imageHeight, imagePanResponder } = this.state;\n\n    return (\n      <View style={[styles.container, { width: this.props.width, height: this.props.height }, this.props.style]}>\n        <Animated.Image\n          source={this.props.source}\n          style={[{ width: imageWidth, height: imageHeight }, this.imagePosition.getLayout()]}\n          {...imagePanResponder.panHandlers}\n        />\n        {this.renderGrid()}\n        {this.renderGuide()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n    backgroundColor: BOXGREY,\n  },\n  guideContainer: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#0006',\n  },\n  guideIconContainer: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  guideIcon: {\n    color: '#fff',\n    fontSize: 50,\n    margin: 15,\n  },\n  guideIconDisabled: {\n    color: TEXT_LIGHT,\n  },\n  gridContainer: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n  },\n  gridHorizontal: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    height: '50%',\n    borderBottomWidth: 1,\n    borderBottomColor: BOXGREY,\n  },\n  gridVertical: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: '50%',\n    borderLeftWidth: 1,\n    borderLeftColor: BOXGREY,\n  },\n});\n\nexport default PositionedImage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","Animated","PanResponder","Image","StyleSheet","Icon","BOXGREY","TEXT_LIGHT","PositionedImage","constructor","props","_defineProperty","getSize","source","uri","imageWidth","imageHeight","newWidth","width","newHeight","height","setState","isVertical","showGuide","onPositionEnd","onDimensionAvailable","offset","state","actual","x","y","imagePosition","setValue","setTimeout","timing","animatedOpacity","toValue","duration","useNativeDriver","start","lastPos","ValueXY","addListener","value","imagePanResponder","create","onStartShouldSetPanResponder","startPos","onPositionStart","panning","onPanResponderMove","event","gesture","newPos","dy","dx","onPanResponderTerminationRequest","onPanResponderRelease","endPos","endY","limitY","endX","limitX","spring","onPanResponderTerminate","Value","componentDidMount","calculateDimensions","componentDidUpdate","prevProps","renderGrid","createElement","style","styles","gridContainer","gridHorizontal","gridVertical","renderGuide","guideContainer","opacity","guideIconContainer","flexDirection","name","type","iconStyle","guideIcon","guideIconDisabled","render","container","_extends","getLayout","panHandlers","overflow","backgroundColor","position","top","right","bottom","left","alignItems","justifyContent","color","fontSize","margin","borderBottomWidth","borderBottomColor","borderLeftWidth","borderLeftColor"],"sources":["PositionedImage.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, Animated, PanResponder, Image, StyleSheet } from \"react-native\";\nimport { Icon } from \"@rneui/themed\";\nimport { BOXGREY, TEXT_LIGHT } from \"../colours\";\n\nclass PositionedImage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.lastPos = { x: 0, y: 0 };\n\t\tthis.imagePosition = new Animated.ValueXY(this.lastPos);\n\t\tthis.imagePosition.addListener((value) => {\n\t\t\tthis.lastPos = value;\n\t\t});\n\t\tconst imagePanResponder = PanResponder.create({\n\t\t\tonStartShouldSetPanResponder: () => {\n\t\t\t\tthis.startPos = this.lastPos;\n\t\t\t\tif (this.props.onPositionEnd) {\n\t\t\t\t\tif (this.props.onPositionStart) this.props.onPositionStart();\n\t\t\t\t\tthis.setState({ panning: true });\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t\tonPanResponderMove: (event, gesture) => {\n\t\t\t\tconst newPos = this.state.isVertical\n\t\t\t\t\t? { x: 0, y: this.startPos.y + gesture.dy }\n\t\t\t\t\t: { x: this.startPos.x + gesture.dx, y: 0 };\n\t\t\t\tthis.imagePosition.setValue(newPos);\n\t\t\t},\n\t\t\tonPanResponderTerminationRequest: (event, gesture) => true,\n\t\t\tonPanResponderRelease: (event, gesture) => {\n\t\t\t\tlet endPos = { x: 0, y: 0 };\n\t\t\t\tif (this.state.isVertical) {\n\t\t\t\t\tconst endY = this.startPos.y + gesture.dy;\n\t\t\t\t\tconst limitY = this.props.height - this.state.imageHeight;\n\t\t\t\t\tif (endY > 0) {\n\t\t\t\t\t\t// console.log('top reached', endY);\n\t\t\t\t\t\tendPos = { x: 0, y: 0 };\n\t\t\t\t\t} else if (endY < limitY) {\n\t\t\t\t\t\t// console.log('bottom reached', endY, limitY);\n\t\t\t\t\t\tendPos = { x: 0, y: limitY };\n\t\t\t\t\t} else {\n\t\t\t\t\t\tendPos = { x: 0, y: endY };\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconst endX = this.startPos.x + gesture.dx;\n\t\t\t\t\tconst limitX = this.props.width - this.state.imageWidth;\n\t\t\t\t\tif (endX > 0) {\n\t\t\t\t\t\t// console.log('left reached', endX);\n\t\t\t\t\t\tendPos = { x: 0, y: 0 };\n\t\t\t\t\t} else if (endX < limitX) {\n\t\t\t\t\t\t// console.log('right reached', endX, limitX);\n\t\t\t\t\t\tendPos = { x: limitX, y: 0 };\n\t\t\t\t\t} else {\n\t\t\t\t\t\tendPos = { x: endX, y: 0 };\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tAnimated.spring(this.imagePosition, {\n\t\t\t\t\ttoValue: endPos,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}).start();\n\n\t\t\t\tif (this.props.onPositionEnd)\n\t\t\t\t\tthis.props.onPositionEnd({\n\t\t\t\t\t\tx: endPos.x / this.state.imageWidth,\n\t\t\t\t\t\ty: endPos.y / this.state.imageHeight,\n\t\t\t\t\t});\n\n\t\t\t\tthis.setState({ panning: false });\n\t\t\t},\n\t\t\tonPanResponderTerminate: (event, gesture) => {\n\t\t\t\tthis.setState({ panning: false });\n\t\t\t},\n\t\t});\n\n\t\tthis.state = {\n\t\t\timageWidth: 0,\n\t\t\timageHeight: 0,\n\t\t\timagePanResponder,\n\t\t\tisVertical: true,\n\t\t\tshowGuide: false,\n\t\t\tanimatedOpacity: new Animated.Value(1),\n\t\t\tpanning: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.calculateDimensions();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (prevProps.source.uri !== this.props.source.uri) {\n\t\t\t// console.log('componentDidUpdate', prevProps.source.uri, this.props.source.uri);\n\t\t\tthis.calculateDimensions();\n\t\t}\n\t}\n\n\tcalculateDimensions = () => {\n\t\tImage.getSize(this.props.source.uri, (imageWidth, imageHeight) => {\n\t\t\t// Default vertical positioning\n\t\t\tconst newWidth = this.props.width;\n\t\t\tconst newHeight = imageHeight * (this.props.width / imageWidth);\n\n\t\t\tif (newHeight < this.props.height) {\n\t\t\t\t// If vertical positioning isn't possible, enable horizontal positioning\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\timageWidth: imageWidth * (this.props.height / imageHeight),\n\t\t\t\t\t\timageHeight: this.props.height,\n\t\t\t\t\t\tisVertical: false,\n\t\t\t\t\t\tshowGuide: this.props.onPositionEnd ? true : false,\n\t\t\t\t\t},\n\t\t\t\t\tthis.onDimensionAvailable,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\timageWidth: newWidth,\n\t\t\t\t\t\timageHeight: newHeight,\n\t\t\t\t\t\tisVertical: true,\n\t\t\t\t\t\tshowGuide: this.props.onPositionEnd ? true : false,\n\t\t\t\t\t},\n\t\t\t\t\tthis.onDimensionAvailable,\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t};\n\n\tonDimensionAvailable = () => {\n\t\tconst { offset } = this.props;\n\t\tconst { imageWidth, imageHeight, isVertical } = this.state;\n\n\t\tif (offset) {\n\t\t\t// Apply percentage offset\n\t\t\tconst actual = {\n\t\t\t\tx: offset.x * imageWidth,\n\t\t\t\ty: offset.y * imageHeight,\n\t\t\t};\n\t\t\tthis.imagePosition.setValue(actual);\n\t\t} else {\n\t\t\t// Centered by default\n\t\t\tthis.imagePosition.setValue({\n\t\t\t\tx: isVertical ? 0 : -0.5 * imageWidth + 0.5 * this.props.width,\n\t\t\t\ty: isVertical ? -0.5 * imageHeight + 0.5 * this.props.height : 0,\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.onPositionEnd) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}).start(() => {\n\t\t\t\t\tthis.setState({ showGuide: false });\n\t\t\t\t});\n\t\t\t}, 1000);\n\t\t}\n\t};\n\n\trenderGrid() {\n\t\tif (!this.state.panning) return null;\n\t\treturn (\n\t\t\t<View style={styles.gridContainer}>\n\t\t\t\t<View style={styles.gridHorizontal} />\n\t\t\t\t<View style={styles.gridVertical} />\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderGuide() {\n\t\tif (!this.state.showGuide) return null;\n\t\tconst { animatedOpacity, isVertical } = this.state;\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={[styles.guideContainer, { opacity: animatedOpacity }]}\n\t\t\t>\n\t\t\t\t<View style={[styles.guideIconContainer, { flexDirection: \"column\" }]}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"arrow-up\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.guideIcon,\n\t\t\t\t\t\t\t!isVertical && styles.guideIconDisabled,\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"arrow-down\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.guideIcon,\n\t\t\t\t\t\t\t!isVertical && styles.guideIconDisabled,\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.guideIconContainer, { flexDirection: \"row\" }]}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"arrow-left\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.guideIcon,\n\t\t\t\t\t\t\tisVertical && styles.guideIconDisabled,\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"arrow-right\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.guideIcon,\n\t\t\t\t\t\t\tisVertical && styles.guideIconDisabled,\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</Animated.View>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { imageWidth, imageHeight, imagePanResponder } = this.state;\n\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\t{ width: this.props.width, 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<Animated.Image\n\t\t\t\t\tsource={this.props.source}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\t{ width: imageWidth, height: imageHeight },\n\t\t\t\t\t\tthis.imagePosition.getLayout(),\n\t\t\t\t\t]}\n\t\t\t\t\t{...imagePanResponder.panHandlers}\n\t\t\t\t/>\n\t\t\t\t{this.renderGrid()}\n\t\t\t\t{this.renderGuide()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\toverflow: \"hidden\",\n\t\tbackgroundColor: BOXGREY,\n\t},\n\tguideContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tbackgroundColor: \"#0006\",\n\t},\n\tguideIconContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tguideIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 50,\n\t\tmargin: 15,\n\t},\n\tguideIconDisabled: {\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tgridContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\tleft: 0,\n\t},\n\tgridHorizontal: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tleft: 0,\n\t\theight: \"50%\",\n\t\tborderBottomWidth: 1,\n\t\tborderBottomColor: BOXGREY,\n\t},\n\tgridVertical: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\twidth: \"50%\",\n\t\tborderLeftWidth: 1,\n\t\tborderLeftColor: BOXGREY,\n\t},\n});\n\nexport default PositionedImage;\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ProfilePic.js

@@ -1,9 +1,9 @@
-import React, { Component } from 'react';
-import { View, ImageBackground } from 'react-native';
-import { connect } from 'react-redux';
-import Config from '../config';
-import { Spinner } from './Spinner';
-import { LINEGREY, getMainBrandingColourFromState } from '../colours';
+import React, { Component } from "react";
+import { View, ImageBackground } from "react-native";
+import { connect } from "react-redux";
+import Config from "../config";
+import { Spinner } from "./Spinner";
+import { LINEGREY, getMainBrandingColourFromState } from "../colours";
 class ProfilePic extends Component {
   constructor(props) {
     super(props);
@@ -40,15 +40,15 @@ class ProfilePic extends Component {
     if (this.state.imageUploading) {
       return /*#__PURE__*/React.createElement(Spinner, {
         style: {
-          backgroundColor: 'white',
+          backgroundColor: "white",
           borderRadius: this.state.imageBorderRadius
         }
       });
     }
     let image = Config.env.defaultProfileImage;
     let isDefault = true;
-    if (this.state.image !== null && typeof this.state.image === 'string') {
-      if (this.state.image !== 'https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg' && this.state.image !== 'https://plusscdn.azureedge.net/uploads/23046-1/636675694526742825882defaultavatar.jpg' && this.state.image !== 'https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg' && this.state.image !== 'https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:e2dc6a8b-61e8-4a76-a7ea-b1a15a013b94/public/2b3df48c4394a03840e52db886/profilepic.jpg') {
+    if (this.state.image !== null && typeof this.state.image === "string") {
+      if (this.state.image !== "https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg" && this.state.image !== "https://plusscdn.azureedge.net/uploads/23046-1/636675694526742825882defaultavatar.jpg" && this.state.image !== "https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg" && this.state.image !== "https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:e2dc6a8b-61e8-4a76-a7ea-b1a15a013b94/public/2b3df48c4394a03840e52db886/profilepic.jpg") {
         image = {
           uri: this.state.image
         };
@@ -92,7 +92,7 @@ const styles = {
   },
   bordered: {
     borderWidth: 1,
-    borderColor: '#fff'
+    borderColor: "#fff"
   }
 };
 const mapStateToProps = state => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","ImageBackground","connect","Config","Spinner","LINEGREY","getMainBrandingColourFromState","ProfilePic","constructor","props","state","image","imageBorderRadius","imageUploading","backgroundFill","UNSAFE_componentWillMount","setState","env","defaultProfileImage","imageDiameterStyle","height","Diameter","width","ImageUploading","tinyChatDefault","UNSAFE_componentWillReceiveProps","nextProps","profPic","renderImage","createElement","style","backgroundColor","borderRadius","isDefault","uri","key","source","styles","profilePicImage","colourBrandingMain","imageStyle","children","render","profilePicOuter","bordered","id","zIndex","flex","borderWidth","borderColor","mapStateToProps","profilePic"],"sources":["ProfilePic.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, ImageBackground } from 'react-native';\nimport { connect } from 'react-redux';\nimport Config from '../config';\nimport { Spinner } from './Spinner';\nimport { LINEGREY, getMainBrandingColourFromState } from '../colours';\n\nclass ProfilePic extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      image: null,\n      imageBorderRadius: 18,\n      imageUploading: false,\n      backgroundFill: false,\n    };\n  }\n\n  UNSAFE_componentWillMount() {\n    this.setState({\n      image: this.props.ProfilePic != null ? this.props.ProfilePic : Config.env.defaultProfileImage,\n      imageDiameterStyle: {\n        height: this.props.Diameter != null ? this.props.Diameter : 35,\n        width: this.props.Diameter != null ? this.props.Diameter : 35,\n      },\n      imageBorderRadius: this.props.Diameter != null ? this.props.Diameter / 2 : 18,\n      imageUploading: this.props.ImageUploading,\n      backgroundFill: this.props.ProfilePic === Config.env.tinyChatDefault,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    let profPic = null;\n    if (nextProps.ProfilePic) {\n      profPic = nextProps.ProfilePic;\n    }\n\n    this.setState({\n      image: profPic,\n      imageUploading: nextProps.ImageUploading,\n    });\n  }\n\n  renderImage() {\n    if (this.state.imageUploading) {\n      return (\n        <Spinner\n          style={{\n            backgroundColor: 'white',\n            borderRadius: this.state.imageBorderRadius,\n          }}\n        />\n      );\n    }\n    let image = Config.env.defaultProfileImage;\n    let isDefault = true;\n    if (this.state.image !== null && typeof this.state.image === 'string') {\n      if (\n        this.state.image !== 'https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg' &&\n        this.state.image !== 'https://plusscdn.azureedge.net/uploads/23046-1/636675694526742825882defaultavatar.jpg' &&\n        this.state.image !== 'https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg' &&\n        this.state.image !==\n          'https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:e2dc6a8b-61e8-4a76-a7ea-b1a15a013b94/public/2b3df48c4394a03840e52db886/profilepic.jpg'\n      ) {\n        image = { uri: this.state.image };\n        isDefault = false;\n      }\n    }\n    return (\n      <ImageBackground\n        key=\"default\"\n        source={image}\n        style={[\n          styles.profilePicImage,\n          { borderRadius: this.state.imageBorderRadius },\n          (isDefault || this.state.backgroundFill) && { backgroundColor: this.props.colourBrandingMain },\n        ]}\n        imageStyle={{ borderRadius: this.state.imageBorderRadius }}\n      >\n        {this.props.children}\n      </ImageBackground>\n    );\n  }\n\n  render() {\n    return (\n      <View\n        style={[\n          styles.profilePicOuter,\n          this.state.imageDiameterStyle,\n          this.props.bordered && styles.bordered,\n          { borderRadius: this.state.imageBorderRadius },\n          this.props.style,\n        ]}\n        key={this.props.id}\n      >\n        {this.renderImage()}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  profilePicOuter: {\n    height: 35,\n    width: 35,\n    zIndex: 1,\n    backgroundColor: LINEGREY,\n    //  overflow: 'hidden'\n  },\n  profilePicImage: {\n    flex: 1,\n    height: null,\n    width: null,\n  },\n  bordered: {\n    borderWidth: 1,\n    borderColor: '#fff',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst profilePic = connect(mapStateToProps, {})(ProfilePic);\nexport { profilePic as ProfilePic };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","ImageBackground","connect","Config","Spinner","LINEGREY","getMainBrandingColourFromState","ProfilePic","constructor","props","state","image","imageBorderRadius","imageUploading","backgroundFill","UNSAFE_componentWillMount","setState","env","defaultProfileImage","imageDiameterStyle","height","Diameter","width","ImageUploading","tinyChatDefault","UNSAFE_componentWillReceiveProps","nextProps","profPic","renderImage","createElement","style","backgroundColor","borderRadius","isDefault","uri","key","source","styles","profilePicImage","colourBrandingMain","imageStyle","children","render","profilePicOuter","bordered","id","zIndex","flex","borderWidth","borderColor","mapStateToProps","profilePic"],"sources":["ProfilePic.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, ImageBackground } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport Config from \"../config\";\nimport { Spinner } from \"./Spinner\";\nimport { LINEGREY, getMainBrandingColourFromState } from \"../colours\";\n\nclass ProfilePic extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\timage: null,\n\t\t\timageBorderRadius: 18,\n\t\t\timageUploading: false,\n\t\t\tbackgroundFill: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.setState({\n\t\t\timage:\n\t\t\t\tthis.props.ProfilePic != null\n\t\t\t\t\t? this.props.ProfilePic\n\t\t\t\t\t: Config.env.defaultProfileImage,\n\t\t\timageDiameterStyle: {\n\t\t\t\theight: this.props.Diameter != null ? this.props.Diameter : 35,\n\t\t\t\twidth: this.props.Diameter != null ? this.props.Diameter : 35,\n\t\t\t},\n\t\t\timageBorderRadius:\n\t\t\t\tthis.props.Diameter != null ? this.props.Diameter / 2 : 18,\n\t\t\timageUploading: this.props.ImageUploading,\n\t\t\tbackgroundFill: this.props.ProfilePic === Config.env.tinyChatDefault,\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tlet profPic = null;\n\t\tif (nextProps.ProfilePic) {\n\t\t\tprofPic = nextProps.ProfilePic;\n\t\t}\n\n\t\tthis.setState({\n\t\t\timage: profPic,\n\t\t\timageUploading: nextProps.ImageUploading,\n\t\t});\n\t}\n\n\trenderImage() {\n\t\tif (this.state.imageUploading) {\n\t\t\treturn (\n\t\t\t\t<Spinner\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: \"white\",\n\t\t\t\t\t\tborderRadius: this.state.imageBorderRadius,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tlet image = Config.env.defaultProfileImage;\n\t\tlet isDefault = true;\n\t\tif (this.state.image !== null && typeof this.state.image === \"string\") {\n\t\t\tif (\n\t\t\t\tthis.state.image !==\n\t\t\t\t\t\"https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg\" &&\n\t\t\t\tthis.state.image !==\n\t\t\t\t\t\"https://plusscdn.azureedge.net/uploads/23046-1/636675694526742825882defaultavatar.jpg\" &&\n\t\t\t\tthis.state.image !==\n\t\t\t\t\t\"https://plusscdn.azureedge.net/uploads/687-1/63663744750845828739defaultavatar.jpg\" &&\n\t\t\t\tthis.state.image !==\n\t\t\t\t\t\"https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:e2dc6a8b-61e8-4a76-a7ea-b1a15a013b94/public/2b3df48c4394a03840e52db886/profilepic.jpg\"\n\t\t\t) {\n\t\t\t\timage = { uri: this.state.image };\n\t\t\t\tisDefault = false;\n\t\t\t}\n\t\t}\n\t\treturn (\n\t\t\t<ImageBackground\n\t\t\t\tkey=\"default\"\n\t\t\t\tsource={image}\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.profilePicImage,\n\t\t\t\t\t{ borderRadius: this.state.imageBorderRadius },\n\t\t\t\t\t(isDefault || this.state.backgroundFill) && {\n\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t\timageStyle={{ borderRadius: this.state.imageBorderRadius }}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</ImageBackground>\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.profilePicOuter,\n\t\t\t\t\tthis.state.imageDiameterStyle,\n\t\t\t\t\tthis.props.bordered && styles.bordered,\n\t\t\t\t\t{ borderRadius: this.state.imageBorderRadius },\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t\tkey={this.props.id}\n\t\t\t>\n\t\t\t\t{this.renderImage()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tprofilePicOuter: {\n\t\theight: 35,\n\t\twidth: 35,\n\t\tzIndex: 1,\n\t\tbackgroundColor: LINEGREY,\n\t\t//  overflow: 'hidden'\n\t},\n\tprofilePicImage: {\n\t\tflex: 1,\n\t\theight: null,\n\t\twidth: null,\n\t},\n\tbordered: {\n\t\tborderWidth: 1,\n\t\tborderColor: \"#fff\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst profilePic = connect(mapStateToProps, {})(ProfilePic);\nexport { profilePic as ProfilePic };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/RadioButton.js

@@ -1,7 +1,8 @@
-import React, { PureComponent } from 'react';
-import { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Text } from 'react-native';
-import { connect } from 'react-redux';
-import { getMainBrandingColourFromState, LINEGREY, TEXT_DARKEST } from '../colours';
+import React, { PureComponent } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet } from "react-native";
+import { connect } from "react-redux";
+import { getMainBrandingColourFromState, LINEGREY, TEXT_DARKEST } from "../colours";
 class RadioButton extends PureComponent {
   render() {
     const {
@@ -53,16 +54,16 @@ const styles = StyleSheet.create({
   container: {
     borderColor: LINEGREY,
     borderWidth: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center'
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center"
   },
   radioOption: {
-    flexDirection: 'row',
+    flexDirection: "row",
     marginRight: 26
   },
   radioOptionText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 14,
     color: TEXT_DARKEST
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","Text","connect","getMainBrandingColourFromState","LINEGREY","TEXT_DARKEST","RadioButton","render","size","isActive","value","onPress","colourBrandingMain","style","label","props","iconSize","innerSize","content","createElement","styles","container","width","height","borderRadius","backgroundColor","key","radioOption","hitSlop","top","left","bottom","right","radioOptionText","create","borderColor","borderWidth","alignItems","justifyContent","flexDirection","marginRight","fontFamily","fontSize","color","mapStateToProps","state","radioButton"],"sources":["RadioButton.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState, LINEGREY, TEXT_DARKEST } from '../colours';\n\nclass RadioButton extends PureComponent {\n  render() {\n    const { size, isActive, value, onPress, colourBrandingMain, style, label } = this.props;\n    const iconSize = size || 20;\n    const innerSize = iconSize - 8;\n\n    const content = (\n      <TouchableWithoutFeedback onPress={() => onPress(value)}>\n        <View style={[styles.container, { width: iconSize, height: iconSize, borderRadius: iconSize / 2 }, style]}>\n          {isActive && (\n            <View style={{ width: innerSize, height: innerSize, borderRadius: innerSize / 2, backgroundColor: colourBrandingMain }} />\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    );\n\n    if (label) {\n      return (\n        <TouchableOpacity\n          onPress={() => onPress(value)}\n          key={label}\n          style={styles.radioOption}\n          hitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n        >\n          {content}\n          <Text style={styles.radioOptionText}>{label}</Text>\n        </TouchableOpacity>\n      );\n    }\n\n    return content;\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderColor: LINEGREY,\n    borderWidth: 1,\n    backgroundColor: '#fff',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  radioOption: {\n    flexDirection: 'row',\n    marginRight: 26,\n  },\n  radioOptionText: {\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst radioButton = connect(mapStateToProps, {})(RadioButton);\nexport { radioButton as RadioButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,wBAAwB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACjG,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,8BAA8B,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,YAAY;AAEnF,MAAMC,WAAW,SAASV,aAAa,CAAC;EACtCW,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,OAAO;MAAEC,kBAAkB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IACvF,MAAMC,QAAQ,GAAGR,IAAI,IAAI,EAAE;IAC3B,MAAMS,SAAS,GAAGD,QAAQ,GAAG,CAAC;IAE9B,MAAME,OAAO,gBACXvB,KAAA,CAAAwB,aAAA,CAACpB,wBAAwB;MAACY,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK;IAAE,gBACtDf,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACgB,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAE;QAAEC,KAAK,EAAEN,QAAQ;QAAEO,MAAM,EAAEP,QAAQ;QAAEQ,YAAY,EAAER,QAAQ,GAAG;MAAE,CAAC,EAAEH,KAAK;IAAE,GACvGJ,QAAQ,iBACPd,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACgB,KAAK,EAAE;QAAES,KAAK,EAAEL,SAAS;QAAEM,MAAM,EAAEN,SAAS;QAAEO,YAAY,EAAEP,SAAS,GAAG,CAAC;QAAEQ,eAAe,EAAEb;MAAmB;IAAE,CAAE,CAEvH,CACkB,CAC3B;IAED,IAAIE,KAAK,EAAE;MACT,oBACEnB,KAAA,CAAAwB,aAAA,CAACrB,gBAAgB;QACfa,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK,CAAE;QAC9BgB,GAAG,EAAEZ,KAAM;QACXD,KAAK,EAAEO,MAAM,CAACO,WAAY;QAC1BC,OAAO,EAAE;UAAEC,GAAG,EAAE,CAAC;UAAEC,IAAI,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE;MAAE,GAEjDd,OAAO,eACRvB,KAAA,CAAAwB,aAAA,CAAClB,IAAI;QAACY,KAAK,EAAEO,MAAM,CAACa;MAAgB,GAAEnB,KAAY,CAClC,CAAC;IAEvB;IAEA,OAAOI,OAAO;EAChB;AACF;AAEA,MAAME,MAAM,GAAGpB,UAAU,CAACkC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,WAAW,EAAE/B,QAAQ;IACrBgC,WAAW,EAAE,CAAC;IACdX,eAAe,EAAE,MAAM;IACvBY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,WAAW,EAAE;IACXY,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEtC;EACT;AACF,CAAC,CAAC;AAEF,MAAMuC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLjC,kBAAkB,EAAET,8BAA8B,CAAC0C,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMC,WAAW,GAAG5C,OAAO,CAAC0C,eAAe,EAAE,CAAC,CAAC,CAAC,CAACtC,WAAW,CAAC;AAC7D,SAASwC,WAAW,IAAIxC,WAAW","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","Text","View","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","connect","getMainBrandingColourFromState","LINEGREY","TEXT_DARKEST","RadioButton","render","size","isActive","value","onPress","colourBrandingMain","style","label","props","iconSize","innerSize","content","createElement","styles","container","width","height","borderRadius","backgroundColor","key","radioOption","hitSlop","top","left","bottom","right","radioOptionText","create","borderColor","borderWidth","alignItems","justifyContent","flexDirection","marginRight","fontFamily","fontSize","color","mapStateToProps","state","radioButton"],"sources":["RadioButton.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tView,\n\tTouchableOpacity,\n\tTouchableWithoutFeedback,\n\tStyleSheet,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport {\n\tgetMainBrandingColourFromState,\n\tLINEGREY,\n\tTEXT_DARKEST,\n} from \"../colours\";\n\nclass RadioButton extends PureComponent {\n\trender() {\n\t\tconst { size, isActive, value, onPress, colourBrandingMain, style, label } =\n\t\t\tthis.props;\n\t\tconst iconSize = size || 20;\n\t\tconst innerSize = iconSize - 8;\n\n\t\tconst content = (\n\t\t\t<TouchableWithoutFeedback onPress={() => onPress(value)}>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.container,\n\t\t\t\t\t\t{ width: iconSize, height: iconSize, borderRadius: iconSize / 2 },\n\t\t\t\t\t\tstyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t{isActive && (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: innerSize,\n\t\t\t\t\t\t\t\theight: innerSize,\n\t\t\t\t\t\t\t\tborderRadius: innerSize / 2,\n\t\t\t\t\t\t\t\tbackgroundColor: colourBrandingMain,\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</TouchableWithoutFeedback>\n\t\t);\n\n\t\tif (label) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tonPress={() => onPress(value)}\n\t\t\t\t\tkey={label}\n\t\t\t\t\tstyle={styles.radioOption}\n\t\t\t\t\thitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t\t<Text style={styles.radioOptionText}>{label}</Text>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\n\t\treturn content;\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tborderColor: LINEGREY,\n\t\tborderWidth: 1,\n\t\tbackgroundColor: \"#fff\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tradioOption: {\n\t\tflexDirection: \"row\",\n\t\tmarginRight: 26,\n\t},\n\tradioOptionText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst radioButton = connect(mapStateToProps, {})(RadioButton);\nexport { radioButton as RadioButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,6CAA6C;AAClE,SACCC,IAAI,EACJC,gBAAgB,EAChBC,wBAAwB,EACxBC,UAAU,QACJ,cAAc;AACrB,SAASC,OAAO,QAAQ,aAAa;AACrC,SACCC,8BAA8B,EAC9BC,QAAQ,EACRC,YAAY,QACN,YAAY;AAEnB,MAAMC,WAAW,SAASV,aAAa,CAAC;EACvCW,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,OAAO;MAAEC,kBAAkB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GACzE,IAAI,CAACC,KAAK;IACX,MAAMC,QAAQ,GAAGR,IAAI,IAAI,EAAE;IAC3B,MAAMS,SAAS,GAAGD,QAAQ,GAAG,CAAC;IAE9B,MAAME,OAAO,gBACZvB,KAAA,CAAAwB,aAAA,CAACnB,wBAAwB;MAACW,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK;IAAE,gBACvDf,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MACJe,KAAK,EAAE,CACNO,MAAM,CAACC,SAAS,EAChB;QAAEC,KAAK,EAAEN,QAAQ;QAAEO,MAAM,EAAEP,QAAQ;QAAEQ,YAAY,EAAER,QAAQ,GAAG;MAAE,CAAC,EACjEH,KAAK;IACJ,GAEDJ,QAAQ,iBACRd,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MACJe,KAAK,EAAE;QACNS,KAAK,EAAEL,SAAS;QAChBM,MAAM,EAAEN,SAAS;QACjBO,YAAY,EAAEP,SAAS,GAAG,CAAC;QAC3BQ,eAAe,EAAEb;MAClB;IAAE,CACF,CAEG,CACmB,CAC1B;IAED,IAAIE,KAAK,EAAE;MACV,oBACCnB,KAAA,CAAAwB,aAAA,CAACpB,gBAAgB;QAChBY,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK,CAAE;QAC9BgB,GAAG,EAAEZ,KAAM;QACXD,KAAK,EAAEO,MAAM,CAACO,WAAY;QAC1BC,OAAO,EAAE;UAAEC,GAAG,EAAE,CAAC;UAAEC,IAAI,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE;MAAE,GAEjDd,OAAO,eACRvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;QAACgB,KAAK,EAAEO,MAAM,CAACa;MAAgB,GAAEnB,KAAY,CACjC,CAAC;IAErB;IAEA,OAAOI,OAAO;EACf;AACD;AAEA,MAAME,MAAM,GAAGnB,UAAU,CAACiC,MAAM,CAAC;EAChCb,SAAS,EAAE;IACVc,WAAW,EAAE/B,QAAQ;IACrBgC,WAAW,EAAE,CAAC;IACdX,eAAe,EAAE,MAAM;IACvBY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDX,WAAW,EAAE;IACZY,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE;EACd,CAAC;EACDP,eAAe,EAAE;IAChBQ,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEtC;EACR;AACD,CAAC,CAAC;AAEF,MAAMuC,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNjC,kBAAkB,EAAET,8BAA8B,CAAC0C,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAMC,WAAW,GAAG5C,OAAO,CAAC0C,eAAe,EAAE,CAAC,CAAC,CAAC,CAACtC,WAAW,CAAC;AAC7D,SAASwC,WAAW,IAAIxC,WAAW","ignoreList":[]}

package/dist/module/components/Reaction.js

@@ -1,13 +1,14 @@
 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, Text, Image, TouchableOpacity } from 'react-native';
-import { connect } from 'react-redux';
-import _ from 'lodash';
-import { getReactions, getShadowStyle } from '../helper';
-import { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from '../colours';
-import { reactionActions } from '../apis';
+import React, { Component } from "react";
+import { View, Image, TouchableOpacity } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import _ from "lodash";
+import { getReactions, getShadowStyle } from "../helper";
+import { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from "../colours";
+import { reactionActions } from "../apis";
 class Reaction extends Component {
   constructor(...args) {
     super(...args);
@@ -23,12 +24,12 @@ class Reaction extends Component {
   }
   getStyleType() {
     if (this.props.reactions[this.props.userId]) {
-      return 'ThisHL';
+      return "ThisHL";
     }
     if (this.props.anyHighlighted) {
-      return 'OtherHL';
+      return "OtherHL";
     }
-    return 'Default';
+    return "Default";
   }
   getTopReaction() {
     return _.maxBy(Object.keys(this.props.reactions), key => {
@@ -58,14 +59,14 @@ class Reaction extends Component {
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: styles.touchable,
       onPress: this.onPressReaction,
-      disabled: this.props.user.type === 'KIOSK'
+      disabled: this.props.user.type === "KIOSK"
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styles[`container${this.getStyleType()}`], this.props.style]
     }, /*#__PURE__*/React.createElement(Image, {
       style: [styles.image, this.props.imageStyle],
       source: this.props.reaction.icon
     }), /*#__PURE__*/React.createElement(Text, {
-      style: [styles.count, this.getStyleType() === 'ThisHL' && {
+      style: [styles.count, this.getStyleType() === "ThisHL" && {
         color: this.props.colourBrandingMain
       }, this.props.countStyle]
     }, Object.keys(this.props.reactions).length)));
@@ -82,8 +83,8 @@ const styles = {
     height: 30,
     borderRadius: 15,
     backgroundColor: BG_GREY,
-    flexDirection: 'row-reverse',
-    alignItems: 'center',
+    flexDirection: "row-reverse",
+    alignItems: "center",
     paddingHorizontal: 8
   },
   containerThisHL: {
@@ -95,13 +96,13 @@ const styles = {
   image: {
     width: 20,
     height: 20,
-    resizeMode: 'contain'
+    resizeMode: "contain"
   },
   count: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     color: TEXT_DARK,
     flex: 1,
-    textAlign: 'center',
+    textAlign: "center",
     fontSize: 16
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Text","Image","TouchableOpacity","connect","_","getReactions","getShadowStyle","BG_GREY","TEXT_DARK","getMainBrandingColourFromState","reactionActions","Reaction","constructor","args","_defineProperty","props","reactions","userId","add","entityId","entityType","reaction","key","site","onLike","remove","onUnlike","getStyleType","anyHighlighted","getTopReaction","maxBy","Object","keys","length","getIcon","topReaction","find","r","icon","render","topReactionOnly","createElement","style","styles","container","containerThisHL","image","imageStyle","source","count","countStyle","touchable","onPress","onPressReaction","disabled","user","type","color","colourBrandingMain","marginHorizontal","width","height","borderRadius","backgroundColor","flexDirection","alignItems","paddingHorizontal","containerOtherHL","opacity","resizeMode","fontFamily","flex","textAlign","fontSize","mapStateToProps","state"],"sources":["Reaction.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, Image, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { getReactions, getShadowStyle } from '../helper';\nimport { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { reactionActions } from '../apis';\n\nclass Reaction extends Component {\n  onPressReaction = () => {\n    if (!this.props.reactions[this.props.userId]) {\n      reactionActions.add(this.props.entityId, this.props.entityType, this.props.reaction.key, this.props.site);\n      this.props.onLike();\n    } else {\n      reactionActions.remove(this.props.entityId, this.props.entityType, this.props.reaction.key);\n      this.props.onUnlike();\n    }\n  };\n\n  getStyleType() {\n    if (this.props.reactions[this.props.userId]) {\n      return 'ThisHL';\n    }\n    if (this.props.anyHighlighted) {\n      return 'OtherHL';\n    }\n    return 'Default';\n  }\n\n  getTopReaction() {\n    return _.maxBy(Object.keys(this.props.reactions), key => {\n      return Object.keys(this.props.reactions[key]).length;\n    });\n  }\n\n  getIcon(topReaction) {\n    return _.find(getReactions(), r => {\n      return r.key === topReaction;\n    }).icon;\n  }\n\n  render() {\n    if (this.props.topReactionOnly) {\n      const topReaction = this.getTopReaction();\n      if (!topReaction) {\n        return null;\n      }\n      return (\n        <View style={[styles.container, styles.containerThisHL, this.props.style]}>\n          <Image style={[styles.image, this.props.imageStyle]} source={this.getIcon(topReaction)} />\n          <Text style={[styles.count, this.props.countStyle]}>{Object.keys(this.props.reactions[topReaction]).length}</Text>\n        </View>\n      );\n    }\n    return (\n      <TouchableOpacity style={styles.touchable} onPress={this.onPressReaction} disabled={this.props.user.type === 'KIOSK'}>\n        <View style={[styles.container, styles[`container${this.getStyleType()}`], this.props.style]}>\n          <Image style={[styles.image, this.props.imageStyle]} source={this.props.reaction.icon} />\n          <Text style={[styles.count, this.getStyleType() === 'ThisHL' && { color: this.props.colourBrandingMain }, this.props.countStyle]}>\n            {Object.keys(this.props.reactions).length}\n          </Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  touchable: {\n    marginHorizontal: 4,\n    width: 60,\n    height: 30,\n  },\n  container: {\n    width: 60,\n    height: 30,\n    borderRadius: 15,\n    backgroundColor: BG_GREY,\n    flexDirection: 'row-reverse',\n    alignItems: 'center',\n    paddingHorizontal: 8,\n  },\n  containerThisHL: {\n    ...getShadowStyle(),\n  },\n  containerOtherHL: {\n    opacity: 0.5,\n  },\n  image: {\n    width: 20,\n    height: 20,\n    resizeMode: 'contain',\n  },\n  count: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    flex: 1,\n    textAlign: 'center',\n    fontSize: 16,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    user: state.user,\n  };\n};\n\nconst reaction = connect(mapStateToProps, {})(Reaction);\nexport { reaction as Reaction };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","Image","TouchableOpacity","Text","connect","_","getReactions","getShadowStyle","BG_GREY","TEXT_DARK","getMainBrandingColourFromState","reactionActions","Reaction","constructor","args","_defineProperty","props","reactions","userId","add","entityId","entityType","reaction","key","site","onLike","remove","onUnlike","getStyleType","anyHighlighted","getTopReaction","maxBy","Object","keys","length","getIcon","topReaction","find","r","icon","render","topReactionOnly","createElement","style","styles","container","containerThisHL","image","imageStyle","source","count","countStyle","touchable","onPress","onPressReaction","disabled","user","type","color","colourBrandingMain","marginHorizontal","width","height","borderRadius","backgroundColor","flexDirection","alignItems","paddingHorizontal","containerOtherHL","opacity","resizeMode","fontFamily","flex","textAlign","fontSize","mapStateToProps","state"],"sources":["Reaction.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, Image, TouchableOpacity } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { getReactions, getShadowStyle } from \"../helper\";\nimport { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from \"../colours\";\nimport { reactionActions } from \"../apis\";\n\nclass Reaction extends Component {\n\tonPressReaction = () => {\n\t\tif (!this.props.reactions[this.props.userId]) {\n\t\t\treactionActions.add(\n\t\t\t\tthis.props.entityId,\n\t\t\t\tthis.props.entityType,\n\t\t\t\tthis.props.reaction.key,\n\t\t\t\tthis.props.site,\n\t\t\t);\n\t\t\tthis.props.onLike();\n\t\t} else {\n\t\t\treactionActions.remove(\n\t\t\t\tthis.props.entityId,\n\t\t\t\tthis.props.entityType,\n\t\t\t\tthis.props.reaction.key,\n\t\t\t);\n\t\t\tthis.props.onUnlike();\n\t\t}\n\t};\n\n\tgetStyleType() {\n\t\tif (this.props.reactions[this.props.userId]) {\n\t\t\treturn \"ThisHL\";\n\t\t}\n\t\tif (this.props.anyHighlighted) {\n\t\t\treturn \"OtherHL\";\n\t\t}\n\t\treturn \"Default\";\n\t}\n\n\tgetTopReaction() {\n\t\treturn _.maxBy(Object.keys(this.props.reactions), (key) => {\n\t\t\treturn Object.keys(this.props.reactions[key]).length;\n\t\t});\n\t}\n\n\tgetIcon(topReaction) {\n\t\treturn _.find(getReactions(), (r) => {\n\t\t\treturn r.key === topReaction;\n\t\t}).icon;\n\t}\n\n\trender() {\n\t\tif (this.props.topReactionOnly) {\n\t\t\tconst topReaction = this.getTopReaction();\n\t\t\tif (!topReaction) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[styles.container, styles.containerThisHL, this.props.style]}\n\t\t\t\t>\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={[styles.image, this.props.imageStyle]}\n\t\t\t\t\t\tsource={this.getIcon(topReaction)}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={[styles.count, this.props.countStyle]}>\n\t\t\t\t\t\t{Object.keys(this.props.reactions[topReaction]).length}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={styles.touchable}\n\t\t\t\tonPress={this.onPressReaction}\n\t\t\t\tdisabled={this.props.user.type === \"KIOSK\"}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.container,\n\t\t\t\t\t\tstyles[`container${this.getStyleType()}`],\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={[styles.image, this.props.imageStyle]}\n\t\t\t\t\t\tsource={this.props.reaction.icon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.count,\n\t\t\t\t\t\t\tthis.getStyleType() === \"ThisHL\" && {\n\t\t\t\t\t\t\t\tcolor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tthis.props.countStyle,\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{Object.keys(this.props.reactions).length}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst styles = {\n\ttouchable: {\n\t\tmarginHorizontal: 4,\n\t\twidth: 60,\n\t\theight: 30,\n\t},\n\tcontainer: {\n\t\twidth: 60,\n\t\theight: 30,\n\t\tborderRadius: 15,\n\t\tbackgroundColor: BG_GREY,\n\t\tflexDirection: \"row-reverse\",\n\t\talignItems: \"center\",\n\t\tpaddingHorizontal: 8,\n\t},\n\tcontainerThisHL: {\n\t\t...getShadowStyle(),\n\t},\n\tcontainerOtherHL: {\n\t\topacity: 0.5,\n\t},\n\timage: {\n\t\twidth: 20,\n\t\theight: 20,\n\t\tresizeMode: \"contain\",\n\t},\n\tcount: {\n\t\tfontFamily: \"sf-medium\",\n\t\tcolor: TEXT_DARK,\n\t\tflex: 1,\n\t\ttextAlign: \"center\",\n\t\tfontSize: 16,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tuser: state.user,\n\t};\n};\n\nconst reaction = connect(mapStateToProps, {})(Reaction);\nexport { reaction as Reaction };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Reactions.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 } from 'react-native';
-import { getReactions, getUserPreview } from '../helper';
-import { Reaction } from './Reaction';
+import React, { Component } from "react";
+import { View } from "react-native";
+import { getReactions, getUserPreview } from "../helper";
+import { Reaction } from "./Reaction";
 class Reactions extends Component {
   constructor(...args) {
     super(...args);
@@ -62,9 +62,9 @@ class Reactions extends Component {
 }
 const styles = {
   container: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    width: '100%'
+    flexDirection: "row",
+    justifyContent: "center",
+    width: "100%"
   }
 };
 export { Reactions };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","getReactions","getUserPreview","Reaction","Reactions","constructor","args","_defineProperty","reactions","getReaction","key","props","entity","onLike","user","uid","onUpdateReactions","onUnlike","render","createElement","style","styles","container","state","map","r","i","reaction","entityType","entityId","anyHighlighted","userId","bind","site","flexDirection","justifyContent","width"],"sources":["Reactions.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View } from 'react-native';\nimport { getReactions, getUserPreview } from '../helper';\nimport { Reaction } from './Reaction';\n\nclass Reactions extends Component {\n  state = {\n    reactions: getReactions(),\n  };\n\n  getReaction(key) {\n    if (!this.props.entity) {\n      return {};\n    }\n    if (!this.props.entity.Reactions) {\n      this.props.entity.Reactions = {};\n    }\n    return this.props.entity.Reactions[key] || {};\n  }\n\n  onLike(key) {\n    if (!this.props.entity.Reactions) {\n      this.props.entity.Reactions = {};\n    }\n    if (!this.props.entity.Reactions[key]) {\n      this.props.entity.Reactions[key] = {};\n    }\n    this.props.entity.Reactions[key][this.props.user.uid] = getUserPreview(this.props.user);\n    this.props.onUpdateReactions();\n  }\n\n  onUnlike(key) {\n    if (!this.props.entity.Reactions) {\n      return;\n    }\n    if (!this.props.entity.Reactions[key]) {\n      return;\n    }\n    delete this.props.entity.Reactions[key][this.props.user.uid];\n    this.props.onUpdateReactions();\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.state.reactions.map((r, i) => {\n          return (\n            <Reaction\n              key={i}\n              reaction={r}\n              entityType={this.props.entityType}\n              entityId={this.props.entityId}\n              reactions={this.getReaction(r.key)}\n              anyHighlighted={this.props.anyHighlighted}\n              userId={this.props.user.uid}\n              onLike={this.onLike.bind(this, r.key)}\n              onUnlike={this.onUnlike.bind(this, r.key)}\n              site={this.props.site}\n            />\n          );\n        })}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    width: '100%',\n  },\n};\n\nexport { Reactions };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AACxD,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,SAAS,SAASL,SAAS,CAAC;EAAAM,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBACxB;MACNC,SAAS,EAAEP,YAAY,CAAC;IAC1B,CAAC;EAAA;EAEDQ,WAAWA,CAACC,GAAG,EAAE;IACf,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,MAAM,EAAE;MACtB,OAAO,CAAC,CAAC;IACX;IACA,IAAI,CAAC,IAAI,CAACD,KAAK,CAACC,MAAM,CAACR,SAAS,EAAE;MAChC,IAAI,CAACO,KAAK,CAACC,MAAM,CAACR,SAAS,GAAG,CAAC,CAAC;IAClC;IACA,OAAO,IAAI,CAACO,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,IAAI,CAAC,CAAC;EAC/C;EAEAG,MAAMA,CAACH,GAAG,EAAE;IACV,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,MAAM,CAACR,SAAS,EAAE;MAChC,IAAI,CAACO,KAAK,CAACC,MAAM,CAACR,SAAS,GAAG,CAAC,CAAC;IAClC;IACA,IAAI,CAAC,IAAI,CAACO,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,EAAE;MACrC,IAAI,CAACC,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC;IACA,IAAI,CAACC,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,CAAC,IAAI,CAACC,KAAK,CAACG,IAAI,CAACC,GAAG,CAAC,GAAGb,cAAc,CAAC,IAAI,CAACS,KAAK,CAACG,IAAI,CAAC;IACvF,IAAI,CAACH,KAAK,CAACK,iBAAiB,CAAC,CAAC;EAChC;EAEAC,QAAQA,CAACP,GAAG,EAAE;IACZ,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,MAAM,CAACR,SAAS,EAAE;MAChC;IACF;IACA,IAAI,CAAC,IAAI,CAACO,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,EAAE;MACrC;IACF;IACA,OAAO,IAAI,CAACC,KAAK,CAACC,MAAM,CAACR,SAAS,CAACM,GAAG,CAAC,CAAC,IAAI,CAACC,KAAK,CAACG,IAAI,CAACC,GAAG,CAAC;IAC5D,IAAI,CAACJ,KAAK,CAACK,iBAAiB,CAAC,CAAC;EAChC;EAEAE,MAAMA,CAAA,EAAG;IACP,oBACEpB,KAAA,CAAAqB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACX,KAAK,CAACS,KAAK;IAAE,GAC/C,IAAI,CAACG,KAAK,CAACf,SAAS,CAACgB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MAClC,oBACE5B,KAAA,CAAAqB,aAAA,CAAChB,QAAQ;QACPO,GAAG,EAAEgB,CAAE;QACPC,QAAQ,EAAEF,CAAE;QACZG,UAAU,EAAE,IAAI,CAACjB,KAAK,CAACiB,UAAW;QAClCC,QAAQ,EAAE,IAAI,CAAClB,KAAK,CAACkB,QAAS;QAC9BrB,SAAS,EAAE,IAAI,CAACC,WAAW,CAACgB,CAAC,CAACf,GAAG,CAAE;QACnCoB,cAAc,EAAE,IAAI,CAACnB,KAAK,CAACmB,cAAe;QAC1CC,MAAM,EAAE,IAAI,CAACpB,KAAK,CAACG,IAAI,CAACC,GAAI;QAC5BF,MAAM,EAAE,IAAI,CAACA,MAAM,CAACmB,IAAI,CAAC,IAAI,EAAEP,CAAC,CAACf,GAAG,CAAE;QACtCO,QAAQ,EAAE,IAAI,CAACA,QAAQ,CAACe,IAAI,CAAC,IAAI,EAAEP,CAAC,CAACf,GAAG,CAAE;QAC1CuB,IAAI,EAAE,IAAI,CAACtB,KAAK,CAACsB;MAAK,CACvB,CAAC;IAEN,CAAC,CACG,CAAC;EAEX;AACF;AAEA,MAAMZ,MAAM,GAAG;EACbC,SAAS,EAAE;IACTY,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAED,SAAShC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Component","View","getReactions","getUserPreview","Reaction","Reactions","constructor","args","_defineProperty","reactions","getReaction","key","props","entity","onLike","user","uid","onUpdateReactions","onUnlike","render","createElement","style","styles","container","state","map","r","i","reaction","entityType","entityId","anyHighlighted","userId","bind","site","flexDirection","justifyContent","width"],"sources":["Reactions.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View } from \"react-native\";\nimport { getReactions, getUserPreview } from \"../helper\";\nimport { Reaction } from \"./Reaction\";\n\nclass Reactions extends Component {\n\tstate = {\n\t\treactions: getReactions(),\n\t};\n\n\tgetReaction(key) {\n\t\tif (!this.props.entity) {\n\t\t\treturn {};\n\t\t}\n\t\tif (!this.props.entity.Reactions) {\n\t\t\tthis.props.entity.Reactions = {};\n\t\t}\n\t\treturn this.props.entity.Reactions[key] || {};\n\t}\n\n\tonLike(key) {\n\t\tif (!this.props.entity.Reactions) {\n\t\t\tthis.props.entity.Reactions = {};\n\t\t}\n\t\tif (!this.props.entity.Reactions[key]) {\n\t\t\tthis.props.entity.Reactions[key] = {};\n\t\t}\n\t\tthis.props.entity.Reactions[key][this.props.user.uid] = getUserPreview(\n\t\t\tthis.props.user,\n\t\t);\n\t\tthis.props.onUpdateReactions();\n\t}\n\n\tonUnlike(key) {\n\t\tif (!this.props.entity.Reactions) {\n\t\t\treturn;\n\t\t}\n\t\tif (!this.props.entity.Reactions[key]) {\n\t\t\treturn;\n\t\t}\n\t\tdelete this.props.entity.Reactions[key][this.props.user.uid];\n\t\tthis.props.onUpdateReactions();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.style]}>\n\t\t\t\t{this.state.reactions.map((r, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Reaction\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\treaction={r}\n\t\t\t\t\t\t\tentityType={this.props.entityType}\n\t\t\t\t\t\t\tentityId={this.props.entityId}\n\t\t\t\t\t\t\treactions={this.getReaction(r.key)}\n\t\t\t\t\t\t\tanyHighlighted={this.props.anyHighlighted}\n\t\t\t\t\t\t\tuserId={this.props.user.uid}\n\t\t\t\t\t\t\tonLike={this.onLike.bind(this, r.key)}\n\t\t\t\t\t\t\tonUnlike={this.onUnlike.bind(this, r.key)}\n\t\t\t\t\t\t\tsite={this.props.site}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"center\",\n\t\twidth: \"100%\",\n\t},\n};\n\nexport { Reactions };\n"],"mappings":"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","ignoreList":[]}