react-native-purchases-ui 8.0.0-beta.1 → 8.0.1

package/RNPaywalls.podspec

@@ -10,13 +10,13 @@ Pod::Spec.new do |spec|
   spec.authors      = package['author']
   spec.homepage     = "https://github.com/RevenueCat/react-native-purchases"
   spec.license      = package['license']
-  spec.platform     = :ios, "13.0"
+  spec.platform     = :ios, "11.0"
 
   spec.source       = { :git => "https://github.com/RevenueCat/react-native-purchases.git" }
   spec.source_files = "ios/**/*.{h,m,swift}"
   spec.pod_target_xcconfig = { 'DEFINES_MODULE' => 'YES' }
 
   spec.dependency   "React-Core"
-  spec.dependency   "PurchasesHybridCommonUI", "10.0.0-beta.1"
+  spec.dependency   "PurchasesHybridCommonUI", '13.0.1'
   spec.swift_version    = '5.7'
 end

package/android/build.gradle

@@ -59,7 +59,7 @@ android {
     minSdkVersion getExtOrIntegerDefault("minSdkVersion")
     targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
     versionCode 1
-    versionName '8.0.0-beta.1'
+    versionName '8.0.1'
   }
 
   buildTypes {
@@ -91,7 +91,7 @@ dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation 'com.revenuecat.purchases:purchases-hybrid-common-ui:9.8.0'
+  implementation 'com.revenuecat.purchases:purchases-hybrid-common-ui:13.0.1'
   implementation 'androidx.compose.ui:ui-android:1.5.4'
   implementation "androidx.appcompat:appcompat:1.6.1"
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/BasePaywallViewManager.kt

@@ -1,14 +1,24 @@
 package com.revenuecat.purchases.react.ui
 
 import android.view.View
+import com.facebook.react.bridge.ReactContext
 import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableNativeMap
 import com.facebook.react.common.MapBuilder
 import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.facebook.react.uimanager.events.Event
 import com.revenuecat.purchases.hybridcommon.ui.PaywallListenerWrapper
+import com.revenuecat.purchases.react.ui.events.OnDismissEvent
+import com.revenuecat.purchases.react.ui.events.OnPurchaseCancelledEvent
+import com.revenuecat.purchases.react.ui.events.OnPurchaseCompletedEvent
+import com.revenuecat.purchases.react.ui.events.OnPurchaseErrorEvent
+import com.revenuecat.purchases.react.ui.events.OnPurchaseStartedEvent
+import com.revenuecat.purchases.react.ui.events.OnRestoreCompletedEvent
+import com.revenuecat.purchases.react.ui.events.OnRestoreErrorEvent
+import com.revenuecat.purchases.react.ui.events.OnRestoreStartedEvent
 import com.revenuecat.purchases.ui.revenuecatui.ExperimentalPreviewRevenueCatUIPurchasesAPI
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 
@@ -23,16 +33,19 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
 
     abstract fun setOfferingId(view: T, identifier: String)
 
+    abstract fun setDisplayDismissButton(view: T, display: Boolean)
+
     override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
         return MapBuilder.builder<String, Any>()
-            .putEvent(PaywallEvent.ON_PURCHASE_STARTED)
-            .putEvent(PaywallEvent.ON_PURCHASE_COMPLETED)
-            .putEvent(PaywallEvent.ON_PURCHASE_ERROR)
-            .putEvent(PaywallEvent.ON_PURCHASE_CANCELLED)
-            .putEvent(PaywallEvent.ON_RESTORE_STARTED)
-            .putEvent(PaywallEvent.ON_RESTORE_COMPLETED)
-            .putEvent(PaywallEvent.ON_RESTORE_ERROR)
-            .putEvent(PaywallEvent.ON_DISMISS)
+            .putEvent(PaywallEventName.ON_PURCHASE_STARTED)
+            .putEvent(PaywallEventName.ON_PURCHASE_COMPLETED)
+            .putEvent(PaywallEventName.ON_PURCHASE_ERROR)
+            .putEvent(PaywallEventName.ON_PURCHASE_CANCELLED)
+            .putEvent(PaywallEventName.ON_RESTORE_STARTED)
+            .putEvent(PaywallEventName.ON_RESTORE_COMPLETED)
+            .putEvent(PaywallEventName.ON_RESTORE_ERROR)
+            .putEvent(PaywallEventName.ON_DISMISS)
+            .putEvent(PaywallEventName.ON_MEASURE)
             .build()
     }
 
