@viafoura/sdk-react-native 0.1.2 → 0.1.4

package/android/src/main/java/expo/modules/viafourasdk/Colors.kt

@@ -0,0 +1,68 @@
+package expo.modules.viafourasdk
+
+import android.graphics.Color
+import com.viafourasdk.src.Constants
+import com.viafourasdk.src.model.local.VFColors
+import com.viafourasdk.src.model.local.VFDefaultColors
+import com.viafourasdk.src.model.local.VFTheme
+
+private const val KEY_COLOR_PRIMARY = "colorPrimary"
+private const val KEY_COLOR_PRIMARY_LIGHT = "colorPrimaryLight"
+private const val KEY_COLOR_AVATARS = "colorAvatars"
+private const val KEY_PRIMARY = "primary"
+private const val KEY_PRIMARY_LIGHT = "primaryLight"
+private const val KEY_AVATARS = "avatars"
+
+internal fun resolveVFColors(colors: Map<String, Any?>?, theme: VFTheme?): VFColors {
+  val defaults = VFDefaultColors.getInstance()
+  val defaultPrimary = defaults.colorPrimaryDefault(null)
+  val defaultPrimaryLight = defaults.colorPrimaryLightDefault(null)
+
+  val primary =
+    parseColorOrNull(colors?.get(KEY_COLOR_PRIMARY) ?: colors?.get(KEY_PRIMARY))
+      ?: defaultPrimary
+  val primaryLight =
+    parseColorOrNull(colors?.get(KEY_COLOR_PRIMARY_LIGHT) ?: colors?.get(KEY_PRIMARY_LIGHT))
+      ?: defaultPrimaryLight
+
+  val vfColors = VFColors(primary, primaryLight)
+  parseAvatarColors(colors?.get(KEY_COLOR_AVATARS) ?: colors?.get(KEY_AVATARS))
+    ?.let { vfColors.setColorAvatars(it) }
+  theme?.let { vfColors.setTheme(it) }
+
+  return vfColors
+}
+
+private fun parseColorOrNull(value: Any?): Int? {
+  return when (value) {
+    is Int -> value
+    is Long -> value.toInt()
+    is Number -> value.toInt()
+    is String -> {
+      if (value.isBlank()) return null
+      try {
+        Color.parseColor(value)
+      } catch (_: IllegalArgumentException) {
+        null
+      }
+    }
+    else -> null
+  }
+}
+
+private fun parseAvatarColors(value: Any?): IntArray? {
+  val list = when (value) {
+    is List<*> -> value
+    is Array<*> -> value.asList()
+    else -> return null
+  }
+
+  if (list.size != Constants.AVATAR_COLORS.size) return null
+
+  val parsed = IntArray(list.size)
+  for (index in list.indices) {
+    val color = parseColorOrNull(list[index]) ?: return null
+    parsed[index] = color
+  }
+  return parsed
+}

package/android/src/main/java/expo/modules/viafourasdk/NewCommentModule.kt

@@ -18,10 +18,11 @@ class NewCommentModule : Module() {
       Prop("articleUrl") { view: NewCommentView, v: String -> view.articleUrl = v }
       Prop("articleThumbnailUrl") { view: NewCommentView, v: String -> view.articleThumbnailUrl = v }
       Prop("darkMode") { view: NewCommentView, v: Boolean? -> view.darkMode = v ?: false }
+      Prop("theme") { view: NewCommentView, v: String? -> view.theme = v }
+      Prop("colors") { view: NewCommentView, v: Map<String, Any?>? -> view.colors = v }
 
       // Events
-      Events("onAuthNeeded", "onCloseNewComment", "onHeightChanged")
+      Events("onAuthNeeded", "onCloseNewComment", "onHeightChanged", "onAction")
     }
   }
 }
-

package/android/src/main/java/expo/modules/viafourasdk/NewCommentView.kt

@@ -20,8 +20,6 @@ import com.viafourasdk.src.interfaces.VFLayoutInterface
 import com.viafourasdk.src.model.local.VFActionData
 import com.viafourasdk.src.model.local.VFActionType
 import com.viafourasdk.src.model.local.VFArticleMetadata
-import com.viafourasdk.src.model.local.VFColors
-import com.viafourasdk.src.model.local.VFDefaultColors
 import com.viafourasdk.src.model.local.VFSettings
 import com.viafourasdk.src.model.local.VFTheme
 import java.net.URL
@@ -40,11 +38,22 @@ class NewCommentView(context: Context, appContext: AppContext) :
   var articleUrl: String? = null
   var articleThumbnailUrl: String? = null
   var darkMode: Boolean = false
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var theme: String? = null
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var colors: Map<String, Any?>? = null
 
   // Events
   private val onAuthNeeded by EventDispatcher()
   private val onCloseNewComment by EventDispatcher()
   private val onHeightChanged by EventDispatcher()
