@trycourier/courier-react-native 2.5.0 → 3.0.0

package/android/build.gradle

@@ -101,7 +101,7 @@ dependencies {
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
   // Courier Core SDK
-  api 'com.github.trycourier:courier-android:2.5.0'
+  api 'com.github.trycourier:courier-android:3.2.6'
   api 'androidx.recyclerview:recyclerview:1.3.2'
 
 }

package/android/src/main/java/com/courierreactnative/CourierInboxViewManager.kt

@@ -0,0 +1,187 @@
+package com.courierreactnative
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.View
+import com.courier.android.ui.CourierStyles
+import com.courier.android.ui.inbox.CourierInbox
+import com.courier.android.ui.inbox.CourierInboxTheme
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+
+internal class CourierReactNativeInboxView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : CourierInbox(context, attrs, defStyleAttr) {
+
+  override fun requestLayout() {
+    super.requestLayout()
+    post(measureAndLayout)
+  }
+
+  private val measureAndLayout = Runnable {
+    measure(
+      MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+      MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+    )
+    layout(left, top, right, bottom)
+  }
+
+}
+
+class CourierInboxViewManager : SimpleViewManager<CourierInbox>() {
+
+  private var themedReactContext: ThemedReactContext? = null
+
+  private companion object {
+    const val ON_CLICK_MESSAGE_AT_INDEX = "courierClickMessageAtIndex"
+    const val ON_CLICK_ACTION_AT_INDEX = "courierClickActionAtIndex"
+    const val ON_SCROLL = "courierScrollInbox"
+  }
+
+  override fun getName() = "CourierInboxView"
+
+  override fun createViewInstance(reactContext: ThemedReactContext): CourierInbox {
+    themedReactContext = reactContext
+    return CourierReactNativeInboxView(reactContext)
+  }
+
+  @ReactProp(name = "onClickInboxMessageAtIndex")
+  fun setOnClickInboxMessageAtIndex(view: CourierInbox, callback: Boolean) {
+
+    view.setOnClickMessageListener { message, index ->
+      val map = Arguments.createMap()
+      map.putMap("message", message.toWritableMap())
+      map.putInt("index", index)
+      themedReactContext?.sendEvent(ON_CLICK_MESSAGE_AT_INDEX, map)
+    }
+
+  }
+
+  @ReactProp(name = "onClickInboxActionForMessageAtIndex")
+  fun setOnClickInboxActionForMessageAtIndex(view: CourierInbox, callback: Boolean) {
+
+    view.setOnClickActionListener { action, message, index ->
+      val map = Arguments.createMap()
+      map.putMap("action", action.toWritableMap())
+      map.putMap("message", message.toWritableMap())
+      map.putInt("index", index)
+      themedReactContext?.sendEvent(ON_CLICK_ACTION_AT_INDEX, map)
+    }
+
+  }
+
+  @ReactProp(name = "onScrollInbox")
+  fun setOnScrollInbox(view: CourierInbox, callback: Boolean) {
+
+    view.setOnScrollInboxListener { offsetInDp ->
+
+      val offset = Arguments.createMap()
+      offset.putInt("y", offsetInDp)
+      offset.putInt("x", 0)
+
+      val map = Arguments.createMap()
+      map.putMap("contentOffset", offset)
+
+      themedReactContext?.sendEvent(ON_SCROLL, map)
+
+    }
+
+  }
+
+  @ReactProp(name = "theme")
+  fun setTheme(view: CourierInbox, theme: ReadableMap) {
+    view.lightTheme = theme.getMap("light")?.toTheme(view) ?: CourierInboxTheme.DEFAULT_LIGHT
+    view.darkTheme = theme.getMap("dark")?.toTheme(view) ?: CourierInboxTheme.DEFAULT_DARK
+  }
+
+  private fun ReadableMap.toTheme(view: View): CourierInboxTheme {
+
+    val android = getMap("android")
+    val dividerItemDecoration = android?.getString("dividerItemDecoration")
+
+    val brandId = getString("brandId")
+
+    val unreadIndicatorStyle = getMap("unreadIndicatorStyle")
+    val loadingIndicatorColor = getString("loadingIndicatorColor")
+
+    val titleStyle = getMap("titleStyle")
+    val timeStyle = getMap("timeStyle")
+    val bodyStyle = getMap("bodyStyle")
+    val infoViewStyle = getMap("infoViewStyle")
+    val buttonStyles = getMap("buttonStyles")
+
+    val context = view.context
+
+    return CourierInboxTheme(
+      brandId = brandId,
+      unreadIndicatorStyle = unreadIndicatorStyle?.toUnreadIndicatorStyle() ?: CourierStyles.Inbox.UnreadIndicatorStyle(),
+      loadingIndicatorColor = loadingIndicatorColor?.toColor(),
+      titleStyle = titleStyle?.toTextStyle(context) ?: CourierStyles.Inbox.TextStyle(
+        unread = CourierStyles.Font(),
+        read = CourierStyles.Font(),
+      ),
+      timeStyle = timeStyle?.toTextStyle(context) ?: CourierStyles.Inbox.TextStyle(
+        unread = CourierStyles.Font(),
+        read = CourierStyles.Font(),
+      ),
+      bodyStyle = bodyStyle?.toTextStyle(context) ?: CourierStyles.Inbox.TextStyle(
+        unread = CourierStyles.Font(),
+        read = CourierStyles.Font(),
+      ),
+      buttonStyle = buttonStyles?.toButtonStyle(context) ?: CourierStyles.Inbox.ButtonStyle(
+        unread = CourierStyles.Button(),
+        read = CourierStyles.Button(),
+      ),
+      infoViewStyle = infoViewStyle?.toInfoViewStyle(context) ?: CourierStyles.InfoViewStyle(
+        font = CourierStyles.Font(),
+        button = CourierStyles.Button(),
+      ),
+      dividerItemDecoration = dividerItemDecoration?.toDivider(context),
+    )
+
+  }
+
+  private fun ReadableMap.toTextStyle(context: Context): CourierStyles.Inbox.TextStyle {
+
+    val unread = getMap("unread")
+    val read = getMap("read")
+
+    return CourierStyles.Inbox.TextStyle(
+      unread = unread?.toFont(context) ?: CourierStyles.Font(),
+      read = read?.toFont(context) ?: CourierStyles.Font(),
+    )
+
+  }
+
+  private fun ReadableMap.toUnreadIndicatorStyle(): CourierStyles.Inbox.UnreadIndicatorStyle {
+
+    val indicator = getString("indicator")
+    val color = getString("color")
+
+    var style = CourierStyles.Inbox.UnreadIndicator.LINE
+
+    if (indicator == "dot") {
+      style = CourierStyles.Inbox.UnreadIndicator.DOT
+    }
+
+    return CourierStyles.Inbox.UnreadIndicatorStyle(
+      indicator = style,
+      color = color?.toColor(),
+    )
+
+  }
+
+  private fun ReadableMap.toButtonStyle(context: Context): CourierStyles.Inbox.ButtonStyle {
+
+    val unread = getMap("unread")
+    val read = getMap("read")
+
+    return CourierStyles.Inbox.ButtonStyle(
+      unread = unread?.toButton(context) ?: CourierStyles.Button(),
+      read = read?.toButton(context) ?: CourierStyles.Button()
+    )
+
+  }
+
+}

