Add API for Logging User Events in gutenberg-mobile and iOS

react-native-gutenberg-bridge/index.js

@@ -16,6 +16,10 @@ export const mediaSources = {
 	siteMediaLibrary: 'SITE_MEDIA_LIBRARY',
 };
 
+export const userEvents = {
+	pageTemplateApplied: 'page_template_applied',
+};
+
 export const showMediaEditorButton = isIOS;
 
 // Console polyfill from react-native
@@ -118,4 +122,8 @@ export function fetchRequest( path ) {
 	return RNReactNativeGutenbergBridge.fetchRequest( path );
 }
 
+export function logUserEvent( event, properties ) {
+	return RNReactNativeGutenbergBridge.logUserEvent( event, properties );
+}
+
 export default RNReactNativeGutenbergBridge;

react-native-gutenberg-bridge/ios/GutenbergBridgeDelegate.swift

@@ -64,6 +64,10 @@ extension RCTLogLevel {
     }
 }
 
+public enum GutenbergUserEvent: String {
+    case pageTemplateApplied = "page_template_applied"
+}
+
 public protocol GutenbergBridgeDelegate: class {
     /// Tells the delegate that Gutenberg had returned the requested HTML content.
     /// You can request HTML content by calling `requestHTML()` on a Gutenberg bridge instance.
@@ -138,6 +142,12 @@ public protocol GutenbergBridgeDelegate: class {
     /// Tells the delegate to display the media editor from a given URL
     ///
     func gutenbergDidRequestMediaEditor(with mediaUrl: URL, callback: @escaping MediaPickerDidPickMediaCallback)
+
+
+    /// Tells the delegate that the editor needs to log a custom event
+    /// - Parameter event: The event key to be logged
+    /// - Parameter properties: Any relevant properties related to the event
+    func gutenbergLogUserEvent(_ event: GutenbergUserEvent, properties: [AnyHashable: Any])
 }
 
 // MARK: - Optional GutenbergBridgeDelegate methods

react-native-gutenberg-bridge/ios/RNReactNativeGutenbergBridge.m

@@ -18,5 +18,6 @@ @interface RCT_EXTERN_MODULE(RNReactNativeGutenbergBridge, NSObject)
 RCT_EXTERN_METHOD(fetchRequest:(NSString *)path resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
 RCT_EXTERN_METHOD(requestImageFullscreenPreview:(NSString *)currentImageUrlString originalImageUrlString:(NSString *)originalImageUrlString)
 RCT_EXTERN_METHOD(requestMediaEditor:(NSString *)mediaUrl callback:(RCTResponseSenderBlock)callback)
+RCT_EXTERN_METHOD(logUserEvent:(NSString *)event properties:(NSDictionary *)properties)
 
 @end

react-native-gutenberg-bridge/ios/RNReactNativeGutenbergBridge.swift

@@ -224,6 +224,12 @@ public class RNReactNativeGutenbergBridge: RCTEventEmitter {
             self.sendEvent(withName: name, body: body)
         }
     }
+
+    @objc
+    func logUserEvent(_ event: String, properties:[AnyHashable: Any]?) {
+        guard let event = GutenbergUserEvent(rawValue: event) else { return }
+        self.delegate?.gutenbergLogUserEvent(event, properties: properties ?? [:])
+    }
 }
 
 // MARK: - RCTBridgeModule delegate