react-native-purchases-ui 9.2.3 → 9.4.0

package/RNPaywalls.podspec

@@ -17,6 +17,6 @@ Pod::Spec.new do |spec|
   spec.pod_target_xcconfig = { 'DEFINES_MODULE' => 'YES' }
 
   spec.dependency   "React-Core"
-  spec.dependency   "PurchasesHybridCommonUI", '17.0.0'
+  spec.dependency   "PurchasesHybridCommonUI", '17.5.1'
   spec.swift_version    = '5.7'
 end

package/android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:8.12.1"
+    classpath "com.android.tools.build:gradle:8.13.0"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -59,7 +59,7 @@ android {
     minSdkVersion getExtOrIntegerDefault("minSdkVersion")
     targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
     versionCode 1
-    versionName '9.2.3'
+    versionName '9.4.0'
   }
 
   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:17.0.0'
+  implementation 'com.revenuecat.purchases:purchases-hybrid-common-ui:17.5.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

@@ -10,6 +10,8 @@ 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.Event
+import com.revenuecat.purchases.Package
+import com.revenuecat.purchases.PresentedOfferingContext
 import com.revenuecat.purchases.hybridcommon.ui.PaywallListenerWrapper
 import com.revenuecat.purchases.react.ui.events.OnDismissEvent
 import com.revenuecat.purchases.react.ui.events.OnPurchaseCancelledEvent
@@ -29,9 +31,13 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
         private const val OFFERING_IDENTIFIER = "identifier"
         private const val OPTION_FONT_FAMILY = "fontFamily"
         private const val OPTION_DISPLAY_CLOSE_BUTTON = "displayCloseButton"
+
+        private const val OPTION_OFFERING_AVAILABLE_PACKAGES = "availablePackages"
+
+        private const val OPTION_OFFERING_AVAILABLE_PACKAGES_PRESENTED_OFFERING_CONTEXT = "presentedOfferingContext"
     }
 
-    abstract fun setOfferingId(view: T, identifier: String)
+    abstract fun setOfferingId(view: T, offeringId: String?, presentedOfferingContext: PresentedOfferingContext? = null)
 
     abstract fun setDisplayDismissButton(view: T, display: Boolean)
 
@@ -69,12 +75,26 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
             // getDynamic crashes if the value is null, that's why we use props?.toHashMap
             return
         }
+
+        val offeringMap = options.getDynamic(OPTION_OFFERING).asMap();
+
         // this is a workaround for the fact that getDynamic doesn't work with null values
-        val offeringIdentifier =
-            options.getDynamic(OPTION_OFFERING)?.asMap()?.getString(OFFERING_IDENTIFIER)
-        offeringIdentifier?.let {
-            setOfferingId(view, it)
+        val offeringIdentifier = offeringMap.getString(OFFERING_IDENTIFIER)
+        if (offeringIdentifier == null) {
+            return
         }
+
+        val presentedOfferingContext = getPresentedOfferingContext(offeringIdentifier, offeringMap)
+
+        setOfferingId(view, offeringIdentifier, presentedOfferingContext)
+    }
+
+    private fun getPresentedOfferingContext(offeringIdentifier: String, offeringMap: ReadableMap?) : PresentedOfferingContext {
+        val availablePackages = offeringMap?.getArray(OPTION_OFFERING_AVAILABLE_PACKAGES)?.toArrayList()
+        val firstAvailablePackage = availablePackages?.firstOrNull() as? Map<*, *>;
+        val presentedOfferingContextMap = firstAvailablePackage?.get(OPTION_OFFERING_AVAILABLE_PACKAGES_PRESENTED_OFFERING_CONTEXT) as? Map<*,*>;
+
+        return RNPurchasesConverters.presentedOfferingContext(offeringIdentifier, presentedOfferingContextMap)
     }
 
     private fun setFontFamilyProp(view: T, options: ReadableMap?) {

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

@@ -2,6 +2,7 @@ package com.revenuecat.purchases.react.ui
 
 import androidx.core.view.children
 import com.facebook.react.uimanager.ThemedReactContext
+import com.revenuecat.purchases.PresentedOfferingContext
 import com.revenuecat.purchases.react.ui.events.OnMeasureEvent
 import com.revenuecat.purchases.react.ui.views.WrappedPaywallFooterComposeView
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
@@ -72,8 +73,12 @@ internal class PaywallFooterViewManager : BasePaywallViewManager<WrappedPaywallF
         }
     }
 