@@ -44,11 +57,13 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
         options?.let { props ->
             setOfferingIdProp(view, props)
             setFontFamilyProp(view, props)
+            setDisplayCloseButton(view, props)
         }
     }
 
     private fun setOfferingIdProp(view: T, props: ReadableMap?) {
-        val offeringIdentifier = props?.getDynamic(OPTION_OFFERING)?.asMap()?.getString(OFFERING_IDENTIFIER)
+        val offeringIdentifier =
+            props?.getDynamic(OPTION_OFFERING)?.asMap()?.getString(OFFERING_IDENTIFIER)
         offeringIdentifier?.let {
             setOfferingId(view, it)
         }
@@ -60,71 +75,96 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
             FontAssetManager.getFontFamily(fontFamilyName = it, view.resources.assets)?.let {
                 setFontFamily(view, CustomFontProvider(it))
             }
+        }
+    }
 
+    private fun setDisplayCloseButton(view: T, options: ReadableMap) {
+        options.takeIf { it.hasKey("displayCloseButton") }?.let {
+            setDisplayDismissButton(view, it.getBoolean("displayCloseButton"))
         }
     }
 
-    // TODO: RCTEventEmitter is deprecated, and RCTModernEventEmitter should be used instead
-    // but documentation is not clear on how to use it so keeping this for now
     internal fun createPaywallListenerWrapper(
         themedReactContext: ThemedReactContext,
         view: View
     ) = object : PaywallListenerWrapper() {
-
         override fun onPurchaseStarted(rcPackage: Map<String, Any?>) {
-            val payload = mapOf(
-                PaywallEventKey.PACKAGE to rcPackage,
+            val event = OnPurchaseStartedEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                rcPackage
             )
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_PURCHASE_STARTED, payload)
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onPurchaseCompleted(
             customerInfo: Map<String, Any?>,
             storeTransaction: Map<String, Any?>
         ) {
-            val payload = mapOf(
-                PaywallEventKey.CUSTOMER_INFO to customerInfo,
-                PaywallEventKey.STORE_TRANSACTION to storeTransaction
+            val event = OnPurchaseCompletedEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                customerInfo,
+                storeTransaction
             )
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_PURCHASE_COMPLETED, payload)
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onPurchaseError(error: Map<String, Any?>) {
-            val payload = mapOf(PaywallEventKey.ERROR to error)
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_PURCHASE_ERROR, payload)
+            val event = OnPurchaseErrorEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                error
+            )
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onPurchaseCancelled() {
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_PURCHASE_CANCELLED)
+            val event = OnPurchaseCancelledEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+            )
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onRestoreStarted() {
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_RESTORE_STARTED)
+            val event = OnRestoreStartedEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+            )
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onRestoreCompleted(customerInfo: Map<String, Any?>) {
-            val payload = mapOf(PaywallEventKey.CUSTOMER_INFO to customerInfo)
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_RESTORE_COMPLETED, payload)
+            val event = OnRestoreCompletedEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                customerInfo,
+            )
+            emitEvent(themedReactContext, view.id, event)
         }
 
         override fun onRestoreError(error: Map<String, Any?>) {
-            val payload = mapOf(PaywallEventKey.ERROR to error)
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_RESTORE_ERROR, payload)
+            val event = OnRestoreErrorEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                error,
+            )
+            emitEvent(themedReactContext, view.id, event)
         }
 
     }
 
     internal fun getDismissHandler(
         themedReactContext: ThemedReactContext,
-        view: T
-    ): (() -> Unit) {
-        return {
-            emitEvent(themedReactContext, view.id, PaywallEvent.ON_DISMISS)
-        }
+        view: View,
+    ): (() -> Unit) = {
+        val event = OnDismissEvent(view.surfaceId, view.id)
+        emitEvent(themedReactContext, view.id, event)
     }
 
     private fun MapBuilder.Builder<String, Any>.putEvent(
-        paywallEvent: PaywallEvent
+        paywallEvent: PaywallEventName
     ): MapBuilder.Builder<String, Any> {
         val registrationName = MapBuilder.of("registrationName", paywallEvent.eventName)
         return this.put(paywallEvent.eventName, registrationName)
@@ -137,31 +177,12 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
         )
     }
 