package/android/src/main/java/com/courierreactnative/CourierPreferencesViewManager.kt

@@ -0,0 +1,128 @@
+package com.courierreactnative
+
+import android.content.Context
+import android.util.AttributeSet
+import androidx.fragment.app.FragmentActivity
+import com.courier.android.models.CourierPreferenceChannel
+import com.courier.android.ui.CourierStyles
+import com.courier.android.ui.preferences.CourierPreferences
+import com.courier.android.ui.preferences.CourierPreferencesTheme
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+
+internal class CourierReactNativePreferencesView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : CourierPreferences(context, attrs, defStyleAttr) {
+
+  override fun requestLayout() {
+    super.requestLayout()
+    post(measureAndLayout)
+  }
+
+  private val measureAndLayout = Runnable {
+    measure(
+      MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+      MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+    )
+    layout(left, top, right, bottom)
+  }
+
+}
+
+class CourierPreferencesViewManager : SimpleViewManager<CourierPreferences>() {
+
+  private var themedReactContext: ThemedReactContext? = null
+
+  private companion object {
+    const val ON_ERROR = "courierPreferenceError"
+  }
+
+  override fun getName() = "CourierPreferencesView"
+
+  override fun createViewInstance(reactContext: ThemedReactContext): CourierPreferences {
+    themedReactContext = reactContext
+    val activity = reactContext.currentActivity as FragmentActivity
+    return CourierReactNativePreferencesView(activity)
+  }
+
+  @ReactProp(name = "onPreferenceError")
+  fun setOnPreferenceError(view: CourierPreferences, callback: Boolean) {
+    view.onError = { error ->
+      val map = Arguments.createMap()
+      map.putString("error", error.message)
+      themedReactContext?.sendEvent(ON_ERROR, map)
+    }
+  }
+
+  @ReactProp(name = "mode")
+  fun setMode(view: CourierPreferences, theme: ReadableMap) {
+    view.mode = theme.toMode()
+  }
+
+  @ReactProp(name = "theme")
+  fun setTheme(view: CourierPreferences, theme: ReadableMap) {
+    view.lightTheme = theme.getMap("light")?.toTheme(view) ?: CourierPreferencesTheme.DEFAULT_LIGHT
+    view.darkTheme = theme.getMap("dark")?.toTheme(view) ?: CourierPreferencesTheme.DEFAULT_DARK
+  }
+
+  private fun ReadableMap.toMode(): CourierPreferences.Mode {
+
+    val type = getString("type")
+
+    if (type == "channels") {
+      val rawChannels = getArray("channels")?.toArrayList()?.toList() ?: emptyList()
+      val channels = rawChannels.map { CourierPreferenceChannel.fromString(it.toString()) }
+      return CourierPreferences.Mode.Channels(channels)
+    }
+
+    return CourierPreferences.Mode.Topic
+
+  }
+
+  private fun ReadableMap.toTheme(view: CourierPreferences): CourierPreferencesTheme {
+
+    val brandId = getString("brandId")
+    val loadingIndicatorColor = getString("loadingIndicatorColor")
+    val sectionTitleFont = getMap("sectionTitleFont")
+    val topicTitleFont = getMap("topicTitleFont")
+    val topicSubtitleFont = getMap("topicSubtitleFont")
+    val sheetTitleFont = getMap("sheetTitleFont")
+
+    val android = getMap("android")
+    val topicDividerItemDecoration = android?.getString("topicDividerItemDecoration")
+    val sheetDividerItemDecoration = android?.getString("sheetDividerItemDecoration")
+    val sheetSettingStyles = android?.getMap("sheetSettingStyles")
+
+    val context = view.context
+    val defaultTheme = CourierPreferencesTheme()
+
+    return CourierPreferencesTheme(
+      brandId = brandId,
+      loadingIndicatorColor = loadingIndicatorColor?.toColor(),
+      sectionTitleFont = sectionTitleFont?.toFont(context) ?: defaultTheme.sectionTitleFont,
+      topicDividerItemDecoration = topicDividerItemDecoration?.toDivider(context),
+      topicTitleFont = topicTitleFont?.toFont(context) ?: defaultTheme.topicTitleFont,
+      topicSubtitleFont = topicSubtitleFont?.toFont(context) ?: defaultTheme.topicSubtitleFont,
+      sheetTitleFont = sheetTitleFont?.toFont(context) ?: defaultTheme.sheetTitleFont,
+      sheetDividerItemDecoration = sheetDividerItemDecoration?.toDivider(context),
+      sheetSettingStyles = sheetSettingStyles?.toSheetSettingStyles(context, fallback = defaultTheme.sheetSettingStyles) ?: defaultTheme.sheetSettingStyles
+    )
+
+  }
+
+  private fun ReadableMap.toSheetSettingStyles(context: Context, fallback: CourierStyles.Preferences.SettingStyles): CourierStyles.Preferences.SettingStyles {
+
+    val font = getMap("font")
+    val toggleThumbColor = getString("toggleThumbColor")
+    val toggleTrackColor = getString("toggleTrackColor")
+
+    return CourierStyles.Preferences.SettingStyles(
+      font = font?.toFont(context) ?: fallback.font,
+      toggleThumbColor = toggleThumbColor?.toColor(),
+      toggleTrackColor = toggleTrackColor?.toColor(),
+    )
+
+  }
+
+}