-    override fun setOfferingId(view: WrappedPaywallFooterComposeView, identifier: String) {
-        view.setOfferingId(identifier)
+    override fun setOfferingId(
+        view: WrappedPaywallFooterComposeView,
+        offeringId: String?,
+        presentedOfferingContext: PresentedOfferingContext?
+    ) {
+        view.setOfferingId(offeringId, presentedOfferingContext)
     }
 
     override fun setFontFamily(view: WrappedPaywallFooterComposeView, customFontProvider: CustomFontProvider) {

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

@@ -1,6 +1,7 @@
 package com.revenuecat.purchases.react.ui
 
 import com.facebook.react.uimanager.ThemedReactContext
+import com.revenuecat.purchases.PresentedOfferingContext
 import com.revenuecat.purchases.react.ui.views.WrappedPaywallComposeView
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 
@@ -26,8 +27,12 @@ internal class PaywallViewManager : BasePaywallViewManager<WrappedPaywallCompose
         return PaywallViewShadowNode()
     }
 
-    override fun setOfferingId(view: WrappedPaywallComposeView, identifier: String) {
-        view.setOfferingId(identifier)
+    override fun setOfferingId(
+        view: WrappedPaywallComposeView,
+        offeringId: String?,
+        presentedOfferingContext: PresentedOfferingContext?
+    ) {
+        view.setOfferingId(offeringId, presentedOfferingContext)
     }
 
     override fun setFontFamily(view: WrappedPaywallComposeView, customFontProvider: CustomFontProvider) {

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

@@ -38,10 +38,8 @@ internal class RNCustomerCenterModule(
             ) {
                 if (requestCode == REQUEST_CODE_CUSTOMER_CENTER) {
                     if (resultCode == Activity.RESULT_OK) {
-                        Log.d(NAME, "Customer Center closed successfully")
                         customerCenterPromise?.resolve(null)
                     } else {
-                        Log.d(NAME, "Customer Center closed with result $resultCode")
                         customerCenterPromise?.reject(
                             "CUSTOMER_CENTER_ERROR",
                             "Customer Center closed with result code: $resultCode",
@@ -99,6 +97,7 @@ internal class RNCustomerCenterModule(
 
     private fun createCustomerCenterListener(): CustomerCenterListener {
         return object : CustomerCenterListenerWrapper() {
+
             override fun onFeedbackSurveyCompletedWrapper(feedbackSurveyOptionId: String) {
                 val params = WritableNativeMap().apply {
                     putString("feedbackSurveyOptionId", feedbackSurveyOptionId)

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

@@ -6,6 +6,7 @@ import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.ReadableMap
 import com.revenuecat.purchases.hybridcommon.ui.PaywallResultListener
 import com.revenuecat.purchases.hybridcommon.ui.PaywallSource
 import com.revenuecat.purchases.hybridcommon.ui.PresentPaywallOptions
@@ -38,6 +39,7 @@ internal class RNPaywallsModule(
     @ReactMethod
     fun presentPaywall(
         offeringIdentifier: String?,
+        presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean?,
         fontFamily: String?,
         promise: Promise
@@ -45,6 +47,7 @@ internal class RNPaywallsModule(
         presentPaywall(
             null,
             offeringIdentifier,
+            presentedOfferingContext,
             displayCloseButton,
             fontFamily,
             promise
@@ -55,6 +58,7 @@ internal class RNPaywallsModule(
     fun presentPaywallIfNeeded(
         requiredEntitlementIdentifier: String,
         offeringIdentifier: String?,
+        presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean,
         fontFamily: String?,
         promise: Promise
@@ -62,6 +66,7 @@ internal class RNPaywallsModule(
         presentPaywall(
             requiredEntitlementIdentifier,
             offeringIdentifier,
+            presentedOfferingContext,
             displayCloseButton,
             fontFamily,
             promise
@@ -81,6 +86,7 @@ internal class RNPaywallsModule(
     private fun presentPaywall(
         requiredEntitlementIdentifier: String?,
         offeringIdentifier: String?,
+        presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean?,
         fontFamilyName: String?,
         promise: Promise
@@ -90,6 +96,11 @@ internal class RNPaywallsModule(
             FontAssetManager.getPaywallFontFamily(fontFamilyName = it, activity.resources.assets)
         }
 
+        val paywallSource: PaywallSource = offeringIdentifier?.let { offeringIdentifier ->
+            val presentedOfferingContextMap = RNPurchasesConverters.presentedOfferingContext(offeringIdentifier, presentedOfferingContext?.toHashMap())
+            PaywallSource.OfferingIdentifierWithPresentedOfferingContext(offeringIdentifier, presentedOfferingContext=presentedOfferingContextMap)
+        } ?: PaywallSource.DefaultOffering
+
         // @ReactMethod is not guaranteed to run on the main thread
         activity.runOnUiThread {
             presentPaywallFromFragment(
@@ -97,9 +108,7 @@ internal class RNPaywallsModule(
                 PresentPaywallOptions(
                     requiredEntitlementIdentifier = requiredEntitlementIdentifier,
                     shouldDisplayDismissButton = displayCloseButton,
-                    paywallSource = offeringIdentifier?.let {
-                        PaywallSource.OfferingIdentifier(it)
-                    } ?: PaywallSource.DefaultOffering,
+                    paywallSource = paywallSource,
                     paywallResultListener = object : PaywallResultListener {
                         override fun onPaywallResult(paywallResult: String) {
                             promise.resolve(paywallResult)

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

@@ -1,9 +1,12 @@
 package com.revenuecat.purchases.react.ui
 
+import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableArray
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.bridge.WritableNativeArray
 import com.facebook.react.bridge.WritableNativeMap
+import com.revenuecat.purchases.PresentedOfferingContext
+import kotlin.collections.get
 
 internal object RNPurchasesConverters {
 
@@ -45,4 +48,28 @@ internal object RNPurchasesConverters {
         }
         return writableArray
     }
+
+    fun presentedOfferingContext(offeringIdentifier: String, presentedOfferingContext: Map<*,*>?) : PresentedOfferingContext {
+        if (presentedOfferingContext == null) {
+            return PresentedOfferingContext(offeringIdentifier)
+        }
+
+        var targetingContext: PresentedOfferingContext.TargetingContext? = null;
+        val targetingContextMap = presentedOfferingContext["targetingContext"] as? Map<*, *>
+        if (targetingContextMap != null) {
+            val revision = (targetingContextMap["revision"] as? Number)?.toInt()
+            val ruleId = targetingContextMap["ruleId"] as? String
+            if (revision != null && ruleId != null) {
+                targetingContext = PresentedOfferingContext.TargetingContext(revision, ruleId)
+            }
+        }
+
+        val placementIdentifier = presentedOfferingContext["placementIdentifier"] as? String
+
+        return PresentedOfferingContext(
+            offeringIdentifier,
+            placementIdentifier,
+            targetingContext
+        )
+    }
 }

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

@@ -1,5 +1,6 @@
 package com.revenuecat.purchases.react.ui.customercenter.events
 
 internal enum class CustomerCenterEventName(val eventName: String) {
-    ON_DISMISS("onDismiss");
+    ON_DISMISS("onDismiss"),
+    ON_CUSTOM_ACTION_SELECTED("onCustomActionSelected");
 }

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

@@ -2,6 +2,7 @@ package com.revenuecat.purchases.react.ui.views
 
 import android.content.Context
 import android.util.AttributeSet
+import com.revenuecat.purchases.PresentedOfferingContext
 import com.revenuecat.purchases.ui.revenuecatui.PaywallListener
 import com.revenuecat.purchases.ui.revenuecatui.fonts.FontProvider
 import com.revenuecat.purchases.ui.revenuecatui.views.PaywallView
@@ -20,8 +21,8 @@ class WrappedPaywallComposeView(context: Context) : ComposeViewWrapper<PaywallVi
         wrappedView?.setDismissHandler(dismissHandler)
     }
 
-    fun setOfferingId(offeringId: String?) {
-        wrappedView?.setOfferingId(offeringId)
+    fun setOfferingId(offeringId: String?, presentedOfferingContext: PresentedOfferingContext? = null) {
+        wrappedView?.setOfferingId(offeringId, presentedOfferingContext)
     }
 
     fun setFontProvider(fontProvider: FontProvider?) {

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

@@ -2,6 +2,8 @@ package com.revenuecat.purchases.react.ui.views
 
 import android.content.Context
 import android.util.AttributeSet
+import com.revenuecat.purchases.InternalRevenueCatAPI
+import com.revenuecat.purchases.PresentedOfferingContext
 import com.revenuecat.purchases.ui.revenuecatui.PaywallListener
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 import com.revenuecat.purchases.ui.revenuecatui.views.OriginalTemplatePaywallFooterView
@@ -12,8 +14,16 @@ open class WrappedPaywallFooterComposeView(context: Context) : ComposeViewWrappe
         return OriginalTemplatePaywallFooterView(context, attrs)
     }
 
-    fun setOfferingId(identifier: String) {
-        wrappedView?.setOfferingId(identifier)
+    @OptIn(InternalRevenueCatAPI::class)
+    fun setOfferingId(offeringId: String?, presentedOfferingContext: PresentedOfferingContext? = null) {
+        if (offeringId == null) {
+            // We'll get rid of this deprecated API usage once https://github.com/RevenueCat/purchases-android/pull/2658 is merged
+            wrappedView?.setOfferingId(null)
+        }
+        else {
+            val presentedOfferingContext = presentedOfferingContext ?: PresentedOfferingContext(offeringId)
+            wrappedView?.setOfferingIdAndPresentedOfferingContext(offeringId, presentedOfferingContext)
+        }
     }
 
     fun setFontProvider(customFontProvider: CustomFontProvider) {

package/ios/CustomerCenterViewManager.m

@@ -18,6 +18,8 @@ API_AVAILABLE(ios(15.0))
 @implementation CustomerCenterViewManager
 
 RCT_EXPORT_VIEW_PROPERTY(onDismiss, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onCustomActionSelected, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(shouldShowCloseButton, BOOL)
 RCT_EXPORT_MODULE(CustomerCenterView)
 
 - (instancetype)init {
@@ -36,6 +38,10 @@ RCT_EXPORT_MODULE(CustomerCenterView)
         
         // Create a placeholder block that we'll update after wrapper creation
         __block CustomerCenterViewWrapper *wrapper = nil;
+        
+        // Set onCloseHandler - always provide handler regardless of shouldShowCloseButton
+        // The close button visibility is controlled by shouldShowCloseButton property,
+        // but when the button IS shown, it needs this handler to function properly
         viewController.onCloseHandler = ^{
             if (wrapper && wrapper.onDismiss) {
                 wrapper.onDismiss(nil);

package/ios/CustomerCenterViewWrapper.h

@@ -13,6 +13,8 @@
 @interface CustomerCenterViewWrapper : UIView<RCCustomerCenterViewControllerDelegateWrapper>
 
 @property (nonatomic, copy) RCTDirectEventBlock onDismiss;
+@property (nonatomic, copy) RCTDirectEventBlock onCustomActionSelected;
+@property (nonatomic, assign) BOOL shouldShowCloseButton;
 
 - (instancetype)initWithCustomerCenterViewController:(CustomerCenterUIViewController *)viewController;
 

package/ios/CustomerCenterViewWrapper.m

@@ -23,8 +23,9 @@ API_AVAILABLE(ios(15.0))
 - (instancetype)initWithCustomerCenterViewController:(CustomerCenterUIViewController *)viewController API_AVAILABLE(ios(15.0)) {
     NSParameterAssert(viewController);
 
-    if ((self = [super initWithFrame:viewController.view.bounds])) {
+    if ((self = [super initWithFrame:CGRectZero])) { // Don't access the .view yet (rely on autolayout in layoutSubviews)
         _customerCenterVC = viewController;
+        _shouldShowCloseButton = YES; // Default to YES
     }
 
     return self;
@@ -40,6 +41,9 @@ API_AVAILABLE(ios(15.0))
     if (!self.addedToHierarchy) {
         UIViewController *parentController = self.parentViewController;
         if (parentController) {
+            // Configure the close button BEFORE accessing .view (which triggers viewDidLoad)
+            self.customerCenterVC.shouldShowCloseButton = self.shouldShowCloseButton;
+            
             self.customerCenterVC.view.translatesAutoresizingMaskIntoConstraints = NO;
             [parentController addChildViewController:self.customerCenterVC];
             [self addSubview:self.customerCenterVC.view];
@@ -52,6 +56,7 @@ API_AVAILABLE(ios(15.0))
                     [self.customerCenterVC.view.rightAnchor constraintEqualToAnchor:self.rightAnchor]
             ]];
 
+
             self.addedToHierarchy = YES;
         }
     }
@@ -63,4 +68,22 @@ API_AVAILABLE(ios(15.0))
     }
 }
 
+- (void)customerCenterViewController:(CustomerCenterUIViewController *)controller
+               didSelectCustomAction:(NSString *)actionID
+              withPurchaseIdentifier:(NSString *)purchaseIdentifier API_AVAILABLE(ios(15.0)) {
+    if (self.onCustomActionSelected) {
+        self.onCustomActionSelected(@{@"actionId": actionID, @"purchaseIdentifier": purchaseIdentifier ?: [NSNull null]});
+    }
+}
+
+- (void)setShouldShowCloseButton:(BOOL)shouldShowCloseButton {
+    _shouldShowCloseButton = shouldShowCloseButton;
+    
+    // Only set the view controller property if we haven't been added to hierarchy yet
+    // Once added to hierarchy, the property is already configured and shouldn't be changed
+    if (self.customerCenterVC && !self.addedToHierarchy) {
+        self.customerCenterVC.shouldShowCloseButton = shouldShowCloseButton;
+    }
+}
+
 @end

package/ios/PaywallViewWrapper.m

@@ -10,6 +10,7 @@
 #import "UIView+React.h"
 
 @import PurchasesHybridCommonUI;
+@import RevenueCat;
 @import RevenueCatUI;
 
 static NSString *const KeyCustomerInfo = @"customerInfo";
@@ -81,7 +82,9 @@ API_AVAILABLE(ios(15.0))
         if (offering && ![offering isKindOfClass:[NSNull class]]) {
             NSString *identifier = offering[@"identifier"];
             if (identifier) {
-                [self.paywallViewController updateWithOfferingIdentifier:identifier];
+                RCPresentedOfferingContext *presentedOfferingContext = [self presentedOfferingContextFromOffering:offering];
+                [self.paywallViewController updateWithOfferingIdentifier:identifier
+                                                presentedOfferingContext:presentedOfferingContext];
             }
         }
 
@@ -100,6 +103,47 @@ API_AVAILABLE(ios(15.0))
     }
 }
 
+- (RCPresentedOfferingContext *)presentedOfferingContextFromOffering:(NSDictionary *)offering {
+    NSArray *availablePackages = offering[@"availablePackages"];
+    if (!availablePackages || ![availablePackages isKindOfClass:[NSArray class]] || [availablePackages count] < 1) {
+        return nil;
+    }
+    
+    NSDictionary *firstAvailablePackage = availablePackages[0];
+    if (!firstAvailablePackage || ![firstAvailablePackage isKindOfClass:[NSDictionary class]]) {
+        return nil;
+    }
+    
+    NSDictionary *presentedOfferingContextOptions = firstAvailablePackage[@"presentedOfferingContext"];
+    if (!presentedOfferingContextOptions || [presentedOfferingContextOptions isKindOfClass:[NSNull class]]) {
+        return nil;
+    }
+    
+    NSString *offeringIdentifier = presentedOfferingContextOptions[@"offeringIdentifier"];
+    if (!offeringIdentifier || [offeringIdentifier isKindOfClass:[NSNull class]]) {
+        return nil;
+    }
+    
+    NSString *placementIdentifier = presentedOfferingContextOptions[@"placementIdentifier"];
+    if (![placementIdentifier isKindOfClass:[NSString class]]) {
+        placementIdentifier = nil;
+    }
+    
+    RCTargetingContext *targetingContext;
+    NSDictionary *targetingContextOptions = presentedOfferingContextOptions[@"targetingContext"];
+    if (targetingContextOptions && ![targetingContextOptions isKindOfClass:[NSNull class]]) {
+        NSNumber *revision = targetingContextOptions[@"revision"];
+        NSString *ruleId = targetingContextOptions[@"ruleId"];
+        if (revision && [revision isKindOfClass:[NSNumber class]] && ruleId && [ruleId isKindOfClass:[NSString class]]) {
+            targetingContext = [[RCTargetingContext alloc] initWithRevision:[revision integerValue] ruleId:ruleId];
+        }
+    }
+    
+    return [[RCPresentedOfferingContext alloc] initWithOfferingIdentifier:offeringIdentifier
+                                                      placementIdentifier:placementIdentifier
+                                                         targetingContext:targetingContext];
+}
+
 - (void)paywallViewController:(RCPaywallViewController *)controller
   didStartPurchaseWithPackage:(NSDictionary *)packageDictionary API_AVAILABLE(ios(15.0)) {
     self.onPurchaseStarted(@{

package/ios/RNCustomerCenter.m

@@ -59,6 +59,7 @@ RCT_EXPORT_MODULE();
         @"onRefundRequestCompleted",
         @"onFeedbackSurveyCompleted",
         @"onManagementOptionSelected",
+        @"onCustomActionSelected",
         @"onDismiss"
     ];
 }
@@ -142,6 +143,14 @@ withURL:(NSString *)url API_AVAILABLE(ios(15.0)) {
     [self sendEventWithName:@"onManagementOptionSelected" body:@{@"option": optionID, @"url": url ?: [NSNull null]}];
 }
 
+- (void)customerCenterViewController:(CustomerCenterUIViewController *)controller
+               didSelectCustomAction:(NSString *)actionID
+              withPurchaseIdentifier:(NSString *)purchaseIdentifier {
+    [self sendEventWithName:@"onCustomActionSelected"
+                       body:@{@"actionId": actionID, @"purchaseIdentifier": purchaseIdentifier ?: [NSNull null]}
+    ];
+}
+
 + (BOOL)requiresMainQueueSetup
 {
     return YES;

package/ios/RNPaywalls.m

@@ -62,6 +62,7 @@ RCT_EXPORT_MODULE();
 // MARK: -
 
 RCT_EXPORT_METHOD(presentPaywall:(nullable NSString *)offeringIdentifier
+                  presentedOfferingContext:(nullable NSDictionary *)presentedOfferingContext
                   shouldDisplayCloseButton:(BOOL)displayCloseButton
                   withFontFamily:(nullable NSString *)fontFamily
                   withResolve:(RCTPromiseResolveBlock)resolve
@@ -71,6 +72,9 @@ RCT_EXPORT_METHOD(presentPaywall:(nullable NSString *)offeringIdentifier
         if (offeringIdentifier != nil) {
             options[PaywallOptionsKeys.offeringIdentifier] = offeringIdentifier;
         }
+        if (presentedOfferingContext != nil) {
+            options[PaywallOptionsKeys.presentedOfferingContext] = presentedOfferingContext;
+        }
         options[PaywallOptionsKeys.displayCloseButton] = @(displayCloseButton);
         if (fontFamily) {
             options[PaywallOptionsKeys.fontName] = fontFamily;
@@ -87,6 +91,7 @@ RCT_EXPORT_METHOD(presentPaywall:(nullable NSString *)offeringIdentifier
 
 RCT_EXPORT_METHOD(presentPaywallIfNeeded:(NSString *)requiredEntitlementIdentifier
                   withOfferingIdentifier:(nullable NSString *)offeringIdentifier
+                  presentedOfferingContext:(nullable NSDictionary *)presentedOfferingContext
                   shouldDisplayCloseButton:(BOOL)displayCloseButton
                   withFontFamily:(nullable NSString *)fontFamily
                   withResolve:(RCTPromiseResolveBlock)resolve
@@ -96,6 +101,9 @@ RCT_EXPORT_METHOD(presentPaywallIfNeeded:(NSString *)requiredEntitlementIdentifi
         if (offeringIdentifier != nil) {
             options[PaywallOptionsKeys.offeringIdentifier] = offeringIdentifier;
         }
+        if (presentedOfferingContext != nil) {
+            options[PaywallOptionsKeys.presentedOfferingContext] = presentedOfferingContext;
+        }
         options[PaywallOptionsKeys.requiredEntitlementIdentifier] = requiredEntitlementIdentifier;
         options[PaywallOptionsKeys.displayCloseButton] = @(displayCloseButton);
         if (fontFamily) {

package/lib/commonjs/index.js

@@ -127,9 +127,7 @@ const InternalPaywallFooterView = ({
 
 // Currently the same as the base type, but can be extended later if needed
 
-const InternalCustomerCenterView = _reactNative.UIManager.getViewManagerConfig('CustomerCenterView') != null ? (0, _reactNative.requireNativeComponent)('CustomerCenterView') : () => {
-  throw new Error(LINKING_ERROR);
-};
+const InternalCustomerCenterView = !usingPreviewAPIMode && _reactNative.UIManager.getViewManagerConfig('CustomerCenterView') != null ? (0, _reactNative.requireNativeComponent)('CustomerCenterView') : null;
 
 // This is to prevent breaking changes when the native SDK adds new options
 
@@ -160,8 +158,9 @@ class RevenueCatUI {
     displayCloseButton = RevenueCatUI.Defaults.PRESENT_PAYWALL_DISPLAY_CLOSE_BUTTON,
     fontFamily
   } = {}) {
+    var _offering$availablePa;
     RevenueCatUI.logWarningIfPreviewAPIMode("presentPaywall");
-    return RNPaywalls.presentPaywall((offering === null || offering === void 0 ? void 0 : offering.identifier) ?? null, displayCloseButton, fontFamily);
+    return RNPaywalls.presentPaywall((offering === null || offering === void 0 ? void 0 : offering.identifier) ?? null, offering === null || offering === void 0 || (_offering$availablePa = offering.availablePackages) === null || _offering$availablePa === void 0 || (_offering$availablePa = _offering$availablePa[0]) === null || _offering$availablePa === void 0 ? void 0 : _offering$availablePa.presentedOfferingContext, displayCloseButton, fontFamily);
   }
 
   /**
@@ -183,8 +182,9 @@ class RevenueCatUI {
     displayCloseButton = RevenueCatUI.Defaults.PRESENT_PAYWALL_DISPLAY_CLOSE_BUTTON,
     fontFamily
   }) {
+    var _offering$availablePa2;
     RevenueCatUI.logWarningIfPreviewAPIMode("presentPaywallIfNeeded");
-    return RNPaywalls.presentPaywallIfNeeded(requiredEntitlementIdentifier, (offering === null || offering === void 0 ? void 0 : offering.identifier) ?? null, displayCloseButton, fontFamily);
+    return RNPaywalls.presentPaywallIfNeeded(requiredEntitlementIdentifier, (offering === null || offering === void 0 ? void 0 : offering.identifier) ?? null, offering === null || offering === void 0 || (_offering$availablePa2 = offering.availablePackages) === null || _offering$availablePa2 === void 0 || (_offering$availablePa2 = _offering$availablePa2[0]) === null || _offering$availablePa2 === void 0 ? void 0 : _offering$availablePa2.presentedOfferingContext, displayCloseButton, fontFamily);
   }
   static Paywall = ({
     style,
@@ -310,13 +310,30 @@ class RevenueCatUI {
    */
   static CustomerCenterView = ({
     style,
-    onDismiss
-  }) => /*#__PURE__*/_react.default.createElement(InternalCustomerCenterView, {
-    onDismiss: () => onDismiss && onDismiss(),
-    style: [{
-      flex: 1
-    }, style]
-  });
+    onDismiss,
+    onCustomActionSelected,
+    shouldShowCloseButton = true
+  }) => {
+    if (usingPreviewAPIMode) {
+      return /*#__PURE__*/_react.default.createElement(_previewComponents.PreviewCustomerCenter, {
+        onDismiss: () => onDismiss && onDismiss(),
+        style: [{
+          flex: 1
+        }, style]
+      });
+    }
+    if (!InternalCustomerCenterView) {
+      throw new Error(LINKING_ERROR);
+    }
+    return /*#__PURE__*/_react.default.createElement(InternalCustomerCenterView, {
+      onDismiss: () => onDismiss && onDismiss(),
+      onCustomActionSelected: event => onCustomActionSelected && onCustomActionSelected(event.nativeEvent),
+      shouldShowCloseButton: shouldShowCloseButton,
+      style: [{
+        flex: 1
+      }, style]
+    });
+  };
 
   /**
    * Presents the customer center to the user.
@@ -376,6 +393,12 @@ class RevenueCatUI {
           subscriptions.push(subscription);
         }
       }
+      if (callbacks.onCustomActionSelected) {
+        const subscription = customerCenterEventEmitter === null || customerCenterEventEmitter === void 0 ? void 0 : customerCenterEventEmitter.addListener('onCustomActionSelected', event => callbacks.onCustomActionSelected && callbacks.onCustomActionSelected(event));
+        if (subscription) {
+          subscriptions.push(subscription);
+        }
+      }
 
       // Return a promise that resolves when the customer center is dismissed
       return RNCustomerCenter.presentCustomerCenter().finally(() => {