@plusscommunities/pluss-core-app 8.0.28 → 8.0.31

package/dist/module/components/ProfilePic.js

@@ -0,0 +1,105 @@
+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);
+    this.state = {
+      image: null,
+      imageBorderRadius: 18,
+      imageUploading: false,
+      backgroundFill: false
+    };
+  }
+  UNSAFE_componentWillMount() {
+    this.setState({
+      image: this.props.ProfilePic != null ? this.props.ProfilePic : Config.env.defaultProfileImage,
+      imageDiameterStyle: {
+        height: this.props.Diameter != null ? this.props.Diameter : 35,
+        width: this.props.Diameter != null ? this.props.Diameter : 35
+      },
+      imageBorderRadius: this.props.Diameter != null ? this.props.Diameter / 2 : 18,
+      imageUploading: this.props.ImageUploading,
+      backgroundFill: this.props.ProfilePic === Config.env.tinyChatDefault
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    let profPic = null;
+    if (nextProps.ProfilePic) {
+      profPic = nextProps.ProfilePic;
+    }
+    this.setState({
+      image: profPic,
+      imageUploading: nextProps.ImageUploading
+    });
+  }
+  renderImage() {
+    if (this.state.imageUploading) {
+      return /*#__PURE__*/React.createElement(Spinner, {
+        style: {
+          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") {
+        image = {
+          uri: this.state.image
+        };
+        isDefault = false;
+      }
+    }
+    return /*#__PURE__*/React.createElement(ImageBackground, {
+      key: "default",
+      source: image,
+      style: [styles.profilePicImage, {
+        borderRadius: this.state.imageBorderRadius
+      }, (isDefault || this.state.backgroundFill) && {
+        backgroundColor: this.props.colourBrandingMain
+      }],
+      imageStyle: {
+        borderRadius: this.state.imageBorderRadius
+      }
+    }, this.props.children);
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.profilePicOuter, this.state.imageDiameterStyle, this.props.bordered && styles.bordered, {
+        borderRadius: this.state.imageBorderRadius
+      }, this.props.style],
+      key: this.props.id
+    }, this.renderImage());
+  }
+}
+const styles = {
+  profilePicOuter: {
+    height: 35,
+    width: 35,
+    zIndex: 1,
+    backgroundColor: LINEGREY
+    //  overflow: 'hidden'
+  },
+  profilePicImage: {
+    flex: 1,
+    height: null,
+    width: null
+  },
+  bordered: {
+    borderWidth: 1,
+    borderColor: "#fff"
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const profilePic = connect(mapStateToProps, {})(ProfilePic);
+export { profilePic as ProfilePic };
+//# sourceMappingURL=ProfilePic.js.map

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

@@ -0,0 +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\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

@@ -0,0 +1,78 @@
+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 {
+      size,
+      isActive,
+      value,
+      onPress,
+      colourBrandingMain,
+      style,
+      label
+    } = this.props;
+    const iconSize = size || 20;
+    const innerSize = iconSize - 8;
+    const content = /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: () => onPress(value)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, {
+        width: iconSize,
+        height: iconSize,
+        borderRadius: iconSize / 2
+      }, style]
+    }, isActive && /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: innerSize,
+        height: innerSize,
+        borderRadius: innerSize / 2,
+        backgroundColor: colourBrandingMain
+      }
+    })));
+    if (label) {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => onPress(value),
+        key: label,
+        style: styles.radioOption,
+        hitSlop: {
+          top: 8,
+          left: 8,
+          bottom: 8,
+          right: 8
+        }
+      }, content, /*#__PURE__*/React.createElement(Text, {
+        style: styles.radioOptionText
+      }, label));
+    }
+    return content;
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    borderColor: LINEGREY,
+    borderWidth: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  radioOption: {
+    flexDirection: "row",
+    marginRight: 26
+  },
+  radioOptionText: {
+    fontFamily: "sf-medium",
+    fontSize: 14,
+    color: TEXT_DARKEST
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const radioButton = connect(mapStateToProps, {})(RadioButton);
+export { radioButton as RadioButton };
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,117 @@
+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, 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);
+    _defineProperty(this, "onPressReaction", () => {
+      if (!this.props.reactions[this.props.userId]) {
+        reactionActions.add(this.props.entityId, this.props.entityType, this.props.reaction.key, this.props.site);
+        this.props.onLike();
+      } else {
+        reactionActions.remove(this.props.entityId, this.props.entityType, this.props.reaction.key);
+        this.props.onUnlike();
+      }
+    });
+  }
+  getStyleType() {
+    if (this.props.reactions[this.props.userId]) {
+      return "ThisHL";
+    }
+    if (this.props.anyHighlighted) {
+      return "OtherHL";
+    }
+    return "Default";
+  }
+  getTopReaction() {
+    return _.maxBy(Object.keys(this.props.reactions), key => {
+      return Object.keys(this.props.reactions[key]).length;
+    });
+  }
+  getIcon(topReaction) {
+    return _.find(getReactions(), r => {
+      return r.key === topReaction;
+    }).icon;
+  }
+  render() {
+    if (this.props.topReactionOnly) {
+      const topReaction = this.getTopReaction();
+      if (!topReaction) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.container, styles.containerThisHL, this.props.style]
+      }, /*#__PURE__*/React.createElement(Image, {
+        style: [styles.image, this.props.imageStyle],
+        source: this.getIcon(topReaction)
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.count, this.props.countStyle]
+      }, Object.keys(this.props.reactions[topReaction]).length));
+    }
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.touchable,
+      onPress: this.onPressReaction,
+      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" && {
+        color: this.props.colourBrandingMain
+      }, this.props.countStyle]
+    }, Object.keys(this.props.reactions).length)));
+  }
+}
+const styles = {
+  touchable: {
+    marginHorizontal: 4,
+    width: 60,
+    height: 30
+  },
+  container: {
+    width: 60,
+    height: 30,
+    borderRadius: 15,
+    backgroundColor: BG_GREY,
+    flexDirection: "row-reverse",
+    alignItems: "center",
+    paddingHorizontal: 8
+  },
+  containerThisHL: {
+    ...getShadowStyle()
+  },
+  containerOtherHL: {
+    opacity: 0.5
+  },
+  image: {
+    width: 20,
+    height: 20,
+    resizeMode: "contain"
+  },
+  count: {
+    fontFamily: "sf-medium",
+    color: TEXT_DARK,
+    flex: 1,
+    textAlign: "center",
+    fontSize: 16
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    user: state.user
+  };
+};
+const reaction = connect(mapStateToProps, {})(Reaction);
+export { reaction as Reaction };
+//# sourceMappingURL=Reaction.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,71 @@
+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";
+class Reactions extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      reactions: getReactions()
+    });
+  }
+  getReaction(key) {
+    if (!this.props.entity) {
+      return {};
+    }
+    if (!this.props.entity.Reactions) {
+      this.props.entity.Reactions = {};
+    }
+    return this.props.entity.Reactions[key] || {};
+  }
+  onLike(key) {
+    if (!this.props.entity.Reactions) {
+      this.props.entity.Reactions = {};
+    }
+    if (!this.props.entity.Reactions[key]) {
+      this.props.entity.Reactions[key] = {};
+    }
+    this.props.entity.Reactions[key][this.props.user.uid] = getUserPreview(this.props.user);
+    this.props.onUpdateReactions();
+  }
+  onUnlike(key) {
+    if (!this.props.entity.Reactions) {
+      return;
+    }
+    if (!this.props.entity.Reactions[key]) {
+      return;
+    }
+    delete this.props.entity.Reactions[key][this.props.user.uid];
+    this.props.onUpdateReactions();
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.state.reactions.map((r, i) => {
+      return /*#__PURE__*/React.createElement(Reaction, {
+        key: i,
+        reaction: r,
+        entityType: this.props.entityType,
+        entityId: this.props.entityId,
+        reactions: this.getReaction(r.key),
+        anyHighlighted: this.props.anyHighlighted,
+        userId: this.props.user.uid,
+        onLike: this.onLike.bind(this, r.key),
+        onUnlike: this.onUnlike.bind(this, r.key),
+        site: this.props.site
+      });
+    }));
+  }
+}
+const styles = {
+  container: {
+    flexDirection: "row",
+    justifyContent: "center",
+    width: "100%"
+  }
+};
+export { Reactions };
+//# sourceMappingURL=Reactions.js.map

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