package/android/src/main/java/com/courierreactnative/CourierReactNativePackage.kt

@@ -7,11 +7,13 @@ import com.facebook.react.uimanager.ViewManager
 
 
 class CourierReactNativePackage : ReactPackage {
+
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
     return listOf(CourierReactNativeModule(reactContext))
   }
 
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return listOf(CourierReactNativeViewManager())
+    return listOf(CourierInboxViewManager(), CourierPreferencesViewManager())
   }
+
 }

package/android/src/main/java/com/courierreactnative/Extensions.kt

@@ -1,8 +1,18 @@
 package com.courierreactnative
 
-import com.courier.android.models.*
+import android.content.Context
+import android.graphics.Color
+import android.graphics.Typeface
+import androidx.recyclerview.widget.DividerItemDecoration
+import com.courier.android.models.CourierPreferenceTopic
+import com.courier.android.models.CourierUserPreferences
+import com.courier.android.models.InboxAction
+import com.courier.android.models.InboxMessage
+import com.courier.android.models.Paging
+import com.courier.android.ui.CourierStyles
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableArray
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.modules.core.DeviceEventManagerModule
@@ -35,6 +45,8 @@ internal fun CourierPreferenceTopic.toWritableMap(): WritableMap {
   map.putString("status", status.value)
   map.putString("topicId", topicId)
   map.putString("topicName", topicName)
+  map.putString("sectionId", sectionId)
+  map.putString("sectionName", sectionName)
 
   val actionsArray = Arguments.createArray()
   customRouting.forEach { routing ->
@@ -151,3 +163,58 @@ internal fun List<Any>?.toWritableArray(): WritableArray {
   }
   return array
 }
+
+internal fun String.toDivider(context: Context): DividerItemDecoration? = if (this == "vertical") DividerItemDecoration(context, DividerItemDecoration.VERTICAL) else null
+
+
+internal fun String.toColor(): Int = Color.parseColor(this)
+
+internal fun String.toFont(context: Context): Typeface? {
+  return try {
+    val assetManager = context.assets
+    Typeface.createFromAsset(assetManager, this)
+  } catch (e: Exception) {
+    e.printStackTrace()
+    null
+  }
+}
+
+internal fun ReadableMap.toFont(context: Context): CourierStyles.Font {
+
+  val typeface = getString("family")
+  val size = if (isNull("size")) null else getDouble("size")
+  val color = getString("color")
+
+  return CourierStyles.Font(
+    typeface = typeface?.toFont(context),
+    color = color?.toColor(),
+    sizeInSp = size?.toInt()
+  )
+
+}
+
+internal fun ReadableMap.toButton(context: Context): CourierStyles.Button {
+
+  val font = getMap("font")
+  val backgroundColor = getString("backgroundColor")
+  val cornerRadius = if (isNull("cornerRadius")) null else getDouble("cornerRadius")
+
+  return CourierStyles.Button(
+    font = font?.toFont(context),
+    backgroundColor = backgroundColor?.toColor(),
+    cornerRadiusInDp = cornerRadius?.toInt()
+  )
+
+}
+
+internal fun ReadableMap.toInfoViewStyle(context: Context): CourierStyles.InfoViewStyle {
+
+  val font = getMap("font")
+  val button = getMap("button")
+
+  return CourierStyles.InfoViewStyle(
+    font = font?.toFont(context) ?: CourierStyles.Font(),
+    button = button?.toButton(context) ?: CourierStyles.Button()
+  )
+
+}

package/courier-react-native.podspec

@@ -17,7 +17,7 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
   
   # Courier Core Dependency
-  s.dependency "Courier_iOS", "2.8.0"
+  s.dependency "Courier_iOS", "3.2.4"
 
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.

package/ios/{CourierReactNativeViewManager.m → CourierInboxReactNativeManager.m}

@@ -1,6 +1,6 @@
 #import <React/RCTViewManager.h>
 
-@interface RCT_EXTERN_MODULE(CourierReactNativeViewManager, RCTViewManager)
+@interface RCT_EXTERN_MODULE(CourierInboxViewManager, RCTViewManager)
 
 RCT_EXPORT_VIEW_PROPERTY(theme, NSDictionary)
 

package/ios/CourierInboxReactNativeManager.swift

@@ -0,0 +1,159 @@
+import Courier_iOS
+
+@objc(CourierInboxViewManager)
+class CourierInboxViewManager: RCTViewManager {
+
+    override func view() -> (CourierInboxView) {
+        return CourierInboxView()
+    }
+
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+}
+
+class CourierInboxView : UIView {
+    
+    @objc var theme: NSDictionary? = [:] {
+        didSet {
+            refresh()
+        }
+    }
+    
+    @objc var onClickInboxMessageAtIndex: RCTBubblingEventBlock? = nil
+    
+    @objc var onClickInboxActionForMessageAtIndex: RCTBubblingEventBlock? = nil
+    
+    @objc var onScrollInbox: RCTBubblingEventBlock? = nil
+    
+    private func refresh() {
+        
+        UIView.setAnimationsEnabled(false)
+        
+        subviews.forEach {
+            $0.removeFromSuperview()
+        }
+        
+        let lightTheme = theme?["light"] as? NSDictionary
+        let darkTheme = theme?["dark"] as? NSDictionary
+        
+        let courierInbox = CourierInbox(
+            lightTheme: lightTheme?.toInboxTheme() ?? .defaultLight,
+            darkTheme: darkTheme?.toInboxTheme() ?? .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
+                    ]
+                ])
+            }
+        )
+
+        courierInbox.translatesAutoresizingMaskIntoConstraints = false
+        addSubview(courierInbox)
+
+        NSLayoutConstraint.activate([
+            courierInbox.topAnchor.constraint(equalTo: topAnchor),
+            courierInbox.bottomAnchor.constraint(equalTo: bottomAnchor),
+            courierInbox.leadingAnchor.constraint(equalTo: leadingAnchor),
+            courierInbox.trailingAnchor.constraint(equalTo: trailingAnchor),
+        ])
+        
+        UIView.setAnimationsEnabled(true)
+        
+    }
+    
+}
+
+internal extension NSDictionary {
+    
+    func toUnreadIndicatorStyle() -> CourierStyles.Inbox.UnreadIndicatorStyle {
+        
+        let indicator = self["indicator"] as? String
+        let color = self["color"] as? String
+        
+        var style: CourierStyles.Inbox.UnreadIndicator = .line
+
+        if (indicator == "dot") {
+            style = .dot
+        }
+        
+        return CourierStyles.Inbox.UnreadIndicatorStyle(
+            indicator: style,
+            color: color?.toColor()
+        )
+        
+    }
+    
+    func toTextStyle(fallback: CourierStyles.Inbox.TextStyle) -> CourierStyles.Inbox.TextStyle {
+        
+        let unread = self["unread"] as? NSDictionary
+        let read = self["read"] as? NSDictionary
+        
+        return CourierStyles.Inbox.TextStyle(
+            unread: unread?.toFont() ?? fallback.unread,
+            read: read?.toFont() ?? fallback.read
+        )
+        
+    }
+    
+    func toButtonStyle(fallback: CourierStyles.Inbox.ButtonStyle) -> CourierStyles.Inbox.ButtonStyle {
+        
+        let unread = self["unread"] as? NSDictionary
+        let read = self["read"] as? NSDictionary
+        
+        return CourierStyles.Inbox.ButtonStyle(
+            unread: unread?.toButton(fallback: fallback.unread) ?? fallback.unread,
+            read: read?.toButton(fallback: fallback.read) ?? fallback.read
+        )
+        
+    }
+    
+    func toInboxTheme() -> CourierInboxTheme? {
+        
+        let defaultTheme = CourierInboxTheme()
+        
+        let brandId = self["brandId"] as? String
+        let unreadIndicatorStyle = self["unreadIndicatorStyle"] as? NSDictionary
+        let loadingIndicatorColor = self["loadingIndicatorColor"] as? String
+        let titleStyle = self["titleStyle"] as? NSDictionary
+        let timeStyle = self["timeStyle"] as? NSDictionary
+        let bodyStyle = self["bodyStyle"] as? NSDictionary
+        let infoViewStyle = self["infoViewStyle"] as? NSDictionary
+        let buttonStyle = self["buttonStyle"] as? NSDictionary
+        
+        let iOS = self["iOS"] as? NSDictionary
+        let messageAnimationStyle = iOS?["messageAnimationStyle"] as? String
+        let cellStyles = iOS?["cellStyles"] as? NSDictionary
+        
+        return CourierInboxTheme(
+            brandId: brandId,
+            messageAnimationStyle: messageAnimationStyle?.toRowAnimation() ?? .left,
+            loadingIndicatorColor: loadingIndicatorColor?.toColor(),
+            unreadIndicatorStyle: unreadIndicatorStyle?.toUnreadIndicatorStyle() ?? defaultTheme.unreadIndicatorStyle,
+            titleStyle: titleStyle?.toTextStyle(fallback: defaultTheme.titleStyle) ?? defaultTheme.titleStyle,
+            timeStyle: timeStyle?.toTextStyle(fallback: defaultTheme.timeStyle) ?? defaultTheme.timeStyle,
+            bodyStyle: bodyStyle?.toTextStyle(fallback: defaultTheme.bodyStyle) ?? defaultTheme.bodyStyle,
+            buttonStyle: buttonStyle?.toButtonStyle(fallback: defaultTheme.buttonStyle) ?? defaultTheme.buttonStyle,
+            cellStyle: cellStyles?.toCellStyle() ?? defaultTheme.cellStyle,
+            infoViewStyle: infoViewStyle?.toInfoView(fallback: defaultTheme.infoViewStyle) ?? defaultTheme.infoViewStyle
+        )
+        
+    }
+    
+}

package/ios/CourierPreferencesReactNativeManager.m

@@ -0,0 +1,11 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(CourierPreferencesViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(mode, NSDictionary)
+
+RCT_EXPORT_VIEW_PROPERTY(theme, NSDictionary)
+
+RCT_EXPORT_VIEW_PROPERTY(onPreferenceError, RCTBubblingEventBlock)
+
+@end