plotline-engage 4.1.0 → 4.1.2

package/android/build.gradle

@@ -39,6 +39,6 @@ repositories {
 
 dependencies {
     implementation 'com.facebook.react:react-native:+'
-    implementation 'com.gitlab.plotline:plotline-android-sdk:3.1.8'
+    implementation 'com.gitlab.plotline:plotline-android-sdk:3.2.8'
 }
   

package/index.js

@@ -1,7 +1,7 @@
 
 import { NativeModules, DeviceEventEmitter, Platform, NativeEventEmitter, requireNativeComponent } from 'react-native';
-import { ScrollView as RNScrollView, FlatList as RNFlatList} from 'react-native';
-import React from 'react';
+import { View, ScrollView as RNScrollView, FlatList as RNFlatList} from 'react-native';
+import React, { useEffect, useState } from 'react';
 const { RNPlotline } = NativeModules;
 
 function convertToStringValues(obj) {
@@ -171,14 +171,48 @@ const FlatList = (props) => {
     );
 };
 
+const { PlotlineWidgetEventEmitter } = NativeModules;
+const plotlineEvents = new NativeEventEmitter(PlotlineWidgetEventEmitter);
 const PlotlineView = requireNativeComponent('PlotlineView');
 
-const PlotlineWidget = ({testID}) => {
+const PlotlineWidget = ({ testID }) => {
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  const [layout, setLayout] = useState(null);
+  
+  useEffect(() => {
+
+    if (Platform.OS === 'android') return;
+
+    const subscription = plotlineEvents.addListener(
+      'onPlotlineWidgetReady',
+      (event) => {
+        const { width, height } = event;
+        setSize({ width, height });
+      }
+    );
+    
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
   if (Platform.OS === 'android') {
     return <PlotlineView testID={testID} />;
-  } else {
-    return null;
+  } else if (Platform.OS === 'ios') {
+      return (
+        <View
+            onLayout={(e) =>{
+                setLayout(e.nativeEvent.layout);
+            }}>
+            <PlotlineView 
+                testID={testID} 
+                style={{ width: size.width, height: size.height }}
+                parentWidth={layout ? layout.width.toString() : "0"}
+                />
+        </View>
+      );
   }
+  return null;
 };
 
 export default Plotline;

package/ios/PlotlineView.h

@@ -0,0 +1,12 @@
+//
+//  PlotlineView.h
+//  plotline-engage
+//
+//  Created by SHUBH  SARASWAT on 11/09/23.
+//
+
+#import <React/RCTViewManager.h>
+
+@interface PlotlineView : RCTViewManager
+@end
+

package/ios/PlotlineView.m

@@ -0,0 +1,29 @@
+//
+//  PlotlineView.m
+//  RNPlotline
+//
+//  Created by SHUBH  SARASWAT on 16/08/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+#import "PlotlineView.h"
+#import "PlotlineViewContent.h"
+
+@implementation PlotlineView
+
+RCT_EXPORT_MODULE()
+
+RCT_EXPORT_VIEW_PROPERTY(parentWidth, NSString)
+RCT_EXPORT_VIEW_PROPERTY(testID, NSString)
+
+- (UIView *)view {
+    PlotlineViewContent *myView = [[PlotlineViewContent alloc] init];
+    myView.eventBridge = self.bridge;
+    return myView;
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return YES;
+}
+
+@end

package/ios/PlotlineViewContent.h

@@ -0,0 +1,19 @@
+//
+//  PlotlineViewContent.h
+//  plotline-engage
+//
+//  Created by SHUBH  SARASWAT on 11/09/23.
+//
+
+#import <UIKit/UIKit.h>
+#import <React/RCTBridge.h>
+#import <Plotline/Plotline.h>
+
+@interface PlotlineViewContent : UIView <PlotlineWidgetListener>
+@property (nonatomic, strong) RCTBridge *eventBridge;
+@property (nonatomic, strong) NSString *parentWidth;
+@property (nonatomic, strong) NSString *testID;
+@property (nonatomic, strong) UIView *plotlineView;  
+@end
+
+

package/ios/PlotlineViewContent.m

@@ -0,0 +1,46 @@
+//
+//  PlotlineViewContent.m
+//  plotline-engage
+//
+//  Created by SHUBH  SARASWAT on 11/09/23.
+//
+
+#import "PlotlineViewContent.h"
+#import "PlotlineWidgetEventEmitter.h"
+#import <Plotline/Plotline.h>
+
+@implementation PlotlineViewContent
+
+- (instancetype)initWithFrame:(CGRect)frame {
+    self = [super initWithFrame:frame];
+    if (self) {
+        
+    }
+    return self;
+}
+
+- (void)setParentWidth:(NSString *)parentWidth {
+    if (![_parentWidth isEqualToString:parentWidth]) {
+        _parentWidth = parentWidth;
+        dispatch_async(dispatch_get_main_queue(), ^{
+            [self.plotlineView removeFromSuperview];
+            if (parentWidth.integerValue != 0) {
+                self.plotlineView = [[PlotlineWidget alloc] initWithClientElementId:self.testID frame:CGRectMake(0, 0, parentWidth.integerValue, 0) plotlineWidgetListener:self];
+                self.plotlineView.translatesAutoresizingMaskIntoConstraints = NO;
+                [self addSubview:self.plotlineView];
+            }
+        });
+    }
+}
+
+- (void)setTestID:(NSString *)testID {
+    _testID = testID;
+
+}
+
+- (void)onWidgetReadyWithWidth:(CGFloat)width height:(CGFloat)height {
+    PlotlineWidgetEventEmitter *plotlineWidgetEventEmitter = [self.eventBridge moduleForClass:[PlotlineWidgetEventEmitter class]];
+    [plotlineWidgetEventEmitter sendSizeEventWithWidth:width height:height];
+}
+
+@end

package/ios/PlotlineWidgetEventEmitter.h

@@ -0,0 +1,15 @@
+//
+//  PlotlineWidgetEventEmitter.h
+//  plotline-engage
+//
+//  Created by SHUBH  SARASWAT on 11/09/23.
+//
+
+#import <React/RCTEventEmitter.h>
+
+@interface PlotlineWidgetEventEmitter : RCTEventEmitter
+@property (nonatomic) BOOL hasListeners;  
+- (void)sendSizeEventWithWidth:(CGFloat)width height:(CGFloat)height;
+@end
+
+

package/ios/PlotlineWidgetEventEmitter.m

@@ -0,0 +1,37 @@
+//
+//  PlotlineView.swift
+//  plotline-engage
+//
+//  Created by SHUBH  SARASWAT on 20/08/23.
+//
+
+#import "PlotlineWidgetEventEmitter.h"
+
+@implementation PlotlineWidgetEventEmitter
+
+RCT_EXPORT_MODULE(PlotlineWidgetEventEmitter)
+
+- (NSArray<NSString *> *)supportedEvents {
+    return @[@"onPlotlineWidgetReady"];
+}
+
+- (void)sendSizeEventWithWidth:(CGFloat)width height:(CGFloat)height {
+    if (self.hasListeners) {
+        [self sendEventWithName:@"onPlotlineWidgetReady" body:@{@"width": @(width), @"height": @(height)}];
+    }
+}
+
+- (void)startObserving {
+    self.hasListeners = YES;
+}
+
+- (void)stopObserving {
+    self.hasListeners = NO;
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return YES;
+}
+
+@end
+

package/ios/RNPlotline.xcodeproj/project.pbxproj

@@ -8,6 +8,8 @@
 
 /* Begin PBXBuildFile section */
 		B3E7B58A1CC2AC0600A0062D /* RNPlotline.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* RNPlotline.m */; };
+		BCD7E3DF2A92B58900C88E76 /* PlotlineView.m in Sources */ = {isa = PBXBuildFile; fileRef = BCD7E3DE2A92B58900C88E76 /* PlotlineView.m */; };
+		BCD7E3E32A92B5D700C88E76 /* PlotlineWidgetEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = BCD7E3E12A92B5D700C88E76 /* PlotlineWidgetEventEmitter.m */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -26,6 +28,8 @@
 		134814201AA4EA6300B7C361 /* libRNPlotline.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRNPlotline.a; sourceTree = BUILT_PRODUCTS_DIR; };
 		B3E7B5881CC2AC0600A0062D /* RNPlotline.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNPlotline.h; sourceTree = "<group>"; };
 		B3E7B5891CC2AC0600A0062D /* RNPlotline.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNPlotline.m; sourceTree = "<group>"; };
+		BCD7E3DE2A92B58900C88E76 /* PlotlineView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = PlotlineView.m; sourceTree = "<group>"; };
+		BCD7E3E12A92B5D700C88E76 /* PlotlineWidgetEventEmitter.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = PlotlineWidgetEventEmitter.m; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -50,6 +54,8 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
+				BCD7E3E12A92B5D700C88E76 /* PlotlineWidgetEventEmitter.m */,
+				BCD7E3DE2A92B58900C88E76 /* PlotlineView.m */,
 				B3E7B5881CC2AC0600A0062D /* RNPlotline.h */,
 				B3E7B5891CC2AC0600A0062D /* RNPlotline.m */,
 				134814211AA4EA7D00B7C361 /* Products */,
@@ -87,6 +93,7 @@
 				TargetAttributes = {
 					58B511DA1A9E6C8500147676 = {
 						CreatedOnToolsVersion = 6.1.1;
+						LastSwiftMigration = 1500;
 					};
 				};
 			};
@@ -95,6 +102,7 @@
 			developmentRegion = English;
 			hasScannedForEncodings = 0;
 			knownRegions = (
+				English,
 				en,
 			);
 			mainGroup = 58B511D21A9E6C8500147676;
@@ -112,7 +120,9 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				BCD7E3E32A92B5D700C88E76 /* PlotlineWidgetEventEmitter.m in Sources */,
 				B3E7B58A1CC2AC0600A0062D /* RNPlotline.m in Sources */,
+				BCD7E3DF2A92B58900C88E76 /* PlotlineView.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

package/package.json

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