+  private val onAction by EventDispatcher()
 
   // Internals
   private val container = FrameLayout(context).also {
@@ -72,17 +81,16 @@ class NewCommentView(context: Context, appContext: AppContext) :
     val activity = currentActivity() ?: return
 
     try {
+      val resolvedTheme = resolveTheme()
       val metadata = VFArticleMetadata(
         URL(requireNotNull(articleUrl)),
         requireNotNull(articleTitle),
         articleSubtitle ?: "",
         URL(requireNotNull(articleThumbnailUrl))
       )
-      val colors = VFColors(
-        VFDefaultColors.getInstance().colorPrimaryDefault(null),
-        VFDefaultColors.getInstance().colorPrimaryLightDefault(null)
+      val settings = VFSettings(
+        resolveVFColors(colors, resolvedTheme)
       )
-      val settings = VFSettings(colors)
 
       val type = when (newCommentActionType) {
         "edit" -> VFNewCommentAction.VFNewCommentActionType.edit
@@ -99,7 +107,7 @@ class NewCommentView(context: Context, appContext: AppContext) :
       val frag = builder.build()
       frag.setActionCallback(this)
       frag.setCustomUICallback(this)
-      frag.setTheme(if (darkMode) VFTheme.dark else VFTheme.light)
+      frag.setTheme(resolvedTheme)
 
       activity.supportFragmentManager
         .beginTransaction()
@@ -127,15 +135,18 @@ class NewCommentView(context: Context, appContext: AppContext) :
 
   // VFActionsInterface
   override fun onNewAction(actionType: VFActionType, action: VFActionData) {
+    val actionPayload = mutableMapOf<String, Any>("type" to actionType.toString())
     when (actionType) {
       VFActionType.closeNewCommentPressed -> {
         onCloseNewComment(emptyMap<String, Any>())
       }
       VFActionType.authPressed -> {
+        actionPayload["requireLogin"] = true
         onAuthNeeded(mapOf("requireLogin" to true))
       }
       else -> {}
     }
+    onAction(actionPayload)
   }
 
   // VFCustomUIInterface
@@ -149,4 +160,16 @@ class NewCommentView(context: Context, appContext: AppContext) :
   override fun containerHeightUpdated(fragment: VFFragment, containerId: String, height: Int) {
     onHeightChanged(mapOf("newHeight" to height, "containerId" to containerId))
   }
+
+  private fun resolveTheme(): VFTheme {
+    return when (theme?.lowercase()) {
+      "dark" -> VFTheme.dark
+      "light" -> VFTheme.light
+      else -> if (darkMode) VFTheme.dark else VFTheme.light
+    }
+  }
+
+  private fun applyThemeIfReady() {
+    fragment?.setTheme(resolveTheme())
+  }
 }

package/android/src/main/java/expo/modules/viafourasdk/PreviewCommentsModule.kt

@@ -17,10 +17,11 @@ class PreviewCommentsModule : Module() {
       Prop("articleThumbnailUrl") { view: PreviewCommentsView, v: String -> view.articleThumbnailUrl = v }
       Prop("syndicationKey") { view: PreviewCommentsView, v: String? -> view.syndicationKey = v }
       Prop("darkMode") { view: PreviewCommentsView, v: Boolean? -> view.darkMode = v ?: false }
+      Prop("theme") { view: PreviewCommentsView, v: String? -> view.theme = v }
+      Prop("colors") { view: PreviewCommentsView, v: Map<String, Any?>? -> view.colors = v }
 
       // Events
-      Events("onHeightChanged", "onAuthNeeded", "onOpenProfile", "onNewComment", "onArticlePressed")
+      Events("onHeightChanged", "onAuthNeeded", "onOpenProfile", "onNewComment", "onArticlePressed", "onAction")
     }
   }
 }
-

package/android/src/main/java/expo/modules/viafourasdk/PreviewCommentsView.kt

@@ -20,8 +20,6 @@ import com.viafourasdk.src.interfaces.VFLayoutInterface
 import com.viafourasdk.src.model.local.VFActionData
 import com.viafourasdk.src.model.local.VFActionType
 import com.viafourasdk.src.model.local.VFArticleMetadata
-import com.viafourasdk.src.model.local.VFColors
-import com.viafourasdk.src.model.local.VFDefaultColors
 import com.viafourasdk.src.model.local.VFSettings
 import com.viafourasdk.src.model.local.VFTheme
 import java.net.URL
@@ -38,6 +36,16 @@ class PreviewCommentsView(context: Context, appContext: AppContext) :
   var articleThumbnailUrl: String? = null
   var syndicationKey: String? = null
   var darkMode: Boolean = false
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var theme: String? = null
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var colors: Map<String, Any?>? = null
 
   // Events
   private val onHeightChanged by EventDispatcher()
@@ -45,6 +53,7 @@ class PreviewCommentsView(context: Context, appContext: AppContext) :
   private val onOpenProfile by EventDispatcher()
   private val onNewComment by EventDispatcher()
   private val onArticlePressed by EventDispatcher()
+  private val onAction by EventDispatcher()
 
   // Internals
   private val container = FrameLayout(context).also {
@@ -73,17 +82,16 @@ class PreviewCommentsView(context: Context, appContext: AppContext) :
     val activity = currentActivity() ?: return
 
     try {
+      val resolvedTheme = resolveTheme()
       val meta = VFArticleMetadata(
         URL(requireNotNull(articleUrl)),
         requireNotNull(articleTitle),
         articleSubtitle ?: "",
         URL(requireNotNull(articleThumbnailUrl))
       )
-      val colors = VFColors(
-        VFDefaultColors.getInstance().colorPrimaryDefault(null),
-        VFDefaultColors.getInstance().colorPrimaryLightDefault(null)
+      val settings = VFSettings(
+        resolveVFColors(colors, resolvedTheme)
       )
-      val settings = VFSettings(colors)
 
       val builder = VFPreviewCommentsFragmentBuilder(requireNotNull(containerId), meta, settings)
       syndicationKey?.let { builder.syndicationKey(it) }
@@ -91,7 +99,7 @@ class PreviewCommentsView(context: Context, appContext: AppContext) :
       frag.setActionCallback(this)
       frag.setLayoutCallback(this)
       frag.setCustomUICallback(this)
-      frag.setTheme(if (darkMode) VFTheme.dark else VFTheme.light)
+      frag.setTheme(resolvedTheme)
       authorId?.let { if (it.isNotEmpty()) frag.setAuthorIds(listOf(it)) }
 
       activity.supportFragmentManager
@@ -127,33 +135,54 @@ class PreviewCommentsView(context: Context, appContext: AppContext) :
 
   // VFActionsInterface
   override fun onNewAction(actionType: VFActionType, action: VFActionData) {
+    val actionPayload = mutableMapOf<String, Any>("type" to actionType.toString())
     when (actionType) {
       VFActionType.writeNewCommentPressed -> {
         val payload = mutableMapOf<String, Any>()
         action.newCommentAction?.content?.toString()?.let { payload["content"] = it }
         action.newCommentAction?.type?.toString()?.let { payload["actionType"] = it }
+        actionPayload.putAll(payload)
         onNewComment(payload)
       }
       VFActionType.openProfilePressed -> {
         val payload = mutableMapOf<String, Any>()
         action.openProfileAction?.presentationType?.toString()?.let { payload["presentationType"] = it }
         action.openProfileAction?.userUUID?.toString()?.let { payload["userUUID"] = it }
+        actionPayload.putAll(payload)
         onOpenProfile(payload)
       }
       VFActionType.trendingArticlePressed -> {
-        val url = action.trendingPressedAction?.articleMetadata?.url?.toString() ?: return
+        val url = action.trendingPressedAction?.articleMetadata?.url?.toString()
         val containerId = action.trendingPressedAction?.containerId ?: ""
-        onArticlePressed(mapOf("articleUrl" to url, "containerId" to containerId))
+        url?.let { actionPayload["articleUrl"] = it }
+        actionPayload["containerId"] = containerId
+        if (url != null) {
+          onArticlePressed(mapOf("articleUrl" to url, "containerId" to containerId))
+        }
       }
       VFActionType.authPressed -> {
+        actionPayload["requireLogin"] = true
         onAuthNeeded(mapOf("requireLogin" to true))
       }
       else -> {}
     }
+    onAction(actionPayload)
   }
 
   // VFLayoutInterface
   override fun containerHeightUpdated(fragment: VFFragment, containerId: String, height: Int) {
     onHeightChanged(mapOf("newHeight" to height, "containerId" to containerId))
   }
+
+  private fun resolveTheme(): VFTheme {
+    return when (theme?.lowercase()) {
+      "dark" -> VFTheme.dark
+      "light" -> VFTheme.light
+      else -> if (darkMode) VFTheme.dark else VFTheme.light
+    }
+  }
+
+  private fun applyThemeIfReady() {
+    fragment?.setTheme(resolveTheme())
+  }
 }

package/android/src/main/java/expo/modules/viafourasdk/ProfileModule.kt

@@ -12,10 +12,11 @@ class ProfileModule : Module() {
       Prop("userUUID") { view: ProfileView, v: String -> view.userUUID = v }
       Prop("presentationType") { view: ProfileView, v: String? -> view.presentationType = v }
       Prop("darkMode") { view: ProfileView, v: Boolean? -> view.darkMode = v ?: false }
+      Prop("theme") { view: ProfileView, v: String? -> view.theme = v }
+      Prop("colors") { view: ProfileView, v: Map<String, Any?>? -> view.colors = v }
 
       // Events
-      Events("onAuthNeeded", "onCloseProfile")
+      Events("onAuthNeeded", "onCloseProfile", "onAction")
     }
   }
 }
-

package/android/src/main/java/expo/modules/viafourasdk/ProfileView.kt

@@ -17,8 +17,6 @@ import com.viafourasdk.src.interfaces.VFCustomUIInterface
 import com.viafourasdk.src.interfaces.VFLayoutInterface
 import com.viafourasdk.src.model.local.VFActionData
 import com.viafourasdk.src.model.local.VFActionType
-import com.viafourasdk.src.model.local.VFDefaultColors
-import com.viafourasdk.src.model.local.VFColors
 import com.viafourasdk.src.model.local.VFSettings
 import com.viafourasdk.src.model.local.VFProfilePresentationType
 import com.viafourasdk.src.model.local.VFTheme
@@ -31,10 +29,21 @@ class ProfileView(context: Context, appContext: AppContext) :
   var userUUID: String? = null
   var presentationType: String? = null // "profile" | "feed"
   var darkMode: Boolean = false
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var theme: String? = null
+    set(value) {
+      field = value
+      applyThemeIfReady()
+    }
+  var colors: Map<String, Any?>? = null
 
   // Events
   private val onAuthNeeded by EventDispatcher()
   private val onCloseProfile by EventDispatcher()
+  private val onAction by EventDispatcher()
 
   // Internals
   private val container = FrameLayout(context).also {
@@ -62,11 +71,10 @@ class ProfileView(context: Context, appContext: AppContext) :
     val activity = currentActivity() ?: return
 
     try {
-      val colors = VFColors(
-        VFDefaultColors.getInstance().colorPrimaryDefault(null),
-        VFDefaultColors.getInstance().colorPrimaryLightDefault(null)
+      val resolvedTheme = resolveTheme()
+      val settings = VFSettings(
+        resolveVFColors(colors, resolvedTheme)
       )
-      val settings = VFSettings(colors)
 
       val pres = when (presentationType) {
         "feed" -> VFProfilePresentationType.feed
@@ -77,7 +85,7 @@ class ProfileView(context: Context, appContext: AppContext) :
       val frag = VFProfileFragmentBuilder(uuid, pres, settings).build()
       frag.setActionCallback(this)
       frag.setCustomUICallback(this)
-      frag.setTheme(if (darkMode) VFTheme.dark else VFTheme.light)
+      frag.setTheme(resolvedTheme)
 
       activity.supportFragmentManager
         .beginTransaction()
@@ -105,15 +113,18 @@ class ProfileView(context: Context, appContext: AppContext) :
 
   // VFActionsInterface
   override fun onNewAction(actionType: VFActionType, action: VFActionData) {
+    val actionPayload = mutableMapOf<String, Any>("type" to actionType.toString())
     when (actionType) {
       VFActionType.closeProfilePressed -> {
         onCloseProfile(emptyMap<String, Any>())
       }
       VFActionType.authPressed -> {
+        actionPayload["requireLogin"] = true
         onAuthNeeded(mapOf("requireLogin" to true))
       }
       else -> {}
     }
+    onAction(actionPayload)
   }
 
   // VFCustomUIInterface
@@ -129,4 +140,16 @@ class ProfileView(context: Context, appContext: AppContext) :
     containerId: String,
     height: Int
   ) { /* no-op for profile */ }
+
+  private fun resolveTheme(): VFTheme {
+    return when (theme?.lowercase()) {
+      "dark" -> VFTheme.dark
+      "light" -> VFTheme.light
+      else -> if (darkMode) VFTheme.dark else VFTheme.light
+    }
+  }
+
+  private fun applyThemeIfReady() {
+    fragment?.setTheme(resolveTheme())
+  }
 }

package/build/Viafoura.types.d.ts

@@ -5,7 +5,49 @@ export type ViafouraModuleEvents = {
 export type ChangeEventPayload = {
     value: string;
 };
-export type PreviewCommentsEvents = 'onHeightChanged' | 'onAuthNeeded' | 'onOpenProfile' | 'onNewComment' | 'onArticlePressed';
+export type PreviewCommentsEvents = 'onHeightChanged' | 'onAuthNeeded' | 'onOpenProfile' | 'onNewComment' | 'onArticlePressed' | 'onAction';
+export type ViafouraColors = {
+    colorPrimary?: string;
+    colorPrimaryLight?: string;
+    colorAvatars?: string[];
+};
+export type ActionCallbackType = 'writeNewCommentPressed' | 'trendingArticlePressed' | 'openProfilePressed' | 'seeMoreCommentsPressed' | 'notificationPressed' | 'commentPosted' | 'replyPosted' | 'authPressed' | 'closeNewCommentPressed' | 'closeProfilePressed';
+export type ActionCallbackPayload = {
+    type: 'writeNewCommentPressed';
+    actionType?: 'create' | 'edit' | 'reply';
+    content?: string;
+} | {
+    type: 'trendingArticlePressed';
+    containerId?: string;
+    articleUrl?: string;
+} | {
+    type: 'openProfilePressed';
+    userUUID?: string;
+    presentationType?: 'profile' | 'feed';
+} | {
+    type: 'seeMoreCommentsPressed';
+} | {
+    type: 'notificationPressed';
+    presentationType?: 'profile' | 'content';
+    userUUID?: string;
+    containerUUID?: string;
+    contentUUID?: string;
+    containerId?: string;
+    articleUrl?: string;
+} | {
+    type: 'commentPosted';
+    content?: string;
+} | {
+    type: 'replyPosted';
+    content?: string;
+} | {
+    type: 'authPressed';
+    requireLogin?: boolean;
+} | {
+    type: 'closeNewCommentPressed';
+} | {
+    type: 'closeProfilePressed';
+};
 export type PreviewCommentsHeightChangedPayload = {
     newHeight: number;
     containerId: string;
@@ -34,6 +76,8 @@ export type PreviewCommentsViewProps = {
     articleThumbnailUrl: string;
     syndicationKey?: string;
     darkMode?: boolean;
+    theme?: 'light' | 'dark';
+    colors?: ViafouraColors;
     onHeightChanged?: (event: {
         nativeEvent: PreviewCommentsHeightChangedPayload;
     }) => void;
@@ -49,6 +93,9 @@ export type PreviewCommentsViewProps = {
     onArticlePressed?: (event: {
         nativeEvent: PreviewCommentsArticlePressedPayload;
     }) => void;
+    onAction?: (event: {
+        nativeEvent: ActionCallbackPayload;
+    }) => void;
     style?: StyleProp<ViewStyle>;
 };
 export type ProfileAuthNeededPayload = {
@@ -58,12 +105,17 @@ export type ProfileViewProps = {
     userUUID: string;
     presentationType?: 'profile' | 'feed';
     darkMode?: boolean;
+    theme?: 'light' | 'dark';
+    colors?: ViafouraColors;
     onAuthNeeded?: (event: {
         nativeEvent: ProfileAuthNeededPayload;
     }) => void;
     onCloseProfile?: (event: {
         nativeEvent: Record<string, never>;
     }) => void;
+    onAction?: (event: {
+        nativeEvent: ActionCallbackPayload;
+    }) => void;
     style?: StyleProp<ViewStyle>;
 };
 export type NewCommentHeightChangedPayload = PreviewCommentsHeightChangedPayload;
@@ -78,6 +130,8 @@ export type NewCommentViewProps = {
     articleUrl: string;
     articleThumbnailUrl: string;
     darkMode?: boolean;
+    theme?: 'light' | 'dark';
+    colors?: ViafouraColors;
     onHeightChanged?: (event: {
         nativeEvent: NewCommentHeightChangedPayload;
     }) => void;
@@ -87,6 +141,9 @@ export type NewCommentViewProps = {
     onCloseNewComment?: (event: {
         nativeEvent: Record<string, never>;
     }) => void;
+    onAction?: (event: {
+        nativeEvent: ActionCallbackPayload;
+    }) => void;
     style?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=Viafoura.types.d.ts.map

package/build/Viafoura.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Viafoura.types.d.ts","sourceRoot":"","sources":["../src/Viafoura.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Viafoura.types.d.ts","sourceRoot":"","sources":["../src/Viafoura.types.ts"],"names":[],"mappings":"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"}

package/build/Viafoura.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Viafoura.types.js","sourceRoot":"","sources":["../src/Viafoura.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\nexport type ViafouraModuleEvents = {\n  onChange: (params: ChangeEventPayload) => void;\n};\n\nexport type ChangeEventPayload = {\n  value: string;\n};\n\n\nexport type PreviewCommentsEvents =\n  | 'onHeightChanged'\n  | 'onAuthNeeded'\n  | 'onOpenProfile'\n  | 'onNewComment'\n  | 'onArticlePressed';\n\nexport type PreviewCommentsHeightChangedPayload = {\n  newHeight: number;\n  containerId: string;\n};\n\nexport type PreviewCommentsAuthNeededPayload = {\n  requireLogin?: boolean;\n};\n\nexport type PreviewCommentsOpenProfilePayload = {\n  userUUID: string;\n  presentationType?: string;\n};\n\nexport type PreviewCommentsNewCommentPayload = {\n  content?: string;\n  actionType?: string;\n};\n\nexport type PreviewCommentsArticlePressedPayload = {\n  articleUrl: string;\n  containerId: string;\n};\n\nexport type PreviewCommentsViewProps = {\n  containerId: string;\n  authorId?: string;\n  articleUrl: string;\n  articleTitle: string;\n  articleSubtitle?: string;\n  articleThumbnailUrl: string;\n  syndicationKey?: string;\n  darkMode?: boolean;\n  onHeightChanged?: (event: { nativeEvent: PreviewCommentsHeightChangedPayload }) => void;\n  onAuthNeeded?: (event: { nativeEvent: PreviewCommentsAuthNeededPayload }) => void;\n  onOpenProfile?: (event: { nativeEvent: PreviewCommentsOpenProfilePayload }) => void;\n  onNewComment?: (event: { nativeEvent: PreviewCommentsNewCommentPayload }) => void;\n  onArticlePressed?: (event: { nativeEvent: PreviewCommentsArticlePressedPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport type ProfileAuthNeededPayload = {\n  requireLogin?: boolean;\n};\n\nexport type ProfileViewProps = {\n  userUUID: string;\n  presentationType?: 'profile' | 'feed';\n  darkMode?: boolean;\n  onAuthNeeded?: (event: { nativeEvent: ProfileAuthNeededPayload }) => void;\n  onCloseProfile?: (event: { nativeEvent: Record<string, never> }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport type NewCommentHeightChangedPayload = PreviewCommentsHeightChangedPayload;\nexport type NewCommentAuthNeededPayload = PreviewCommentsAuthNeededPayload;\n\nexport type NewCommentViewProps = {\n  newCommentActionType: 'create' | 'edit' | 'reply';\n  content?: string; // UUID as string\n  containerId: string;\n  syndicationKey?: string;\n  articleTitle: string;\n  articleSubtitle?: string;\n  articleUrl: string;\n  articleThumbnailUrl: string;\n  darkMode?: boolean;\n  onHeightChanged?: (event: { nativeEvent: NewCommentHeightChangedPayload }) => void;\n  onAuthNeeded?: (event: { nativeEvent: NewCommentAuthNeededPayload }) => void;\n  onCloseNewComment?: (event: { nativeEvent: Record<string, never> }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n"]}
+{"version":3,"file":"Viafoura.types.js","sourceRoot":"","sources":["../src/Viafoura.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\nexport type ViafouraModuleEvents = {\n  onChange: (params: ChangeEventPayload) => void;\n};\n\nexport type ChangeEventPayload = {\n  value: string;\n};\n\n\nexport type PreviewCommentsEvents =\n  | 'onHeightChanged'\n  | 'onAuthNeeded'\n  | 'onOpenProfile'\n  | 'onNewComment'\n  | 'onArticlePressed'\n  | 'onAction';\n\nexport type ViafouraColors = {\n  colorPrimary?: string;\n  colorPrimaryLight?: string;\n  colorAvatars?: string[];\n};\n\nexport type ActionCallbackType =\n  | 'writeNewCommentPressed'\n  | 'trendingArticlePressed'\n  | 'openProfilePressed'\n  | 'seeMoreCommentsPressed'\n  | 'notificationPressed'\n  | 'commentPosted'\n  | 'replyPosted'\n  | 'authPressed'\n  | 'closeNewCommentPressed'\n  | 'closeProfilePressed';\n\nexport type ActionCallbackPayload =\n  | {\n      type: 'writeNewCommentPressed';\n      actionType?: 'create' | 'edit' | 'reply';\n      content?: string;\n    }\n  | {\n      type: 'trendingArticlePressed';\n      containerId?: string;\n      articleUrl?: string;\n    }\n  | {\n      type: 'openProfilePressed';\n      userUUID?: string;\n      presentationType?: 'profile' | 'feed';\n    }\n  | {\n      type: 'seeMoreCommentsPressed';\n    }\n  | {\n      type: 'notificationPressed';\n      presentationType?: 'profile' | 'content';\n      userUUID?: string;\n      containerUUID?: string;\n      contentUUID?: string;\n      containerId?: string;\n      articleUrl?: string;\n    }\n  | {\n      type: 'commentPosted';\n      content?: string;\n    }\n  | {\n      type: 'replyPosted';\n      content?: string;\n    }\n  | {\n      type: 'authPressed';\n      requireLogin?: boolean;\n    }\n  | {\n      type: 'closeNewCommentPressed';\n    }\n  | {\n      type: 'closeProfilePressed';\n    };\n\nexport type PreviewCommentsHeightChangedPayload = {\n  newHeight: number;\n  containerId: string;\n};\n\nexport type PreviewCommentsAuthNeededPayload = {\n  requireLogin?: boolean;\n};\n\nexport type PreviewCommentsOpenProfilePayload = {\n  userUUID: string;\n  presentationType?: string;\n};\n\nexport type PreviewCommentsNewCommentPayload = {\n  content?: string;\n  actionType?: string;\n};\n\nexport type PreviewCommentsArticlePressedPayload = {\n  articleUrl: string;\n  containerId: string;\n};\n\nexport type PreviewCommentsViewProps = {\n  containerId: string;\n  authorId?: string;\n  articleUrl: string;\n  articleTitle: string;\n  articleSubtitle?: string;\n  articleThumbnailUrl: string;\n  syndicationKey?: string;\n  darkMode?: boolean;\n  theme?: 'light' | 'dark';\n  colors?: ViafouraColors;\n  onHeightChanged?: (event: { nativeEvent: PreviewCommentsHeightChangedPayload }) => void;\n  onAuthNeeded?: (event: { nativeEvent: PreviewCommentsAuthNeededPayload }) => void;\n  onOpenProfile?: (event: { nativeEvent: PreviewCommentsOpenProfilePayload }) => void;\n  onNewComment?: (event: { nativeEvent: PreviewCommentsNewCommentPayload }) => void;\n  onArticlePressed?: (event: { nativeEvent: PreviewCommentsArticlePressedPayload }) => void;\n  onAction?: (event: { nativeEvent: ActionCallbackPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport type ProfileAuthNeededPayload = {\n  requireLogin?: boolean;\n};\n\nexport type ProfileViewProps = {\n  userUUID: string;\n  presentationType?: 'profile' | 'feed';\n  darkMode?: boolean;\n  theme?: 'light' | 'dark';\n  colors?: ViafouraColors;\n  onAuthNeeded?: (event: { nativeEvent: ProfileAuthNeededPayload }) => void;\n  onCloseProfile?: (event: { nativeEvent: Record<string, never> }) => void;\n  onAction?: (event: { nativeEvent: ActionCallbackPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport type NewCommentHeightChangedPayload = PreviewCommentsHeightChangedPayload;\nexport type NewCommentAuthNeededPayload = PreviewCommentsAuthNeededPayload;\n\nexport type NewCommentViewProps = {\n  newCommentActionType: 'create' | 'edit' | 'reply';\n  content?: string; // UUID as string\n  containerId: string;\n  syndicationKey?: string;\n  articleTitle: string;\n  articleSubtitle?: string;\n  articleUrl: string;\n  articleThumbnailUrl: string;\n  darkMode?: boolean;\n  theme?: 'light' | 'dark';\n  colors?: ViafouraColors;\n  onHeightChanged?: (event: { nativeEvent: NewCommentHeightChangedPayload }) => void;\n  onAuthNeeded?: (event: { nativeEvent: NewCommentAuthNeededPayload }) => void;\n  onCloseNewComment?: (event: { nativeEvent: Record<string, never> }) => void;\n  onAction?: (event: { nativeEvent: ActionCallbackPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n"]}

package/ios/PreviewCommentsModule.swift

@@ -13,7 +13,17 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
   var syndicationKey: String = ""
   var articleSubtitle: String = ""
   var articleThumbnailUrl: String = ""
-  var darkMode: Bool = false
+  var darkMode: Bool = false {
+    didSet {
+      applyThemeIfReady()
+    }
+  }
+  var theme: String? = nil {
+    didSet {
+      applyThemeIfReady()
+    }
+  }
+  var colors: [String: Any] = [:]
 
   // Events
   let onHeightChanged = EventDispatcher()
@@ -21,6 +31,7 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
   let onOpenProfile = EventDispatcher()
   let onNewComment = EventDispatcher()
   let onArticlePressed = EventDispatcher()
+  let onAction = EventDispatcher()
 
   // Internals
   let fontBold = UIFont.boldSystemFont(ofSize: 17)
@@ -40,8 +51,9 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
 
   private func initializeSettings() {
     let colors = VFColors(
-      colorPrimary: UIColor(red: 0.00, green: 0.45, blue: 0.91, alpha: 1.00),
-      colorPrimaryLight: UIColor(red: 0.90, green: 0.95, blue: 1.00, alpha: 1.00)
+      colorPrimary: resolveColor(key: "colorPrimary", fallbackKey: "primary", fallback: UIColor(red: 0.00, green: 0.45, blue: 0.91, alpha: 1.00)),
+      colorPrimaryLight: resolveColor(key: "colorPrimaryLight", fallbackKey: "primaryLight", fallback: UIColor(red: 0.90, green: 0.95, blue: 1.00, alpha: 1.00)),
+      colorAvatars: resolveAvatarColors() ?? Constants.AvatarColors.colors
     )
     let fonts = VFFonts(fontBold: fontBold)
     settings = VFSettings(colors: colors, fonts: fonts)
@@ -68,13 +80,19 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
       guard let self else { return }
       switch type {
       case .writeNewCommentPressed(let actionType):
+        self.emitAction(type: "writeNewCommentPressed", payload: ["actionType": self.stringForActionType(actionType)])
         self.presentNewCommentViewController(actionType: actionType)
       case .trendingArticlePressed(let metadata, let containerId):
+        self.emitAction(type: "trendingArticlePressed", payload: ["containerId": containerId, "articleUrl": metadata.url.absoluteString])
         self.onArticlePressed(["containerId": containerId, "articleUrl": metadata.url.absoluteString])
       case .openProfilePressed(let userUUID, let presentationType):
         // Emit event and present profile for parity with Android
-        self.onOpenProfile(["userUUID": userUUID.uuidString, "presentationType": String(describing: presentationType)])
+        let presentation = self.stringForPresentationType(presentationType)
+        self.emitAction(type: "openProfilePressed", payload: ["userUUID": userUUID.uuidString, "presentationType": presentation])
+        self.onOpenProfile(["userUUID": userUUID.uuidString, "presentationType": presentation])
         self.presentProfileViewController(userUUID: userUUID, presentationType: presentationType)
+      case .seeMoreCommentsPressed:
+        self.emitAction(type: "seeMoreCommentsPressed")
       default:
         break
       }
@@ -89,7 +107,7 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
     addSubview(vc.view)
     vc.view.frame = bounds
     vc.didMove(toParent: parentVC)
-    vc.setTheme(theme: darkMode ? .dark : .light)
+    vc.setTheme(theme: resolveTheme())
     self.previewCommentsViewController = vc
   }
 
@@ -107,12 +125,27 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
       switch type {
       case .trendingArticlePressed(let metadata, let containerId):
         profileVC.dismiss(animated: true)
+        self.emitAction(type: "trendingArticlePressed", payload: ["containerId": containerId, "articleUrl": metadata.url.absoluteString])
         self.onArticlePressed(["containerId": containerId, "articleUrl": metadata.url.absoluteString])
+      case .notificationPressed(let presentation):
+        var payload: [String: Any] = [:]
+        switch presentation {
+        case .profile(let userUUID):
+          payload["presentationType"] = "profile"
+          payload["userUUID"] = userUUID.uuidString
+        case .content(let containerUUID, let contentUUID, let containerId, let articleMetadata):
+          payload["presentationType"] = "content"
+          payload["containerUUID"] = containerUUID.uuidString
+          payload["contentUUID"] = contentUUID.uuidString
+          payload["containerId"] = containerId
+          payload["articleUrl"] = articleMetadata.url.absoluteString
+        }
+        self.emitAction(type: "notificationPressed", payload: payload)
       default: break
       }
     }
     profileVC.setActionCallbacks(callbacks: callbacks)
-    profileVC.setTheme(theme: darkMode ? .dark : .light)
+    profileVC.setTheme(theme: resolveTheme())
     parentVC.present(profileVC, animated: true)
   }
 
@@ -129,16 +162,87 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
     let callbacks: VFActionsCallbacks = { [weak self] type in
       guard let self else { return }
       switch type {
-      case .commentPosted:
-        self.onNewComment([:])
+      case .commentPosted(let contentUUID):
+        self.emitAction(type: "commentPosted", payload: ["content": contentUUID.uuidString])
+        self.onNewComment(["content": contentUUID.uuidString])
+      case .replyPosted(let contentUUID):
+        self.emitAction(type: "replyPosted", payload: ["content": contentUUID.uuidString])
       default: break
       }
     }
     newCommentVC.setActionCallbacks(callbacks: callbacks)
-    newCommentVC.setTheme(theme: darkMode ? .dark : .light)
+    newCommentVC.setTheme(theme: resolveTheme())
     parentVC.present(newCommentVC, animated: true)
   }
 
+  private func emitAction(type: String, payload: [String: Any] = [:]) {
+    var event = payload
+    event["type"] = type
+    onAction(event)
+  }
+
+  private func resolveTheme() -> VFTheme {
+    switch theme?.lowercased() {
+    case "dark":
+      return .dark
+    case "light":
+      return .light
+    default:
+      return darkMode ? .dark : .light
+    }
+  }
+
+  private func applyThemeIfReady() {
+    previewCommentsViewController?.setTheme(theme: resolveTheme())
+  }
+
+  private func resolveColor(key: String, fallbackKey: String, fallback: UIColor) -> UIColor {
+    let hex = (colors[key] as? String) ?? (colors[fallbackKey] as? String)
+    if let hex, let parsed = UIColor.vfColor(fromHex: hex) {
+      return parsed
+    }
+    return fallback
+  }
+
+  private func resolveAvatarColors() -> [UIColor]? {
+    let raw = colors["colorAvatars"] ?? colors["avatars"]
+    let list: [String]? = (raw as? [String]) ?? (raw as? [Any])?.compactMap { $0 as? String }
+    guard let list, list.count == Constants.AvatarColors.colors.count else {
+      return nil
+    }
+    var parsed: [UIColor] = []
+    parsed.reserveCapacity(list.count)
+    for hex in list {
+      guard let color = UIColor.vfColor(fromHex: hex) else { return nil }
+      parsed.append(color)
+    }
+    return parsed
+  }
+
+  private func stringForActionType(_ actionType: VFNewCommentActionType) -> String {
+    switch actionType {
+    case .create:
+      return "create"
+    case .edit:
+      return "edit"
+    case .reply:
+      return "reply"
+    @unknown default:
+      return "create"
+    }
+  }
+
+  private func stringForPresentationType(_ presentationType: VFProfilePresentationType) -> String {
+    switch presentationType {
+    case .profile:
+      return "profile"
+    case .feed:
+      return "feed"
+    @unknown default:
+      return "profile"
+    }
+  }
+
   // MARK: VFLayoutDelegate
   func containerHeightUpdated(viewController: VFUIViewController, height: CGFloat) {
     onHeightChanged(["newHeight": height, "containerId": containerId])
@@ -146,6 +250,7 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
 
   // MARK: VFLoginDelegate
   func startLogin() {
+    emitAction(type: "authPressed", payload: ["requireLogin": true])
     onAuthNeeded(["requireLogin": true])
   }
 
@@ -154,6 +259,26 @@ class RNPreviewComments: ExpoView, VFLoginDelegate, VFLayoutDelegate, VFAdDelega
   func generateAd(viewController: VFUIViewController, adPosition: Int) -> VFAdView? { VFAdView() }
 }
 
+extension UIColor {
+  static func vfColor(fromHex hex: String) -> UIColor? {
+    var value = hex.trimmingCharacters(in: .whitespacesAndNewlines)
+    if value.hasPrefix("#") {
+      value.removeFirst()
+    }
+    if value.count == 6 {
+      value = "FF" + value
+    }
+    guard value.count == 8, let hexNumber = UInt64(value, radix: 16) else {
+      return nil
+    }
+    let alpha = CGFloat((hexNumber & 0xFF000000) >> 24) / 255.0
+    let red = CGFloat((hexNumber & 0x00FF0000) >> 16) / 255.0
+    let green = CGFloat((hexNumber & 0x0000FF00) >> 8) / 255.0
+    let blue = CGFloat(hexNumber & 0x000000FF) / 255.0
+    return UIColor(red: red, green: green, blue: blue, alpha: alpha)
+  }
+}
+
 extension UIView {
   var parentViewController: UIViewController? {
     var parentResponder: UIResponder? = self
@@ -187,9 +312,11 @@ public class PreviewCommentsModule: Module {
       Prop("articleThumbnailUrl") { (view: RNPreviewComments, v: String) in view.articleThumbnailUrl = v }
       Prop("syndicationKey") { (view: RNPreviewComments, v: String?) in view.syndicationKey = v ?? "" }
       Prop("darkMode") { (view: RNPreviewComments, v: Bool?) in view.darkMode = v ?? false }
+      Prop("theme") { (view: RNPreviewComments, v: String?) in view.theme = v }
+      Prop("colors") { (view: RNPreviewComments, v: [String: Any]?) in view.colors = v ?? [:] }
 
       // Events
-      Events("onHeightChanged", "onAuthNeeded", "onOpenProfile", "onNewComment", "onArticlePressed")
+      Events("onHeightChanged", "onAuthNeeded", "onOpenProfile", "onNewComment", "onArticlePressed", "onAction")
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viafoura/sdk-react-native",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Viafoura React Native SDK",
   "main": "build/index.js",
   "types": "build/index.d.ts",