@@ -0,0 +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\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":[]}

package/dist/module/components/SharingTools.js

@@ -0,0 +1,189 @@
+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 _ from "lodash";
+import { TouchableOpacity, StyleSheet, View, Alert } from "react-native";
+import { Text } from "./Text";
+import { Icon } from "@rneui/themed";
+import { File, Paths } from "expo-file-system";
+import * as Sharing from "expo-sharing";
+import * as MediaLibrary from "expo-media-library";
+import { StatusBarHeight, isVideo, getMimeType } from "../helper";
+import { MiddlePopup } from "./MiddlePopup";
+import Config from "../config";
+class SharingTools extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "downloadMedia", async () => {
+      var _parts$;
+      const remoteUrl = this.props.uri;
+      if (!remoteUrl) {
+        throw new Error("No media URL provided");
+      }
+      const parts = remoteUrl.split("/").splice(-2);
+      const mediaId = parts[0];
+      const extension = ((_parts$ = parts[1]) === null || _parts$ === void 0 ? void 0 : _parts$.split(".").splice(-1)[0]) || "jpg";
+      const file = await File.downloadFileAsync(remoteUrl, new File(Paths.cache, `${mediaId}.${extension}`), {
+        idempotent: true
+      });
+      return {
+        localUrl: file.uri,
+        extension
+      };
+    });
+    _defineProperty(this, "onSave", async () => {
+      try {
+        // Request permissions first
+        const {
+          status
+        } = await MediaLibrary.requestPermissionsAsync();
+        if (status !== "granted") {
+          Alert.alert("Permission Required", "Please allow access to your photo library to save photos.", [{
+            text: "OK"
+          }]);
+          return;
+        }
+        this.setState({
+          message: "Saving..."
+        });
+        const {
+          localUrl
+        } = await this.downloadMedia();
+        await MediaLibrary.saveToLibraryAsync(localUrl);
+        this.setState({
+          message: "Saved"
+        }, () => {
+          setTimeout(() => {
+            this.setState({
+              message: ""
+            });
+          }, 2000);
+        });
+      } catch (error) {
+        console.log("SharingTools onSave error:", error);
+        this.setState({
+          message: ""
+        });
+        Alert.alert("Save Failed", "Unable to save photo. Please try again.", [{
+          text: "OK"
+        }]);
+      }
+    });
+    _defineProperty(this, "onShare", async () => {
+      if (!(await Sharing.isAvailableAsync())) {
+        Alert.alert("Sharing Unavailable", "Sharing is not available on this device.", [{
+          text: "OK"
+        }]);
+        return;
+      }
+      try {
+        this.setState({
+          message: "Preparing..."
+        });
+        const {
+          localUrl,
+          extension
+        } = await this.downloadMedia();
+        const video = isVideo(localUrl);
+        const mimeType = getMimeType(localUrl);
+        const fileDetails = {
+          extension: `.${extension}`,
+          shareOptions: {
+            mimeType,
+            dialogTitle: video ? "Share video" : "Share photo",
+            UTI: mimeType
+          }
+        };
+        await Sharing.shareAsync(localUrl, fileDetails.shareOptions);
+        this.setState({
+          message: ""
+        });
+      } catch (error) {
+        console.log("SharingTools onShare error:", error);
+        this.setState({
+          message: ""
+        });
+        Alert.alert("Share Failed", "Unable to share photo. Please try again.", [{
+          text: "OK"
+        }]);
+      }
+    });
+    this.state = {
+      message: ""
+    };
+  }
+  renderTools() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.toolsContainer
+    }, Config.env.allowMediaDownload && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onSave,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "download",
+      type: "font-awesome",
+      iconStyle: styles.toolIcon,
+      style: styles.toolIconContainer
+    })), Config.env.allowMediaSharing && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onShare,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "share-square-o",
+      type: "font-awesome",
+      iconStyle: styles.toolIcon,
+      style: styles.toolIconContainer
+    })));
+  }
+  renderMessage() {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      visible: !_.isEmpty(this.state.message)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.messageContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.messageText
+    }, this.state.message)));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, this.renderTools(), this.renderMessage());
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute"
+  },
+  toolsContainer: {
+    position: "absolute",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    left: 0,
+    zIndex: 3,
+    top: StatusBarHeight(0)
+  },
+  toolIconContainer: {
+    width: 55,
+    height: 55
+  },
+  toolIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: "center",
+    color: "#fff",
+    zIndex: 3
+  },
+  messageContainer: {
+    backgroundColor: "#000",
+    borderRadius: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 30
+  },
+  messageText: {
+    fontFamily: "sf-bold",
+    fontSize: 24,
+    color: "#fff"
+  }
+});
+export { SharingTools };
+//# sourceMappingURL=SharingTools.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","_","TouchableOpacity","StyleSheet","View","Alert","Text","Icon","File","Paths","Sharing","MediaLibrary","StatusBarHeight","isVideo","getMimeType","MiddlePopup","Config","SharingTools","constructor","props","_defineProperty","_parts$","remoteUrl","uri","Error","parts","split","splice","mediaId","extension","file","downloadFileAsync","cache","idempotent","localUrl","status","requestPermissionsAsync","alert","text","setState","message","downloadMedia","saveToLibraryAsync","setTimeout","error","console","log","isAvailableAsync","video","mimeType","fileDetails","shareOptions","dialogTitle","UTI","shareAsync","state","renderTools","createElement","style","styles","toolsContainer","env","allowMediaDownload","onPress","onSave","activeOpacity","name","type","iconStyle","toolIcon","toolIconContainer","allowMediaSharing","onShare","renderMessage","visible","isEmpty","messageContainer","messageText","render","container","create","position","flexDirection","justifyContent","left","zIndex","top","width","height","fontSize","padding","textAlign","color","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","fontFamily"],"sources":["SharingTools.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TouchableOpacity, StyleSheet, View, Alert } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"@rneui/themed\";\nimport { File, Paths } from \"expo-file-system\";\nimport * as Sharing from \"expo-sharing\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { StatusBarHeight, isVideo, getMimeType } from \"../helper\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport Config from \"../config\";\n\nclass SharingTools extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmessage: \"\",\n\t\t};\n\t}\n\n\tdownloadMedia = async () => {\n\t\tconst remoteUrl = this.props.uri;\n\t\tif (!remoteUrl) {\n\t\t\tthrow new Error(\"No media URL provided\");\n\t\t}\n\n\t\tconst parts = remoteUrl.split(\"/\").splice(-2);\n\t\tconst mediaId = parts[0];\n\t\tconst extension = parts[1]?.split(\".\").splice(-1)[0] || \"jpg\";\n\n\t\tconst file = await File.downloadFileAsync(\n\t\t\tremoteUrl,\n\t\t\tnew File(Paths.cache, `${mediaId}.${extension}`),\n\t\t\t{ idempotent: true },\n\t\t);\n\t\treturn { localUrl: file.uri, extension };\n\t};\n\n\tonSave = async () => {\n\t\ttry {\n\t\t\t// Request permissions first\n\t\t\tconst { status } = await MediaLibrary.requestPermissionsAsync();\n\t\t\tif (status !== \"granted\") {\n\t\t\t\tAlert.alert(\n\t\t\t\t\t\"Permission Required\",\n\t\t\t\t\t\"Please allow access to your photo library to save photos.\",\n\t\t\t\t\t[{ text: \"OK\" }],\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.setState({ message: \"Saving...\" });\n\n\t\t\tconst { localUrl } = await this.downloadMedia();\n\t\t\tawait MediaLibrary.saveToLibraryAsync(localUrl);\n\n\t\t\tthis.setState({ message: \"Saved\" }, () => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.setState({ message: \"\" });\n\t\t\t\t}, 2000);\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.log(\"SharingTools onSave error:\", error);\n\t\t\tthis.setState({ message: \"\" });\n\t\t\tAlert.alert(\"Save Failed\", \"Unable to save photo. Please try again.\", [\n\t\t\t\t{ text: \"OK\" },\n\t\t\t]);\n\t\t}\n\t};\n\n\tonShare = async () => {\n\t\tif (!(await Sharing.isAvailableAsync())) {\n\t\t\tAlert.alert(\n\t\t\t\t\"Sharing Unavailable\",\n\t\t\t\t\"Sharing is not available on this device.\",\n\t\t\t\t[{ text: \"OK\" }],\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tthis.setState({ message: \"Preparing...\" });\n\n\t\t\tconst { localUrl, extension } = await this.downloadMedia();\n\n\t\t\tconst video = isVideo(localUrl);\n\t\t\tconst mimeType = getMimeType(localUrl);\n\t\t\tconst fileDetails = {\n\t\t\t\textension: `.${extension}`,\n\t\t\t\tshareOptions: {\n\t\t\t\t\tmimeType,\n\t\t\t\t\tdialogTitle: video ? \"Share video\" : \"Share photo\",\n\t\t\t\t\tUTI: mimeType,\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tawait Sharing.shareAsync(localUrl, fileDetails.shareOptions);\n\t\t\tthis.setState({ message: \"\" });\n\t\t} catch (error) {\n\t\t\tconsole.log(\"SharingTools onShare error:\", error);\n\t\t\tthis.setState({ message: \"\" });\n\t\t\tAlert.alert(\"Share Failed\", \"Unable to share photo. Please try again.\", [\n\t\t\t\t{ text: \"OK\" },\n\t\t\t]);\n\t\t}\n\t};\n\n\trenderTools() {\n\t\treturn (\n\t\t\t<View style={styles.toolsContainer}>\n\t\t\t\t{Config.env.allowMediaDownload && (\n\t\t\t\t\t<TouchableOpacity onPress={this.onSave} activeOpacity={0.6}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"download\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={styles.toolIcon}\n\t\t\t\t\t\t\tstyle={styles.toolIconContainer}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t)}\n\t\t\t\t{Config.env.allowMediaSharing && (\n\t\t\t\t\t<TouchableOpacity onPress={this.onShare} activeOpacity={0.6}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"share-square-o\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={styles.toolIcon}\n\t\t\t\t\t\t\tstyle={styles.toolIconContainer}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderMessage() {\n\t\treturn (\n\t\t\t<MiddlePopup visible={!_.isEmpty(this.state.message)}>\n\t\t\t\t<View style={styles.messageContainer}>\n\t\t\t\t\t<Text style={styles.messageText}>{this.state.message}</Text>\n\t\t\t\t</View>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t{this.renderTools()}\n\t\t\t\t{this.renderMessage()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tposition: \"absolute\",\n\t},\n\ttoolsContainer: {\n\t\tposition: \"absolute\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tleft: 0,\n\t\tzIndex: 3,\n\t\ttop: StatusBarHeight(0),\n\t},\n\ttoolIconContainer: {\n\t\twidth: 55,\n\t\theight: 55,\n\t},\n\ttoolIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#fff\",\n\t\tzIndex: 3,\n\t},\n\tmessageContainer: {\n\t\tbackgroundColor: \"#000\",\n\t\tborderRadius: 10,\n\t\tpaddingVertical: 10,\n\t\tpaddingHorizontal: 30,\n\t},\n\tmessageText: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport { SharingTools };\n"],"mappings":"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","ignoreList":[]}