@trycourier/courier-react-native 1.0.8 → 2.0.0-beta0

package/ios/{CourierReactNative.swift → CourierReactNativeModule.swift}

@@ -1,13 +1,21 @@
 import Courier_iOS
 
-@objc(CourierReactNative)
-class CourierReactNative: RCTEventEmitter {
+@objc(CourierReactNativeModule)
+class CourierReactNativeModule: RCTEventEmitter {
 
     private static let COURIER_ERROR_TAG = "Courier iOS SDK Error"
     internal static let COURIER_PUSH_NOTIFICATION_CLICKED_EVENT = "pushNotificationClicked"
     internal static let COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT = "pushNotificationDelivered"
     private static let COURIER_PUSH_NOTIFICATION_DEBUG_LOG_EVENT = "courierDebugEvent"
     
+    class InboxEvents {
+        internal static let INITIAL_LOADING = "inboxInitialLoad"
+        internal static let ERROR = "inboxError"
+        internal static let MESSAGES_CHANGED = "inboxMessagesChanged"
+    }
+    
+    private var inboxListeners = [String: CourierInboxListener]()
+    
     private var hasListeners = false
     
     private var lastClickedMessage: [AnyHashable: Any]? = nil
@@ -35,7 +43,10 @@ class CourierReactNative: RCTEventEmitter {
 
         // setup listeners
         Courier.shared.logListener = { log in
-            self.sendEvent(withName: CourierReactNative.COURIER_PUSH_NOTIFICATION_DEBUG_LOG_EVENT, body: log)
+            self.sendEvent(
+                withName: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_DEBUG_LOG_EVENT,
+                body: log
+            )
         }
 
     }
@@ -52,14 +63,14 @@ class CourierReactNative: RCTEventEmitter {
         notificationCenter.addObserver(
             self,
             selector: #selector(pushNotificationClicked),
-            name: Notification.Name(rawValue: CourierReactNative.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT),
+            name: Notification.Name(rawValue: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT),
             object: nil
         )
         
         notificationCenter.addObserver(
             self,
             selector: #selector(pushNotificationDelivered),
-            name: Notification.Name(rawValue: CourierReactNative.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT),
+            name: Notification.Name(rawValue: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT),
             object: nil
         )
         
@@ -86,7 +97,7 @@ class CourierReactNative: RCTEventEmitter {
         
         lastClickedMessage = notification.userInfo
         sendMessage(
-            name: CourierReactNative.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
+            name: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
             message: lastClickedMessage
         )
         
@@ -95,7 +106,7 @@ class CourierReactNative: RCTEventEmitter {
     @objc private func pushNotificationDelivered(notification: Notification) {
         
         sendMessage(
-            name: CourierReactNative.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT,
+            name: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT,
             message: notification.userInfo
         )
         
@@ -104,28 +115,12 @@ class CourierReactNative: RCTEventEmitter {
     @objc func registerPushNotificationClickedOnKilledState() {
         
         sendMessage(
-            name: CourierReactNative.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
+            name: CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
             message: lastClickedMessage
         )
         
     }
-
-    @objc(signIn: accessToken: withResolver: withRejecter:)
-    func signIn(userId: NSString, accessToken: NSString, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
-      
-        Courier.shared.signIn(
-            accessToken: accessToken as String,
-            userId: userId as String,
-            onSuccess: {
-                resolve(nil)
-            },
-            onFailure: { error in
-                reject(String(describing: error), CourierReactNative.COURIER_ERROR_TAG, nil)
-            }
-        )
-      
-    }
-
+    
     @objc(getNotificationPermissionStatus: withRejecter:)
     func getNotificationPermissionStatus(resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         
@@ -144,6 +139,23 @@ class CourierReactNative: RCTEventEmitter {
         
     }
 
+    @objc(signIn: withClientKey: withUserId: withResolver: withRejecter:)
+    func signIn(accessToken: NSString, clientKey: NSString?, userId: NSString, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+      
+        Courier.shared.signIn(
+           accessToken: accessToken as String,
+           clientKey: clientKey as? String,
+           userId: userId as String,
+           onSuccess: {
+               resolve(nil)
+           },
+           onFailure: { error in
+               reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
+           }
+        )
+      
+    }
+
     @objc(signOut: withRejecter:)
     func signOut(resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         
@@ -152,7 +164,7 @@ class CourierReactNative: RCTEventEmitter {
                 resolve(nil)
             },
             onFailure: { error in
-                reject(String(describing: error), CourierReactNative.COURIER_ERROR_TAG, nil)
+                reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
             }
         )
         
@@ -183,7 +195,7 @@ class CourierReactNative: RCTEventEmitter {
                 resolve(nil)
             },
             onFailure: { error in
-                reject(String(describing: error), CourierReactNative.COURIER_ERROR_TAG, nil)
+                reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
             }
         )
     
@@ -197,28 +209,27 @@ class CourierReactNative: RCTEventEmitter {
         
     }
 
-    @objc(sendPush: withUserId: withTitle: withBody: withProviders: withIsProduction: withResolver: withRejecter:)
-    func sendPush(authKey: NSString, userId: NSString, title: NSString, body: NSString, providers: NSArray, isProduction: Bool, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+    @objc(sendPush: withUserId: withTitle: withBody: withProviders: withResolver: withRejecter:)
+    func sendPush(authKey: NSString, userId: NSString, title: NSString, body: NSString, providers: NSArray, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
         
         guard let courierProviders = providers as? [String] else {
-            reject("No provider supported", CourierReactNative.COURIER_ERROR_TAG, nil)
+            reject("No provider supported", CourierReactNativeModule.COURIER_ERROR_TAG, nil)
             return
         }
 
-        Courier.shared.sendPush(
-            authKey: authKey as String,
-            userId: userId as String,
-            title: title as String,
-            message: body as String,
-            isProduction: isProduction,
-            providers: courierProviders,
-            onSuccess: { requestId in
-                resolve(requestId)
-            },
-            onFailure: { error in
-                reject(String(describing: error), CourierReactNative.COURIER_ERROR_TAG, nil)
-            }
-        )
+//        Courier.shared.sendPush(
+//            authKey: authKey as String,
+//            userId: userId as String,
+//            title: title as String,
+//            message: body as String,
+//            providers: courierProviders,
+//            onSuccess: { requestId in
+//                resolve(requestId)
+//            },
+//            onFailure: { error in
+//                reject(String(describing: error), CourierReactNative.COURIER_ERROR_TAG, nil)
+//            }
+//        )
         
     }
 
@@ -235,21 +246,129 @@ class CourierReactNative: RCTEventEmitter {
     }
     
     @objc(setDebugMode: withResolver: withRejecter:)
-    func setDebugMode(isDebugging: Bool,resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+    func setDebugMode(isDebugging: Bool, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
 
         Courier.shared.isDebugging = isDebugging
         resolve(Courier.shared.isDebugging)
         
     }
+    
+    @objc(readMessage: withResolver: withRejecter:)
+    func readMessage(messageId: NSString, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+        
+        Courier.shared.readMessage(
+            messageId: messageId as String,
+            onSuccess: {
+                resolve(nil)
+            },
+            onFailure: { error in
+                reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
+            }
+        )
+        
+    }
+    
+    @objc(unreadMessage: withResolver: withRejecter:)
+    func unreadMessage(messageId: NSString, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+        
+        Courier.shared.unreadMessage(
+            messageId: messageId as String,
+            onSuccess: {
+                resolve(nil)
+            },
+            onFailure: { error in
+                reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
+            }
+        )
+        
+    }
+    
+    @objc(readAllInboxMessages: withRejecter:)
+    func readAllInboxMessages(resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+        
+        Courier.shared.readAllInboxMessages(
+            onSuccess: {
+                resolve(nil)
+            },
+            onFailure: { error in
+                reject(String(describing: error), CourierReactNativeModule.COURIER_ERROR_TAG, nil)
+            }
+        )
+        
+    }
+    
+    @objc(addInboxListener:)
+    func addInboxListener(listenerId: NSString?) -> String {
+        
+        let listener = Courier.shared.addInboxListener(
+            onInitialLoad: { [weak self] in
+                self?.sendEvent(
+                    withName: CourierReactNativeModule.InboxEvents.INITIAL_LOADING,
+                    body: nil
+                )
+            },
+            onError: { [weak self] error in
+                self?.sendEvent(
+                    withName: CourierReactNativeModule.InboxEvents.ERROR,
+                    body: String(describing: error)
+                )
+            },
+            onMessagesChanged: { [weak self] messages, unreadMessageCount, totalMessageCount, canPaginate in
+                
+                let json: [String: Any] = [
+                    "messages": messages.map { $0.toDictionary() },
+                    "unreadMessageCount": unreadMessageCount,
+                    "totalMessageCount": totalMessageCount,
+                    "canPaginate": canPaginate
+                ]
+                
+                self?.sendEvent(
+                    withName: CourierReactNativeModule.InboxEvents.MESSAGES_CHANGED,
+                    body: json
+                )
+                
+            }
+        )
+        
+        // Create an id and add the listener to the dictionary
+        let id = UUID().uuidString
+        inboxListeners[id] = listener
+        
+        return id
+        
+    }
+    
+    @objc(removeInboxListener:)
+    func removeInboxListener(listenerId: NSString) -> String {
+        
+        let id = listenerId as String
+        
+        // Remove the listener
+        let listener = inboxListeners[id]
+        listener?.remove()
+        
+        // Remove from dictionary
+        inboxListeners.removeValue(forKey: id)
+        
+        return id
+        
+    }
 
     override func supportedEvents() -> [String]! {
         return [
-            CourierReactNative.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
-            CourierReactNative.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT,
-            CourierReactNative.COURIER_PUSH_NOTIFICATION_DEBUG_LOG_EVENT
+            CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_CLICKED_EVENT,
+            CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_DELIVERED_EVENT,
+            CourierReactNativeModule.COURIER_PUSH_NOTIFICATION_DEBUG_LOG_EVENT,
+            CourierReactNativeModule.InboxEvents.INITIAL_LOADING,
+            CourierReactNativeModule.InboxEvents.ERROR,
+            CourierReactNativeModule.InboxEvents.MESSAGES_CHANGED
         ]
     }
     
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
 }
 
 extension [AnyHashable: Any] {

package/ios/CourierReactNativeViewManager.m

@@ -0,0 +1,15 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(CourierReactNativeViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(lightTheme, NSDictionary)
+
+RCT_EXPORT_VIEW_PROPERTY(darkTheme, NSDictionary)
+
+RCT_EXPORT_VIEW_PROPERTY(onClickInboxMessageAtIndex, RCTBubblingEventBlock)
+
+RCT_EXPORT_VIEW_PROPERTY(onClickInboxActionForMessageAtIndex, RCTBubblingEventBlock)
+
+RCT_EXPORT_VIEW_PROPERTY(onScrollInbox, RCTBubblingEventBlock)
+
+@end

package/ios/CourierReactNativeViewManager.swift

@@ -0,0 +1,348 @@
+import Courier_iOS
+
+@objc(CourierReactNativeViewManager)
+class CourierReactNativeViewManager: RCTViewManager {
+
+    override func view() -> (CourierReactNativeView) {
+        return CourierReactNativeView()
+    }
+
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+}
+
+class CourierReactNativeView : UIView {
+    
+    @objc var lightTheme: NSDictionary? = [:] {
+        didSet {
+            refreshInbox()
+        }
+    }
+    
+    @objc var darkTheme: NSDictionary? = [:] {
+        didSet {
+            refreshInbox()
+        }
+    }
+    
+    @objc var onClickInboxMessageAtIndex: RCTBubblingEventBlock? = nil
+    
+    @objc var onClickInboxActionForMessageAtIndex: RCTBubblingEventBlock? = nil
+    
+    @objc var onScrollInbox: RCTBubblingEventBlock? = nil
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        refreshInbox()
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        refreshInbox()
+    }
+    
+    private func refreshInbox() {
+        
+        subviews.forEach { $0.removeFromSuperview() }
+        
+        // Create the view
+        let courierInbox = CourierInbox(
+            lightTheme: dictionaryToTheme(dictionary: lightTheme) ?? .defaultLight,
+            darkTheme: dictionaryToTheme(dictionary: darkTheme) ?? .defaultDark,
+            didClickInboxMessageAtIndex: { [weak self] message, index in
+                self?.onClickInboxMessageAtIndex?([
+                    "message" : message.toDictionary(),
+                    "index" : index
+                ])
+            },
+            didClickInboxActionForMessageAtIndex: { [weak self] action, message, index in
+                self?.onClickInboxActionForMessageAtIndex?([
+                    "action" : action.toDictionary(),
+                    "message" : message.toDictionary(),
+                    "index" : index
+                ])
+            },
+            didScrollInbox: { [weak self] scrollView in
+                self?.onScrollInbox?([
+                    "contentOffset" : [
+                        "y": scrollView.contentOffset.y,
+                        "x": scrollView.contentOffset.x
+                    ]
+                ])
+            }
+        )
+
+        // Add the view to your UI
+        courierInbox.translatesAutoresizingMaskIntoConstraints = false
+        addSubview(courierInbox)
+
+        // Constrain the view how you'd like
+        NSLayoutConstraint.activate([
+            courierInbox.topAnchor.constraint(equalTo: topAnchor),
+            courierInbox.bottomAnchor.constraint(equalTo: bottomAnchor),
+            courierInbox.leadingAnchor.constraint(equalTo: leadingAnchor),
+            courierInbox.trailingAnchor.constraint(equalTo: trailingAnchor),
+        ])
+        
+    }
+    
+    func dictionaryToTheme(dictionary: NSDictionary?) -> CourierInboxTheme? {
+        
+        guard let dict = dictionary else {
+            return nil
+        }
+        
+        // iOS Theme
+        let iOS = dict["iOS"] as? [String : Any]
+        let messageAnimationStyle = iOS?["messageAnimationStyle"] as? String
+        let cellStyles = iOS?["cellStyles"] as? [String : Any]
+        
+        // Unread
+        let unreadIndicatorBarColor = dict["unreadIndicatorBarColor"] as? String
+        
+        // Loading
+        let loadingIndicatorColor = dict["loadingIndicatorColor"] as? String
+        
+        // Title
+        let titleFont = dict["titleFont"] as? [String : Any]
+        
+        // Time
+        let timeFont = dict["timeFont"] as? [String : Any]
+        
+        // Body
+        let bodyFont = dict["bodyFont"] as? [String : Any]
+        
+        // Detail
+        let detailTitleFont = dict["detailTitleFont"] as? [String : Any]
+        
+        // Detail
+        let buttonStyles = dict["buttonStyles"] as? [String : Any]
+        
+        return CourierInboxTheme(
+            messageAnimationStyle: messageAnimationStyle?.toRowAnimation() ?? .left,
+            unreadIndicatorBarColor: unreadIndicatorBarColor?.toColor(),
+            loadingIndicatorColor: loadingIndicatorColor?.toColor(),
+            titleFont: dictionaryToFont(
+                dictionary: titleFont,
+                defaultFont: UIFont.boldSystemFont(ofSize: UIFont.labelFontSize),
+                defaultColor: .label
+            ),
+            timeFont: dictionaryToFont(
+                dictionary: timeFont,
+                defaultFont: UIFont.systemFont(ofSize: UIFont.labelFontSize),
+                defaultColor: .placeholderText
+            ),
+            bodyFont: dictionaryToFont(
+                dictionary: bodyFont,
+                defaultFont: UIFont.systemFont(ofSize: UIFont.labelFontSize),
+                defaultColor: .label
+            ),
+            detailTitleFont: dictionaryToFont(
+                dictionary: detailTitleFont,
+                defaultFont: UIFont.systemFont(ofSize: UIFont.labelFontSize),
+                defaultColor: .label
+            ),
+            buttonStyles: dictionaryToButtonStyles(
+                dictionary: buttonStyles
+            ),
+            cellStyles: dictionaryToCellStyles(
+                dictionary: cellStyles
+            )
+        )
+        
+    }
+    
+    func dictionaryToFont(dictionary: [String : Any]?, defaultFont: UIFont, defaultColor: UIColor) -> CourierInboxFont {
+        
+        guard let dict = dictionary else {
+            return CourierInboxFont(
+                font: defaultFont,
+                color: defaultColor
+            )
+        }
+        
+        let family = dict["family"] as? String ?? defaultFont.familyName
+        let size = dict["size"] as? CGFloat ?? defaultFont.pointSize
+        let color = dict["color"] as? String
+        
+        return CourierInboxFont(
+            font: UIFont(name: family, size: size) ?? defaultFont,
+            color: color?.toColor() ?? defaultColor
+        )
+        
+    }
+    
+    func dictionaryToButtonStyles(dictionary: [String : Any]?) -> CourierInboxButtonStyles {
+        
+        guard let dict = dictionary else {
+            return CourierInboxButtonStyles()
+        }
+        
+        let font = dict["font"] as? [String : Any]
+        let backgroundColor = dict["backgroundColor"] as? String
+        let cornerRadius = dict["cornerRadius"] as? CGFloat
+        
+        return CourierInboxButtonStyles(
+            font: dictionaryToFont(
+                dictionary: font,
+                defaultFont: UIFont.systemFont(ofSize: UIFont.labelFontSize),
+                defaultColor: .white
+            ),
+            backgroundColor: backgroundColor?.toColor(),
+            cornerRadius: cornerRadius ?? 8
+        )
+        
+    }
+    
+    func dictionaryToCellStyles(dictionary: [String : Any]?) -> CourierInboxCellStyles {
+        
+        guard let dict = dictionary else {
+            return CourierInboxCellStyles()
+        }
+        
+        let separatorStyle = dict["separatorStyle"] as? String
+        let separatorColor = dict["separatorColor"] as? String
+        let selectionStyle = dict["selectionStyle"] as? String
+        
+        let insets = dict["separatorInsets"] as? [String : Any]
+        let top = insets?["top"] as? CGFloat
+        let left = insets?["left"] as? CGFloat
+        let right = insets?["right"] as? CGFloat
+        let bottom = insets?["bottom"] as? CGFloat
+        let separatorInsets = UIEdgeInsets(top: top ?? 0, left: left ?? 0, bottom: bottom ?? 0, right: right ?? 0)
+        
+        return CourierInboxCellStyles(
+            separatorStyle: separatorStyle?.toSeparatorStyle() ?? .singleLine,
+            separatorInsets: separatorInsets,
+            separatorColor: separatorColor?.toColor(),
+            selectionStyle: selectionStyle?.toSelectionStyle() ?? .default
+        )
+        
+    }
+    
+}
+
+internal extension InboxMessage {
+    
+    @objc func toDictionary() -> NSDictionary {
+        
+        let dictionary: [String: Any?] = [
+            "messageId": messageId,
+            "title": title,
+            "body": body,
+            "preview": preview,
+            "created": created,
+            "actions": actions?.map { $0.toDictionary() },
+            "data": data,
+            "read": isRead,
+            "opened": isOpened,
+            "archived": isArchived
+        ]
+
+        let mutableDictionary = NSMutableDictionary()
+        for (key, value) in dictionary {
+            if let unwrappedValue = value {
+                mutableDictionary[key] = unwrappedValue
+            }
+        }
+
+        return mutableDictionary
+        
+    }
+    
+}
+
+internal extension InboxAction {
+    
+    @objc func toDictionary() -> NSDictionary {
+        
+        let dictionary: [String: Any?] = [
+            "content": content,
+            "href": href,
+            "data": data
+        ]
+
+        let mutableDictionary = NSMutableDictionary()
+        for (key, value) in dictionary {
+            if let unwrappedValue = value {
+                mutableDictionary[key] = unwrappedValue
+            }
+        }
+
+        return mutableDictionary
+        
+    }
+    
+}
+
+internal extension String {
+    
+    func toRowAnimation() -> UITableView.RowAnimation {
+        
+        switch self.lowercased() {
+            case "fade": return .fade
+            case "right": return .right
+            case "left": return .left
+            case "top": return .top
+            case "bottom": return .bottom
+            case "none": return .none
+            case "middle": return .middle
+            case "automatic":
+                if #available(iOS 11.0, *) {
+                    return .automatic
+                } else {
+                    return .fade
+                }
+            default: return .fade
+        }
+        
+    }
+    
+    func toSeparatorStyle() -> UITableViewCell.SeparatorStyle {
+        
+        switch self.lowercased() {
+            case "none": return .none
+            case "singleLine": return .singleLine
+            case "singleLineEtched": return .singleLineEtched
+            default: return .singleLine
+        }
+        
+    }
+    
+    func toSelectionStyle() -> UITableViewCell.SelectionStyle? {
+        
+        switch self.lowercased() {
+            case "none": return .none
+            case "blue": return .blue
+            case "gray": return .gray
+            case "default": return .default
+            default: return .default
+        }
+        
+    }
+    
+    func toColor() -> UIColor? {
+        
+        var hexSanitized = trimmingCharacters(in: .whitespacesAndNewlines)
+        hexSanitized = hexSanitized.replacingOccurrences(of: "#", with: "")
+
+        var rgb: UInt64 = 0
+
+        Scanner(string: hexSanitized).scanHexInt64(&rgb)
+
+        guard hexSanitized.count == 6 else {
+            return nil
+        }
+
+        return UIColor(
+            red: CGFloat((rgb & 0xFF0000) >> 16) / 255.0,
+            green: CGFloat((rgb & 0x00FF00) >> 8) / 255.0,
+            blue: CGFloat(rgb & 0x0000FF) / 255.0,
+            alpha: 1.0
+        )
+        
+    }
+    
+}