npm - shakebug-react-native - Versions diffs - 2.1.0 → 2.2.0 - Mend

@@ -23,6 +23,18 @@ Or if you prefer to use Yarn instead of npm:
  yarn add shakebug-react-native
 ```
+Make sure to install Required Libraries also
+```bash
+ npm i react-native-view-shot react-native-video react-native-video-trim
+```
+Or if you prefer to use Yarn instead of npm:
+```bash
+ yarn add react-native-view-shot react-native-video react-native-video-trim
+```
 ### iOS
 1. You need to provide permissions inside `ios/YourProjectName/info.plist`:
@@ -37,8 +49,12 @@ Or if you prefer to use Yarn instead of npm:
 <key>NSPhotoLibraryUsageDescription</key>
 <string></string>
 ```
+2. Manage Architecture:
+```bash
+    ENV['RCT_NEW_ARCH_ENABLED'] = '0'
+```
-2. CocoaPods installation:
+3. CocoaPods installation:
 ```bash
     cd ios && pod install && cd ..

@@ -1,35 +1,38 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { NativeModules, Image, TouchableOpacity, ImageBackground, NativeEventEmitter, Platform, StatusBar } from 'react-native';
 import { PlayVideo } from './PlayVideo';
+import Video from 'react-native-video';
 const VideoPlayer = ({ videoUri, img, goToScreenAtIndex, UpdateStatusBar }) => {
-    useEffect(() => {
-        if (Platform.OS == 'android') {
-            const eventEmitter = new NativeEventEmitter(NativeModules.VideoPlayerModule);
-            const subscription = eventEmitter.addListener('ShakebugSDKVideoPlayer', (event) => {
-                switch (event.name) {
-                    case 'onCancelPlayer': {
-                        UpdateStatusBar()
-                        goToScreenAtIndex(3)
-                        break;
-                    }
-                    default:
-                        break;
-                }
-            });
+    // useEffect(() => {
+    //     if (Platform.OS == 'android') {
+    //         const eventEmitter = new NativeEventEmitter(NativeModules.VideoPlayerModule);
+    //         const subscription = eventEmitter.addListener('ShakebugSDKVideoPlayer', (event) => {
+    //             switch (event.name) {
+    //                 case 'onCancelPlayer': {
+    //                     UpdateStatusBar()
+    //                     goToScreenAtIndex(3)
+    //                     break;
+    //                 }
+    //                 default:
+    //                     break;
+    //             }
+    //         });
-            return () => {
-                subscription.remove();
-            };
-        }
-    }, []);
+    //         return () => {
+    //             subscription.remove();
+    //         };
+    //     }
+    // }, []);
+    const [isPlayVideo, setIsPlayVideo] = useState(false);
     const playVideo = () => {
-        // StatusBar.setHidden(true)
-        PlayVideo(videoUri)
+        setIsPlayVideo(true)
     }
     return (
+        !isPlayVideo ? (
         <ImageBackground
             source={{ uri: img }}
             style={{
@@ -63,6 +66,17 @@ const VideoPlayer = ({ videoUri, img, goToScreenAtIndex, UpdateStatusBar }) => {
                 />
             </TouchableOpacity>
         </ImageBackground>
+        )
+            : (<Video
+                source={{ uri: videoUri }}
+                style={{
+                    width: "90%",
+                    marginLeft: '5%',
+                    height: "100%"
+                }}
+                controls={true}
+                fullscreen={Platform.OS == 'ios' && true}
+            />)
     );
 };

@@ -0,0 +1,10 @@
+/**
+ * Automatically generated file. DO NOT MODIFY
+ */
+package com.shakebug;
+public final class BuildConfig {
+  public static final boolean DEBUG = Boolean.parseBoolean("true");
+  public static final String LIBRARY_PACKAGE_NAME = "com.shakebug";
+  public static final String BUILD_TYPE = "debug";
+}

	@@ -0,0 +1 @@
1	+ o/classes

	@@ -0,0 +1 @@
1	+ o/classes

	@@ -0,0 +1 @@
1	+ o/bundleLibRuntimeToDirDebug

shakebug-react-native 2.1.0 → 2.2.0