plotline-engage 4.8.6 → 4.8.8

package/android/build.gradle

@@ -45,6 +45,6 @@ repositories {
 
 dependencies {
     implementation 'com.facebook.react:react-native:+'
-    implementation 'so.plotline:plotline-android-sdk:4.4.1'
+    implementation 'so.plotline:plotline-android-sdk:4.4.7'
 }
   

package/android/src/main/java/com/reactnativeplotline/PlotlineViewManager.java

@@ -5,6 +5,9 @@ import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.annotations.ReactProp;
 
 import so.plotline.insights.PlotlineWidget;
+import androidx.annotation.Nullable;
+import com.facebook.react.common.MapBuilder;
+import java.util.Map;
 
 public class PlotlineViewManager extends ViewGroupManager<PlotlineWrapperView> {
     public static final String REACT_CLASS = "PlotlineView";
@@ -27,4 +30,18 @@ public class PlotlineViewManager extends ViewGroupManager<PlotlineWrapperView> {
         wrapperView.setContentView(plotlineWidget);
         return wrapperView;
     }
+
+    @Override
+    @Nullable
+    public Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
+        return MapBuilder.<String, Object>builder()
+                .put(
+                    "topSizeChange",
+                    MapBuilder.of(
+                        "phasedRegistrationNames",
+                        MapBuilder.of("bubbled", "onSizeChange")
+                    )
+                )
+                .build();
+    }
 }

package/android/src/main/java/com/reactnativeplotline/PlotlineWrapperView.java

@@ -3,9 +3,22 @@ package com.reactnativeplotline;
 import android.content.Context;
 import android.view.View;
 import android.widget.FrameLayout;
-
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.events.Event;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.reactnativeplotline.BuildConfig;
+import androidx.annotation.Nullable; 
+import com.facebook.react.common.MapBuilder;
+import java.util.Map;
+import com.facebook.react.fabric.FabricUIManager;
+
 
 public class PlotlineWrapperView extends FrameLayout {
     private View contentView;
@@ -46,8 +59,34 @@ public class PlotlineWrapperView extends FrameLayout {
         int finalHeight = Math.max(maxHeight, getSuggestedMinimumHeight());
 
         setMeasuredDimension(finalWidth, finalHeight);
-        ((ThemedReactContext) getContext()).runOnNativeModulesQueueThread(() -> ((ThemedReactContext) getContext()).getNativeModule(UIManagerModule.class).updateNodeSize(getId(), finalWidth, finalHeight));
+        try {
+            ThemedReactContext themedReactContext = (ThemedReactContext) getContext();
+            if (themedReactContext.hasActiveReactInstance()) {
+                if (UIManagerHelper.getUIManager(themedReactContext, getId()) instanceof FabricUIManager) {
+
+                    WritableMap eventData = Arguments.createMap();
+                    eventData.putDouble("width", PixelUtil.toDIPFromPixel(finalWidth));
+                    eventData.putDouble("height", PixelUtil.toDIPFromPixel(finalHeight));
+
+                    EventDispatcher eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(themedReactContext, getId());
+                    if (eventDispatcher != null) {
+                        eventDispatcher.dispatchEvent(new SizeChangedEvent(UIManagerHelper.getSurfaceId(getContext()), getId(), eventData));
+                    }
+                } else {
+                    // LEGACY ARCHITECTURE PATH
+                    themedReactContext.runOnNativeModulesQueueThread(() -> {
+                        UIManagerModule uiManagerModule = themedReactContext.getNativeModule(UIManagerModule.class);
+                        if (uiManagerModule != null) {
+                            uiManagerModule.updateNodeSize(getId(), finalWidth, finalHeight);
+                        }
+                    });
+                }
+            } 
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
     }
+        
 
     public void setContentView(View view) {
         contentView = view;
@@ -58,4 +97,24 @@ public class PlotlineWrapperView extends FrameLayout {
     public View getContentView() {
         return contentView;
     }
+}
+class SizeChangedEvent extends Event<SizeChangedEvent> {
+
+    public static final String EVENT_NAME = "topSizeChange";
+    private final WritableMap mPayload;
+
+    public SizeChangedEvent(int surfaceId, int viewId, WritableMap payload) {
+        super(surfaceId, viewId);
+        mPayload = payload;
+    }
+
+    @Override
+    public String getEventName() {
+        return EVENT_NAME;
+    }
+
+    @Override
+    protected WritableMap getEventData() {
+        return mPayload;
+    }
 }

package/index.js

@@ -215,7 +215,7 @@ const plotlineEvents = new NativeEventEmitter(PlotlineWidgetEventEmitter);
 const PlotlineView = requireNativeComponent('PlotlineView');
 
 const PlotlineWidget = ({ testID }) => {
-  const [size, setSize] = useState({ width: 0, height: 0 });
+  const [size, setSize] = useState({ width: '100%', height: 0 });
   const [layout, setLayout] = useState(null);
   
   useEffect(() => {
@@ -237,9 +237,21 @@ const PlotlineWidget = ({ testID }) => {
     };
   }, []);
 
-  if (Platform.OS === 'android') {
-    return <PlotlineView testID={testID} />;
-  } else if (Platform.OS === 'ios') {
+  const onSizeChange = (event) => {
+    const { width, height } = event.nativeEvent;
+
+    if (width > 0 && height > 0) {
+      setSize({ width, height });
+    }
+  };
+
+    if (Platform.OS === 'android') {
+      return <PlotlineView
+              testID={testID}
+              onSizeChange={onSizeChange}
+              style={{ width: size.width, height: size.height }}
+            />
+    } else if (Platform.OS === 'ios') {
       return (
         <View
             onLayout={(e) =>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotline-engage",
-  "version": "4.8.6",
+  "version": "4.8.8",
   "description": "React Native plugin for Plotline",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"