-    private fun emitEvent(
-        context: ThemedReactContext,
-        viewId: Int,
-        event: PaywallEvent,
-        payload: Map<PaywallEventKey, Map<String, Any?>>,
-    ) {
-        val convertedPayload = WritableNativeMap().apply {
-            payload.forEach { (key, value) ->
-                putMap(key.key, RNPurchasesConverters.convertMapToWriteableMap(value))
-            }
-        }
-        emitEvent(context, viewId, event, convertedPayload)
-    }
-
-    @Suppress("DEPRECATION")
-    private fun emitEvent(
-        context: ThemedReactContext,
+    protected fun emitEvent(
+        context: ReactContext,
         viewId: Int,
-        event: PaywallEvent,
-        payload: WritableNativeMap? = null
+        event: Event<*>,
     ) {
-        context.getJSModule(RCTEventEmitter::class.java).receiveEvent(
-            viewId,
-            event.eventName,
-            payload
-        )
+        val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, viewId)
+        eventDispatcher?.dispatchEvent(event)
     }
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/FontAssetManager.kt

@@ -5,11 +5,16 @@ import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.font.FontWeight
+import com.revenuecat.purchases.ui.revenuecatui.ExperimentalPreviewRevenueCatUIPurchasesAPI
+import com.revenuecat.purchases.ui.revenuecatui.fonts.PaywallFont
+import com.revenuecat.purchases.ui.revenuecatui.fonts.PaywallFontFamily
 
 
+@OptIn(ExperimentalPreviewRevenueCatUIPurchasesAPI::class)
 internal object FontAssetManager {
     @get:Synchronized
     private var fontFamilyCache = mapOf<String, FontFamily>()
+    private var paywallFontFamilyCache = mapOf<String, PaywallFontFamily>()
     private val FILE_EXTENSIONS = arrayOf(".ttf", ".otf")
 
     private const val FONT_PATH = "fonts/"
@@ -39,23 +44,16 @@ internal object FontAssetManager {
         if (cachedFontFamily != null) {
             return cachedFontFamily
         }
-        val existingFontFileNames = assetManager.list(FONT_PATH)?.toList() ?: emptyList()
-        val fontsInFamily = mutableListOf<Font>()
-        FontStyleExtension.values().forEach { styleExtension ->
-            FILE_EXTENSIONS.forEach { fileNameExtension ->
-                val fileName = "$fontFamilyName${styleExtension.extension}$fileNameExtension"
-                if (existingFontFileNames.contains(fileName)) {
-                    fontsInFamily.add(
-                        Font(
-                            path = FONT_PATH + fileName,
-                            assetManager = assetManager,
-                            weight = styleExtension.weight,
-                            style = styleExtension.style
-                        )
-                    )
-                }
+
+        val fontsInFamily =
+            getFontsInFamily(fontFamilyName, assetManager) { fileName, styleExtension ->
+                Font(
+                    path = FONT_PATH + fileName,
+                    assetManager = assetManager,
+                    weight = styleExtension.weight,
+                    style = styleExtension.style
+                )
             }
-        }
 
         return if (fontsInFamily.isNotEmpty()) {
             val fontFamily = FontFamily(fontsInFamily)
@@ -65,4 +63,50 @@ internal object FontAssetManager {
             null
         }
     }
+
+    @Synchronized
+    fun getPaywallFontFamily(
+        fontFamilyName: String,
+        assetManager: AssetManager
+    ): PaywallFontFamily? {
+        val cachedPaywallFontFamily = paywallFontFamilyCache[fontFamilyName]
+        if (cachedPaywallFontFamily != null) {
+            return cachedPaywallFontFamily
+        }
+
+        val paywallFontsInFamily =
+            getFontsInFamily(fontFamilyName, assetManager) { fileName, styleExtension ->
+                PaywallFont.AssetFont(
+                    path = FONT_PATH + fileName,
+                    fontWeight = styleExtension.weight,
+                    fontStyle = styleExtension.style.value
+                )
+            }
+
+        return if (paywallFontsInFamily.isNotEmpty()) {
+            val fontFamily = PaywallFontFamily(paywallFontsInFamily)
+            paywallFontFamilyCache = paywallFontFamilyCache + (fontFamilyName to fontFamily)
+            fontFamily
+        } else {
+            null
+        }
+    }
+
+    private fun <T> getFontsInFamily(
+        fontFamilyName: String,
+        assetManager: AssetManager,
+        createFont: (String, FontStyleExtension) -> T
+    ): List<T> {
+        val existingFontFileNames = assetManager.list(FONT_PATH)?.toList() ?: emptyList()
+        val fontsInFamily = mutableListOf<T>()
+        FontStyleExtension.values().forEach { styleExtension ->
+            FILE_EXTENSIONS.forEach { fileNameExtension ->
+                val fileName = "$fontFamilyName${styleExtension.extension}$fileNameExtension"
+                if (existingFontFileNames.contains(fileName)) {
+                    fontsInFamily.add(createFont(fileName, styleExtension))
+                }
+            }
+        }
+        return fontsInFamily
+    }
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/{PaywallEvent.kt → PaywallEventName.kt}

@@ -1,6 +1,6 @@
 package com.revenuecat.purchases.react.ui
 
-internal enum class PaywallEvent(val eventName: String) {
+internal enum class PaywallEventName(val eventName: String) {
     ON_PURCHASE_STARTED("onPurchaseStarted"),
     ON_PURCHASE_COMPLETED("onPurchaseCompleted"),
     ON_PURCHASE_ERROR("onPurchaseError"),
@@ -8,12 +8,15 @@ internal enum class PaywallEvent(val eventName: String) {
     ON_RESTORE_STARTED("onRestoreStarted"),
     ON_RESTORE_COMPLETED("onRestoreCompleted"),
     ON_RESTORE_ERROR("onRestoreError"),
-    ON_DISMISS("onDismiss");
+    ON_DISMISS("onDismiss"),
+    ON_MEASURE("onMeasure");
 }
 
 internal enum class PaywallEventKey(val key: String) {
     PACKAGE("packageBeingPurchased"),
     CUSTOMER_INFO("customerInfo"),
     STORE_TRANSACTION("storeTransaction"),
-    ERROR("error")
+    ERROR("error"),
+    MEASUREMENTS("measurements"),
+    HEIGHT("height"),
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/PaywallFooterViewManager.kt

@@ -2,7 +2,7 @@ package com.revenuecat.purchases.react.ui
 
 import androidx.core.view.children
 import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.UIManagerModule
+import com.revenuecat.purchases.react.ui.events.OnMeasureEvent
 import com.revenuecat.purchases.ui.revenuecatui.ExperimentalPreviewRevenueCatUIPurchasesAPI
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 import com.revenuecat.purchases.ui.revenuecatui.views.PaywallFooterView
@@ -48,16 +48,22 @@ internal class PaywallFooterViewManager : BasePaywallViewManager<PaywallFooterVi
                 val finalWidth = maxWidth.coerceAtLeast(suggestedMinimumWidth)
                 val finalHeight = maxHeight.coerceAtLeast(suggestedMinimumHeight)
                 setMeasuredDimension(finalWidth, finalHeight)
-                (context as? ThemedReactContext)?.let { themedReactContext ->
-                    themedReactContext.runOnNativeModulesQueueThread {
-                        themedReactContext.getNativeModule(UIManagerModule::class.java)
-                            ?.updateNodeSize(id, finalWidth, finalHeight)
-                    }
+
+                val density = context.resources.displayMetrics.density
+                val finalHeightInDp = finalHeight / density
+
+                val onMeasureEvent = OnMeasureEvent(
+                    this.surfaceId,
+                    this.id,
+                    finalHeightInDp.toInt()
+                )
+                (context as? ThemedReactContext)?.reactApplicationContext?.let { reactApplicationContext ->
+                    emitEvent(reactApplicationContext, this.id, onMeasureEvent)
                 }
             }
-        }.also {
-            it.setPaywallListener(createPaywallListenerWrapper(themedReactContext, it))
-            it.setDismissHandler(getDismissHandler(themedReactContext, it))
+        }.also { view ->
+            view.setPaywallListener(createPaywallListenerWrapper(themedReactContext, view))
+            view.setDismissHandler(getDismissHandler(themedReactContext, view))
         }
     }
 
@@ -68,4 +74,9 @@ internal class PaywallFooterViewManager : BasePaywallViewManager<PaywallFooterVi
     override fun setFontFamily(view: PaywallFooterView, customFontProvider: CustomFontProvider) {
         view.setFontProvider(customFontProvider)
     }
+
+    override fun setDisplayDismissButton(view: PaywallFooterView, display: Boolean) {
+        // No-op since PaywallFooterView doesn't have a dismiss button
+    }
+
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/PaywallViewManager.kt

@@ -5,6 +5,7 @@ import com.revenuecat.purchases.ui.revenuecatui.ExperimentalPreviewRevenueCatUIP
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 import com.revenuecat.purchases.ui.revenuecatui.views.PaywallView
 
+
 @OptIn(ExperimentalPreviewRevenueCatUIPurchasesAPI::class)
 internal class PaywallViewManager : BasePaywallViewManager<PaywallView>() {
 
@@ -17,9 +18,9 @@ internal class PaywallViewManager : BasePaywallViewManager<PaywallView>() {
     }
 
     override fun createViewInstance(themedReactContext: ThemedReactContext): PaywallView {
-        return PaywallView(themedReactContext).also {
-            it.setPaywallListener(createPaywallListenerWrapper(themedReactContext, it))
-            it.setDismissHandler(getDismissHandler(themedReactContext, it))
+        return PaywallView(themedReactContext).also { view ->
+            view.setPaywallListener(createPaywallListenerWrapper(themedReactContext, view))
+            view.setDismissHandler(getDismissHandler(themedReactContext, view))
         }
     }
 
@@ -34,4 +35,9 @@ internal class PaywallViewManager : BasePaywallViewManager<PaywallView>() {
     override fun setFontFamily(view: PaywallView, customFontProvider: CustomFontProvider) {
         view.setFontProvider(customFontProvider)
     }
+
+    override fun setDisplayDismissButton(view: PaywallView, display: Boolean) {
+        view.setDisplayDismissButton(display)
+    }
+
 }

package/android/src/main/java/com/revenuecat/purchases/react/ui/RNPaywallsModule.kt

@@ -10,6 +10,9 @@ import com.revenuecat.purchases.hybridcommon.ui.PaywallResultListener
 import com.revenuecat.purchases.hybridcommon.ui.PaywallSource
 import com.revenuecat.purchases.hybridcommon.ui.PresentPaywallOptions
 import com.revenuecat.purchases.hybridcommon.ui.presentPaywallFromFragment
+import com.revenuecat.purchases.ui.revenuecatui.ExperimentalPreviewRevenueCatUIPurchasesAPI
+import com.revenuecat.purchases.ui.revenuecatui.fonts.PaywallFont
+import com.revenuecat.purchases.ui.revenuecatui.fonts.PaywallFontFamily
 
 internal class RNPaywallsModule(reactContext: ReactApplicationContext) :
     ReactContextBaseJavaModule(reactContext) {
@@ -36,12 +39,14 @@ internal class RNPaywallsModule(reactContext: ReactApplicationContext) :
     fun presentPaywall(
         offeringIdentifier: String?,
         displayCloseButton: Boolean?,
+        fontFamily: String?,
         promise: Promise
     ) {
         presentPaywall(
             null,
             offeringIdentifier,
             displayCloseButton,
+            fontFamily,
             promise
         )
     }
@@ -51,12 +56,14 @@ internal class RNPaywallsModule(reactContext: ReactApplicationContext) :
         requiredEntitlementIdentifier: String,
         offeringIdentifier: String?,
         displayCloseButton: Boolean,
+        fontFamily: String?,
         promise: Promise
     ) {
         presentPaywall(
             requiredEntitlementIdentifier,
             offeringIdentifier,
             displayCloseButton,
+            fontFamily,
             promise
         )
     }
@@ -71,14 +78,18 @@ internal class RNPaywallsModule(reactContext: ReactApplicationContext) :
         // Keep: Required for RN built in Event Emitter Calls.
     }
 
+    @OptIn(ExperimentalPreviewRevenueCatUIPurchasesAPI::class)
     private fun presentPaywall(
         requiredEntitlementIdentifier: String?,
         offeringIdentifier: String?,
         displayCloseButton: Boolean?,
+        fontFamilyName: String?,
         promise: Promise
     ) {
         val fragment = currentActivityFragment ?: return
-
+        val fontFamily = fontFamilyName?.let {
+            FontAssetManager.getPaywallFontFamily(fontFamilyName = it, fragment.resources.assets)
+        }
         presentPaywallFromFragment(
             fragment = fragment,
             PresentPaywallOptions(
@@ -91,7 +102,8 @@ internal class RNPaywallsModule(reactContext: ReactApplicationContext) :
                     override fun onPaywallResult(paywallResult: String) {
                         promise.resolve(paywallResult)
                     }
-                }
+                },
+                fontFamily = fontFamily
             )
         )
     }

package/android/src/main/java/com/revenuecat/purchases/react/ui/ViewExtensions.kt

@@ -0,0 +1,7 @@
+package com.revenuecat.purchases.react.ui
+
+import android.view.View
+import com.facebook.react.uimanager.UIManagerHelper
+
+internal val View.surfaceId
+    get() = UIManagerHelper.getSurfaceId(this)

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnDismissEvent.kt

@@ -0,0 +1,13 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnDismissEvent(
+    surfaceId: Int,
+    viewTag: Int,
+) : PaywallEvent<OnDismissEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_DISMISS
+
+    override fun getPayload(): Map<PaywallEventKey, Map<String, Any?>> = emptyMap()
+}

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnMeasureEvent.kt

@@ -0,0 +1,17 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnMeasureEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val height: Int
+) : PaywallEvent<OnDismissEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_MEASURE
+
+    override fun getPayload() = mapOf(
+        PaywallEventKey.MEASUREMENTS to mapOf(PaywallEventKey.HEIGHT.key to height),
+    )
+}
+

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnPurchaseCancelledEvent.kt

@@ -0,0 +1,13 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnPurchaseCancelledEvent(
+    surfaceId: Int,
+    viewTag: Int,
+) : PaywallEvent<OnPurchaseCancelledEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_PURCHASE_CANCELLED
+
+    override fun getPayload(): Map<PaywallEventKey, Map<String, Any?>> = emptyMap()
+}

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnPurchaseCompletedEvent.kt

@@ -0,0 +1,18 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnPurchaseCompletedEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val customerInfo: Map<String, Any?>,
+    private val storeTransaction: Map<String, Any?>
+) : PaywallEvent<OnPurchaseCompletedEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_PURCHASE_COMPLETED
+
+    override fun getPayload() = mapOf(
+        PaywallEventKey.CUSTOMER_INFO to customerInfo,
+        PaywallEventKey.STORE_TRANSACTION to storeTransaction
+    )
+}

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnPurchaseErrorEvent.kt

@@ -0,0 +1,14 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnPurchaseErrorEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val error: Map<String, Any?>
+) : PaywallEvent<OnPurchaseErrorEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_PURCHASE_ERROR
+
+    override fun getPayload() = mapOf(PaywallEventKey.ERROR to error)
+}

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnPurchaseStartedEvent.kt

@@ -0,0 +1,16 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnPurchaseStartedEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val packageMap: Map<String, Any?>
+) : PaywallEvent<OnPurchaseStartedEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_PURCHASE_STARTED
+
+    override fun getPayload() = mapOf(
+        PaywallEventKey.PACKAGE to packageMap,
+    )
+}

package/android/src/main/java/com/revenuecat/purchases/react/ui/events/OnRestoreCompletedEvent.kt

@@ -0,0 +1,14 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnRestoreCompletedEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val customerInfo: Map<String, Any?>,
+) : PaywallEvent<OnRestoreCompletedEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_RESTORE_COMPLETED
+
+    override fun getPayload() = mapOf(PaywallEventKey.CUSTOMER_INFO to customerInfo)
+}