Surface our own in app message [sc-101965] (#9)

android/src/main/java/com/rnmovableink/RNMovableInkModule.kt

@@ -57,16 +57,19 @@ class RNMovableInkModule(reactContext: ReactApplicationContext) :
   fun categoryViewed(properties: ReadableMap) {
     MIClient.categoryViewed(properties.toHashMap())
   }
+
   @ReactMethod
   fun productRemoved(properties: ReadableMap) {
     MIClient.productRemoved(properties.toHashMap())
   }
+
   @ReactMethod
   fun logEvent(name: String, properties: ReadableMap) {
     MIClient.logEvent(name, properties.toHashMap())
   }
+
   @ReactMethod
-  fun checkPasteboardOnInstall( promise: Promise) {
+  fun checkPasteboardOnInstall(promise: Promise) {
     MIClient.checkPasteboardOnInstall { resolved ->
       promise.resolve(resolved)
     }

example/src/App.tsx

@@ -6,7 +6,7 @@ export default function App() {
   const [link, setLink] = React.useState<string | undefined>();
 
   React.useEffect(() => {
-    // Make sure to call RNMovableInk.start when your app start
+    // Make sure to call RNMovableInk.start when your app starts
     RNMovableInk.start();
 
     // Get the deep link used to open the app
@@ -59,6 +59,18 @@ export default function App() {
           RNMovableInk.productSearched({ query: 'Test Event' });
         }}
       />
+
+      <Button
+        title="Show In App Message"
+        onPress={(_event) => {
+          RNMovableInk.showInAppMessage(
+            'https://www.movable-ink-7158.com/p/rp/bc49c08945403625.html',
+            (buttonID) => {
+              console.log(buttonID);
+            }
+          );
+        }}
+      />
     </View>
   );
 }

ios/RNMovableInk.m

@@ -20,6 +20,9 @@ @interface RCT_EXTERN_MODULE(RNMovableInk, NSObject)
 RCT_EXTERN_METHOD(checkPasteboardOnInstall:(RCTPromiseResolveBlock)resolve
                   withRejecter:(RCTPromiseRejectBlock)reject)
 
+RCT_EXTERN_METHOD(showInAppMessage:(NSString *)link withCallback:(RCTResponseSenderBlock)callback)
+
+
 + (BOOL)requiresMainQueueSetup {
   return TRUE;
 }

ios/RNMovableInk.swift

@@ -61,6 +61,13 @@ public class RNMovableInk: NSObject {
       resolve(value?.absoluteString)
     }
   }
+
+  @objc(showInAppMessage:withCallback:)
+  public func showInAppMessage(link: String, callback: @escaping RCTResponseSenderBlock) {
+    MIClient.showInAppMessage(with: link) { buttonID in
+      callback([buttonID])
+    }
+  } 
 
   @objc(productSearched:)
   public func productSearched(properties: [String: Any]) {

react-native-movable-ink.podspec

@@ -15,7 +15,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/movableink/mobile-sdk-react-native.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
-
+  
   s.dependency 'MovableInk', '1.5.0'
   s.dependency "React-Core"
 

src/index.tsx

@@ -48,6 +48,7 @@ export interface MovableInkInterface {
   identifyUser(): void;
   setMIU(value: string): void;
   checkPasteboardOnInstall(): Promise<string | null>;
+  showInAppMessage(url: string, callback: (buttonID: string) => void): void;
 }
 
 export default RNMovableInk as MovableInkInterface;