fix(android): show extra dialog on Android, when users share a video …

…to instagram (#1277)

* Reproduce forceDialog being ignored when sharing a video to instagram on Android

* implement sharing a video to instagram with additional dialog, where user can choose between sharing options

* code cleanup

* reduce code duplication

* support also other type of images and videos besides tha jpeg and mp4 format

* added send callback after sharing to instagram

android/src/main/java/cl/json/social/InstagramShare.java

@@ -45,13 +45,10 @@ public void open(ReadableMap options) throws ActivityNotFoundException {
                 return;
             }
             String type = options.getString("type");
+            String extension = this.getExtension(type);
             Boolean isImage = type.startsWith("image");
 
-            if (isImage) {
-                this.openInstagramIntentChooserForImage(url, chooserTitle);
-            } else {
-                super.openIntentChooser();
-            }
+            this.openInstagramIntentChooser(url, chooserTitle, isImage, extension);
     }
 
     protected void openInstagramUrlScheme(String url) {
@@ -61,18 +58,33 @@ protected void openInstagramUrlScheme(String url) {
             super.openIntentChooser();
     }
 
-    protected void openInstagramIntentChooserForImage(String url, String chooserTitle) {
+    private String getExtension(String url) {
+            String[] ext = url.split("/");
+            return ext[ext.length -1];
+    }
+
+    protected void openInstagramIntentChooser(String url, String chooserTitle, Boolean isImage, String extension) {
         Boolean shouldUseInternalStorage = ShareIntent.hasValidKey("useInternalStorage", options) && options.getBoolean("useInternalStorage");
-        ShareFile shareFile = new ShareFile(url, "image/jpeg", "image", shouldUseInternalStorage, this.reactContext);
+        ShareFile shareFile = isImage 
+            ? new ShareFile(url, "image/" + extension, "image", shouldUseInternalStorage, this.reactContext) 
+            : new ShareFile(url, "video/" + extension, "video", shouldUseInternalStorage, this.reactContext);
         Uri uri = shareFile.getURI();
 
         Intent feedIntent = new Intent(Intent.ACTION_SEND);
-        feedIntent.setType("image/*");
+
+        if (isImage) {
+            feedIntent.setType("image/*");
+        } else {
+            feedIntent.setType("video/*");
+        }
+
         feedIntent.putExtra(Intent.EXTRA_STREAM, uri);
         feedIntent.setPackage(PACKAGE);
 
         Intent storiesIntent = new Intent("com.instagram.share.ADD_TO_STORY");
-        storiesIntent.setDataAndType(uri, "jpg");
+
+        storiesIntent.setDataAndType(uri, extension);
+
         storiesIntent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
         storiesIntent.setPackage(PACKAGE);
 
@@ -83,6 +95,7 @@ protected void openInstagramIntentChooserForImage(String url, String chooserTitl
         Activity activity = this.reactContext.getCurrentActivity();
         activity.grantUriPermission(PACKAGE, uri, Intent.FLAG_GRANT_READ_URI_PERMISSION);
         this.reactContext.startActivity(chooserIntent);
+        TargetChosenReceiver.sendCallback(true, true, this.getIntent().getPackage());
     }
 
     @Override

example/App.js

@@ -21,6 +21,7 @@ import Share from 'react-native-share';
 
 import images from './images/imagesBase64';
 import pdfBase64 from './images/pdfBase64';
+import {video} from './videos/videoBase64';
 
 const App = () => {
   const [packageSearch, setPackageSearch] = useState<string>('');
@@ -163,6 +164,40 @@ const App = () => {
     }
   };
 
+  const shareVideoToInstagram = async () => {
+    const shareOptions = {
+      title: 'Share video to instagram',
+      type: 'video/mp4',
+      url: video,
+      social: Share.Social.INSTAGRAM,
+    };
+
+    try {
+      const ShareResponse = await Share.shareSingle(shareOptions);
+      setResult(JSON.stringify(ShareResponse, null, 2));
+    } catch (error) {
+      console.log('Error =>', error);
+      setResult('error: '.concat(getErrorString(error)));
+    }
+  };
+
+  const shareImageToInstagram = async () => {
+    const shareOptions = {
+      title: 'Share image to instagram',
+      type: 'image/jpeg',
+      url: images.image1,
+      social: Share.Social.INSTAGRAM,
+    };
+
+    try {
+      const ShareResponse = await Share.shareSingle(shareOptions);
+      setResult(JSON.stringify(ShareResponse, null, 2));
+    } catch (error) {
+      console.log('Error =>', error);
+      setResult('error: '.concat(getErrorString(error)));
+    }
+  };
+
   const shareToInstagramDirect = async () => {
     const shareOptions = {
       message: encodeURI('Checkout the great search engine: https://google.com'),
@@ -311,6 +346,12 @@ const App = () => {
         <View style={styles.button}>
           <Button onPress={shareEmailImage} title="Share Social: Email" />
         </View>
+        <View style={styles.button}>
+          <Button onPress={shareVideoToInstagram} title="Share Video to IG" />
+        </View>
+        <View style={styles.button}>
+          <Button onPress={shareImageToInstagram} title="Share Image to IG" />
+        </View>
         <View style={styles.button}>
           <Button onPress={shareToInstagramStory} title="Share to IG Story" />
         </View>