expo-share

import React from "react";
import {
  View,
  StyleSheet,
  TouchableOpacity,
  Text,
  Image,
  Share
} from "react-native";
import { Constants } from "expo";
import { Constants as AppConstants } from "./common/Index";
import {
  StringHelper,
  CustomizationHelper,
  AnalyticsHelper
} from "../helpers/Index";
import { LogService } from "../services/Index";

const secondbrainAppsConfig = require("../../amplify/backend/function/sbapigetallitems/src/config");

class ShareButton extends React.PureComponent {
  constructor(props) {
    super(props);
  }

  /*--------------------------------------------------
    Render UI
  ----------------------------------------------------*/
  render() {
    return (
      <TouchableOpacity
        onPress={this._onShare}
        style={styles.container}
        activeOpacity={0.6}
      >
        <View style={styles.subcontainer}>
          <Image
            source={CustomizationHelper.getIconForApp(
              this.props.appKey,
              CustomizationHelper.customizationElements.share
            )}
            style={styles.icon}
            resizeMode="contain"
          />
          <Text style={styles.text}>Share</Text>
        </View>
      </TouchableOpacity>
    );
  }

  /*--------------------------------------------------
    Helpers & Handlers
  ----------------------------------------------------*/
  _onShare = async () => {
    try {
      let item = this.props.currentItem.fields;
      let title = "An excerpt I liked";
      let url = item.image === undefined ? "" : item.image[0].url;
      let message = this._getMessageForSharing(this.props.appKey, item);

      const result = await Share.share(
        {
          message: message,
          title: title,
          url: url
        },
        {
          tintColor: Constants.manifest.tintColor,
          excludedActivityTypes: [
            "com.apple.UIKit.activity.Print",
            "com.apple.UIKit.activity.AssignToContact",
            "com.apple.UIKit.activity.AddToReadingList",
            "com.apple.UIKit.activity.AirDrop",
            "com.apple.UIKit.activity.OpenInIBooks",
            "com.apple.UIKit.activity.MarkupAsPDF",
            "com.apple.reminders.RemindersEditorExtension", //Reminders
            "com.apple.mobilenotes.SharingExtension", // Notes
            "com.apple.mobileslideshow.StreamShareService" // iCloud Photo Sharing - This also does nothing :{
          ]
        }
      );

      AnalyticsHelper.trackEvent(
        this.props.appKey,
        AnalyticsHelper.eventEnum().share
      );

      if (result.action === Share.sharedAction) {
        if (result.activityType) {
          // Shared with activity type of result.activityType
        } else {
          // Shared with no activity type
        }
      } else if (result.action === Share.dismissedAction) {
        // Dismissed
      }
    } catch (error) {
      LogService.log(error.message);
    }
  };

  _getAppStoreURI(appKey) {
    const appConfig = secondbrainAppsConfig.find(app => {
      return app.key === appKey ? true : false;
    });

    return appConfig.appUri;
  }

  _getMessageForSharing(appKey, item) {
    let author = StringHelper.convertToCamelCase(item.author);
    let body = StringHelper.convertToSentenceCase(item.extract);
    let newLine = "\n" + "\n";
    let endLine = "\n";

    let appURI = this._getAppStoreURI(this.props.appKey);
    let hookCopy =
      "Liked this? Download the app and get inspired with powerful, daily nudges: ";
    let hook = appURI !== "" ? "-" + endLine + hookCopy + endLine + appURI : "";

    let message;
    if (item.extract === undefined || item.extract === "-") {
      message = ""; // Since the content is an image
    } else {
      message = author + ":" + newLine + body + newLine + hook;
    }

    return message;
  }
}

/*---------------------------------------------------
    Styles
----------------------------------------------------*/
const styles = StyleSheet.create({
  container: {
    height: 50
  },
  subcontainer: {
    flexDirection: "row"
  },
  icon: {
    width: 13,
    height: 13,
    marginRight: 3,
    top: 3,
    left: -2
  },
  text: {
    fontFamily: "overpass-light",
    fontSize: 15,
    color: AppConstants.baseColors.white
  }
});

/*---------------------------------------------------
    Exports
----------------------------------------------------*/
export { ShareButton };