react-native-purchases-ui 9.9.0 → 9.10.1

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.37.0'
+  spec.dependency   "PurchasesHybridCommonUI", '17.40.0'
   spec.swift_version    = '5.7'
 end

package/android/build.gradle

@@ -59,7 +59,7 @@ android {
     minSdkVersion getExtOrIntegerDefault("minSdkVersion")
     targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
     versionCode 1
-    versionName '9.9.0'
+    versionName '9.10.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:17.37.0'
+  implementation 'com.revenuecat.purchases:purchases-hybrid-common-ui:17.40.0'
   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

@@ -17,10 +17,12 @@ 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.OnPurchasePackageInitiatedEvent
 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.CustomVariableValue
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 
 internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>() {
@@ -31,6 +33,7 @@ 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_CUSTOM_VARIABLES = "customVariables"
 
         private const val OPTION_OFFERING_AVAILABLE_PACKAGES = "availablePackages"
 
@@ -41,6 +44,8 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
 
     abstract fun setDisplayDismissButton(view: T, display: Boolean)
 
+    abstract fun setCustomVariables(view: T, customVariables: Map<String, CustomVariableValue>)
+
     override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
         return MapBuilder.builder<String, Any>()
             .putEvent(PaywallEventName.ON_PURCHASE_STARTED)
@@ -52,6 +57,7 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
             .putEvent(PaywallEventName.ON_RESTORE_ERROR)
             .putEvent(PaywallEventName.ON_DISMISS)
             .putEvent(PaywallEventName.ON_MEASURE)
+            .putEvent(PaywallEventName.ON_PURCHASE_PACKAGE_INITIATED)
             .build()
     }
 
@@ -63,6 +69,7 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
             setOfferingIdProp(view, options)
             setFontFamilyProp(view, options)
             setDisplayCloseButton(view, options)
+            setCustomVariablesProp(view, options)
         }
     }
 
@@ -113,6 +120,21 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
         }
     }
 
+    private fun setCustomVariablesProp(view: T, options: ReadableMap?) {
+        val customVariablesMap = options?.getMap(OPTION_CUSTOM_VARIABLES) ?: return
+        val customVariables = mutableMapOf<String, CustomVariableValue>()
+        val iterator = customVariablesMap.keySetIterator()
+        while (iterator.hasNextKey()) {
+            val key = iterator.nextKey()
+            customVariablesMap.getString(key)?.let {
+                customVariables[key] = CustomVariableValue.String(it)
+            }
+        }
+        if (customVariables.isNotEmpty()) {
+            setCustomVariables(view, customVariables)
+        }
+    }
+
     internal fun createPaywallListenerWrapper(
         themedReactContext: ThemedReactContext,
         view: View
@@ -182,6 +204,16 @@ internal abstract class BasePaywallViewManager<T : View> : SimpleViewManager<T>(
             emitEvent(themedReactContext, view.id, event)
         }
 
+        override fun onPurchasePackageInitiated(rcPackage: Map<String, Any?>, requestId: String) {
+            val event = OnPurchasePackageInitiatedEvent(
+                surfaceId = view.surfaceId,
+                viewTag = view.id,
+                rcPackage,
+                requestId,
+            )
+            emitEvent(themedReactContext, view.id, event)
+        }
+
     }
 
     internal fun getDismissHandler(

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

@@ -9,11 +9,13 @@ internal enum class PaywallEventName(val eventName: String) {
     ON_RESTORE_COMPLETED("onRestoreCompleted"),
     ON_RESTORE_ERROR("onRestoreError"),
     ON_DISMISS("onDismiss"),
-    ON_MEASURE("onMeasure");
+    ON_MEASURE("onMeasure"),
+    ON_PURCHASE_PACKAGE_INITIATED("onPurchasePackageInitiated");
 }
 
 internal enum class PaywallEventKey(val key: String) {
     PACKAGE("packageBeingPurchased"),
+    REQUEST_ID("requestId"),
     CUSTOMER_INFO("customerInfo"),
     STORE_TRANSACTION("storeTransaction"),
     ERROR("error"),

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

@@ -5,6 +5,7 @@ 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.CustomVariableValue
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 
 internal class PaywallFooterViewManager : BasePaywallViewManager<WrappedPaywallFooterComposeView>() {
@@ -89,4 +90,8 @@ internal class PaywallFooterViewManager : BasePaywallViewManager<WrappedPaywallF
         // No-op since PaywallFooterView doesn't have a dismiss button
     }
 
+    override fun setCustomVariables(view: WrappedPaywallFooterComposeView, customVariables: Map<String, CustomVariableValue>) {
+        // No-op: Footer paywalls (legacy templates) don't support custom variables
+    }
+
 }

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

@@ -3,6 +3,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.CustomVariableValue
 import com.revenuecat.purchases.ui.revenuecatui.fonts.CustomFontProvider
 
 
@@ -43,4 +44,8 @@ internal class PaywallViewManager : BasePaywallViewManager<WrappedPaywallCompose
         view.setDisplayDismissButton(display)
     }
 
+    override fun setCustomVariables(view: WrappedPaywallComposeView, customVariables: Map<String, CustomVariableValue>) {
+        view.setCustomVariables(customVariables)
+    }
+
 }

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

@@ -7,6 +7,7 @@ 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.PaywallListenerWrapper
 import com.revenuecat.purchases.hybridcommon.ui.PaywallResultListener
 import com.revenuecat.purchases.hybridcommon.ui.PaywallSource
 import com.revenuecat.purchases.hybridcommon.ui.PresentPaywallOptions
@@ -42,6 +43,7 @@ internal class RNPaywallsModule(
         presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean?,
         fontFamily: String?,
+        customVariables: ReadableMap?,
         promise: Promise
     ) {
         presentPaywall(
@@ -50,6 +52,7 @@ internal class RNPaywallsModule(
             presentedOfferingContext,
             displayCloseButton,
             fontFamily,
+            customVariables,
             promise
         )
     }
@@ -61,6 +64,7 @@ internal class RNPaywallsModule(
         presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean,
         fontFamily: String?,
+        customVariables: ReadableMap?,
         promise: Promise
     ) {
         presentPaywall(
@@ -69,10 +73,16 @@ internal class RNPaywallsModule(
             presentedOfferingContext,
             displayCloseButton,
             fontFamily,
+            customVariables,
             promise
         )
     }
 
+    @ReactMethod
+    fun resumePurchasePackageInitiated(requestId: String, shouldProceed: Boolean) {
+        PaywallListenerWrapper.resumePurchasePackageInitiated(requestId, shouldProceed)
+    }
+
     @ReactMethod
     fun addListener(eventName: String?) {
         // Keep: Required for RN built in Event Emitter Calls.
@@ -89,6 +99,7 @@ internal class RNPaywallsModule(
         presentedOfferingContext: ReadableMap?,
         displayCloseButton: Boolean?,
         fontFamilyName: String?,
+        customVariables: ReadableMap?,
         promise: Promise
     ) {
         val activity = currentFragmentActivity ?: return
@@ -101,6 +112,16 @@ internal class RNPaywallsModule(
             PaywallSource.OfferingIdentifierWithPresentedOfferingContext(offeringIdentifier, presentedOfferingContext=presentedOfferingContextMap)
         } ?: PaywallSource.DefaultOffering
 
+        val customVariablesMap = customVariables?.let { cv ->
+            val result = mutableMapOf<String, String>()
+            val iterator = cv.keySetIterator()
+            while (iterator.hasNextKey()) {
+                val key = iterator.nextKey()
+                cv.getString(key)?.let { result[key] = it }
+            }
+            result.takeIf { it.isNotEmpty() }
+        }
+
         // @ReactMethod is not guaranteed to run on the main thread
         activity.runOnUiThread {
             presentPaywallFromFragment(
@@ -114,7 +135,8 @@ internal class RNPaywallsModule(
                             promise.resolve(paywallResult)
                         }
                     },
-                    fontFamily = fontFamily
+                    fontFamily = fontFamily,
+                    customVariables = customVariablesMap
                 )
             )
         }

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

@@ -0,0 +1,24 @@
+package com.revenuecat.purchases.react.ui.events
+
+import com.facebook.react.bridge.WritableMap
+import com.revenuecat.purchases.react.ui.PaywallEventKey
+import com.revenuecat.purchases.react.ui.PaywallEventName
+
+internal class OnPurchasePackageInitiatedEvent(
+    surfaceId: Int,
+    viewTag: Int,
+    private val packageMap: Map<String, Any?>,
+    private val requestId: String,
+) : PaywallEvent<OnPurchasePackageInitiatedEvent>(surfaceId, viewTag) {
+    override fun getPaywallEventName() = PaywallEventName.ON_PURCHASE_PACKAGE_INITIATED
+
+    override fun getPayload() = mapOf(
+        PaywallEventKey.PACKAGE to packageMap,
+    )
+
+    override fun getEventData(): WritableMap {
+        return super.getEventData().apply {
+            putString(PaywallEventKey.REQUEST_ID.key, requestId)
+        }
+    }
+}

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

@@ -3,6 +3,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.CustomVariableValue
 import com.revenuecat.purchases.ui.revenuecatui.PaywallListener
 import com.revenuecat.purchases.ui.revenuecatui.fonts.FontProvider
 import com.revenuecat.purchases.ui.revenuecatui.views.PaywallView
@@ -33,6 +34,10 @@ class WrappedPaywallComposeView(context: Context) : ComposeViewWrapper<PaywallVi
         wrappedView?.setDisplayDismissButton(shouldDisplayDismissButton)
     }
 
+    fun setCustomVariables(customVariables: Map<String, CustomVariableValue>) {
+        wrappedView?.setCustomVariables(customVariables)
+    }
+
     override fun requestLayout() {
         super.requestLayout()
         post(measureAndLayout)

package/ios/PaywallViewManager.m

@@ -30,6 +30,7 @@ RCT_EXPORT_VIEW_PROPERTY(onRestoreStarted, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onRestoreCompleted, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onRestoreError, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onDismiss, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPurchasePackageInitiated, RCTDirectEventBlock)
 
 RCT_EXPORT_MODULE(Paywall)
 

package/ios/PaywallViewWrapper.h

@@ -21,6 +21,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, copy) RCTDirectEventBlock onRestoreCompleted;
 @property (nonatomic, copy) RCTDirectEventBlock onRestoreError;
 @property (nonatomic, copy) RCTDirectEventBlock onDismiss;
+@property (nonatomic, copy, nullable) RCTDirectEventBlock onPurchasePackageInitiated;
 
 - (instancetype)initWithCoder:(NSCoder *)coder NS_UNAVAILABLE;
 - (instancetype)initWithFrame:(CGRect)frame NS_UNAVAILABLE;

package/ios/PaywallViewWrapper.m

@@ -98,6 +98,16 @@ API_AVAILABLE(ios(15.0))
         if (displayCloseButton) {
             [self.paywallViewController updateWithDisplayCloseButton:displayCloseButton];
         }
+
+        NSDictionary *customVariables = options[@"customVariables"];
+        if (customVariables && [customVariables isKindOfClass:[NSDictionary class]]) {
+            for (NSString *key in customVariables) {
+                NSString *value = customVariables[key];
+                if ([value isKindOfClass:[NSString class]]) {
+                    [self.paywallViewController setCustomVariable:value forKey:key];
+                }
+            }
+        }
     } else {
         NSLog(@"Error: attempted to present paywalls on unsupported iOS version.");
     }
@@ -197,4 +207,17 @@ didFailRestoringWithErrorDictionary:(NSDictionary *)errorDictionary API_AVAILABL
     NSLog(@"RNPaywalls - Paywall view wrapper did change size to: %@", NSStringFromCGSize(size));
 }
 
+- (void)paywallViewController:(RCPaywallViewController *)controller
+didInitiatePurchaseWithPackageDictionary:(NSDictionary *)packageDictionary
+                     requestId:(NSString *)requestId API_AVAILABLE(ios(15.0)) {
+    if (self.onPurchasePackageInitiated) {
+        self.onPurchasePackageInitiated(@{
+            KeyPackage: packageDictionary,
+            @"requestId": requestId,
+        });
+    } else {
+        [PaywallProxy resumePurchasePackageInitiatedWithRequestId:requestId shouldProceed:YES];
+    }
+}
+
 @end

package/ios/RNPaywalls.m

@@ -65,6 +65,7 @@ RCT_EXPORT_METHOD(presentPaywall:(nullable NSString *)offeringIdentifier
                   presentedOfferingContext:(nullable NSDictionary *)presentedOfferingContext
                   shouldDisplayCloseButton:(BOOL)displayCloseButton
                   withFontFamily:(nullable NSString *)fontFamily
+                  customVariables:(nullable NSDictionary *)customVariables
                   withResolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
     if (@available(iOS 15.0, *)) {
@@ -79,6 +80,9 @@ RCT_EXPORT_METHOD(presentPaywall:(nullable NSString *)offeringIdentifier
         if (fontFamily) {
             options[PaywallOptionsKeys.fontName] = fontFamily;
         }
+        if (customVariables) {
+            options[PaywallOptionsKeys.customVariables] = customVariables;
+        }
 
         [self.paywalls presentPaywallWithOptions:options
                             paywallResultHandler:^(NSString *result) {
@@ -94,6 +98,7 @@ RCT_EXPORT_METHOD(presentPaywallIfNeeded:(NSString *)requiredEntitlementIdentifi
                   presentedOfferingContext:(nullable NSDictionary *)presentedOfferingContext
                   shouldDisplayCloseButton:(BOOL)displayCloseButton
                   withFontFamily:(nullable NSString *)fontFamily
+                  customVariables:(nullable NSDictionary *)customVariables
                   withResolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
     if (@available(iOS 15.0, *)) {
@@ -109,6 +114,9 @@ RCT_EXPORT_METHOD(presentPaywallIfNeeded:(NSString *)requiredEntitlementIdentifi
         if (fontFamily) {
             options[PaywallOptionsKeys.fontName] = fontFamily;
         }
+        if (customVariables) {
+            options[PaywallOptionsKeys.customVariables] = customVariables;
+        }
 
         [self.paywalls presentPaywallIfNeededWithOptions:options
                                     paywallResultHandler:^(NSString *result) {
@@ -119,6 +127,13 @@ RCT_EXPORT_METHOD(presentPaywallIfNeeded:(NSString *)requiredEntitlementIdentifi
     }
 }
 
+RCT_EXPORT_METHOD(resumePurchasePackageInitiated:(NSString *)requestId
+                  shouldProceed:(BOOL)shouldProceed) {
+    if (@available(iOS 15.0, *)) {
+        [PaywallProxy resumePurchasePackageInitiatedWithRequestId:requestId shouldProceed:shouldProceed];
+    }
+}
+
 - (void)rejectPaywallsUnsupportedError:(RCTPromiseRejectBlock)reject {
     NSLog(@"Error: attempted to present paywalls on unsupported iOS version.");
     reject(@"PaywallsUnsupportedCode", @"Paywalls are not supported prior to iOS 15.", nil);

package/lib/commonjs/customVariables.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomVariableValue = void 0;
+exports.convertCustomVariablesToStringMap = convertCustomVariablesToStringMap;
+exports.transformOptionsForNative = transformOptionsForNative;
+/**
+ * A value type for custom paywall variables that can be passed to paywalls at runtime.
+ *
+ * Custom variables allow developers to personalize paywall text with dynamic values.
+ * Variables are defined in the RevenueCat dashboard and can be overridden at runtime.
+ *
+ * Currently only string values are supported. Additional types may be added in the future.
+ *
+ * @example
+ * ```typescript
+ * RevenueCatUI.presentPaywall({
+ *   customVariables: {
+ *     'player_name': CustomVariableValue.string('John'),
+ *     'level': CustomVariableValue.string('42'),
+ *   },
+ * });
+ * ```
+ *
+ * In the paywall text (configured in the dashboard), use the `custom.` prefix:
+ * ```
+ * Hello {{ custom.player_name }}!
+ * ```
+ */
+
+/**
+ * Factory methods for creating CustomVariableValue instances.
+ */
+const CustomVariableValue = exports.CustomVariableValue = {
+  /**
+   * Creates a string custom variable value.
+   * @param value The string value for the custom variable.
+   * @returns A CustomVariableValue containing the string.
+   */
+  string: value => ({
+    type: 'string',
+    value
+  })
+};
+
+/**
+ * A map of custom variable names to their values.
+ */
+
+/**
+ * Internal type for custom variables as sent to native bridge.
+ * Currently only string values are supported.
+ * @internal
+ */
+
+/**
+ * Converts CustomVariables to a string map for native bridge.
+ * @internal
+ * @visibleForTesting
+ */
+function convertCustomVariablesToStringMap(customVariables) {
+  if (!customVariables) return null;
+  const result = {};
+  for (const key of Object.keys(customVariables)) {
+    const variable = customVariables[key];
+    if (variable) {
+      result[key] = variable.value;
+    }
+  }
+  return result;
+}
+
+/**
+ * Transforms options to native format, converting CustomVariables to string map.
+ * @internal
+ * @visibleForTesting
+ */
+function transformOptionsForNative(options) {
+  if (!options) return undefined;
+  const {
+    customVariables,
+    ...rest
+  } = options;
+  return {
+    ...rest,
+    customVariables: convertCustomVariablesToStringMap(customVariables)
+  };
+}
+//# sourceMappingURL=customVariables.js.map

package/lib/commonjs/customVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomVariableValue","exports","string","value","type","convertCustomVariablesToStringMap","customVariables","result","key","Object","keys","variable","transformOptionsForNative","options","undefined","rest"],"sourceRoot":"../../src","sources":["customVariables.ts"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjC;AACF;AACA;AACA;AACA;EACEE,MAAM,EAAGC,KAAa,KAA2B;IAAEC,IAAI,EAAE,QAAQ;IAAED;EAAM,CAAC;AAC5E,CAAU;;AAEV;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASE,iCAAiCA,CAC/CC,eAA4C,EACd;EAC9B,IAAI,CAACA,eAAe,EAAE,OAAO,IAAI;EACjC,MAAMC,MAA6B,GAAG,CAAC,CAAC;EACxC,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACJ,eAAe,CAAC,EAAE;IAC9C,MAAMK,QAAQ,GAAGL,eAAe,CAACE,GAAG,CAAC;IACrC,IAAIG,QAAQ,EAAE;MACZJ,MAAM,CAACC,GAAG,CAAC,GAAGG,QAAQ,CAACR,KAAK;IAC9B;EACF;EACA,OAAOI,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASK,yBAAyBA,CACvCC,OAAsB,EACyE;EAC/F,IAAI,CAACA,OAAO,EAAE,OAAOC,SAAS;EAC9B,MAAM;IAAER,eAAe;IAAE,GAAGS;EAAK,CAAC,GAAGF,OAAO;EAC5C,OAAO;IACL,GAAGE,IAAkC;IACrCT,eAAe,EAAED,iCAAiC,CAACC,eAAe;EACpE,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/index.js

@@ -3,21 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "CustomVariableValue", {
+  enumerable: true,
+  get: function () {
+    return _customVariables.CustomVariableValue;
+  }
+});
 Object.defineProperty(exports, "PAYWALL_RESULT", {
   enumerable: true,
   get: function () {
     return _purchasesTypescriptInternal.PAYWALL_RESULT;
   }
 });
+Object.defineProperty(exports, "convertCustomVariablesToStringMap", {
+  enumerable: true,
+  get: function () {
+    return _customVariables.convertCustomVariablesToStringMap;
+  }
+});
 exports.default = void 0;
+Object.defineProperty(exports, "transformOptionsForNative", {
+  enumerable: true,
+  get: function () {
+    return _customVariables.transformOptionsForNative;
+  }
+});
 var _reactNative = require("react-native");
 var _purchasesTypescriptInternal = require("@revenuecat/purchases-typescript-internal");
 var _react = _interopRequireWildcard(require("react"));
 var _environment = require("./utils/environment");
 var _nativeModules = require("./preview/nativeModules");
 var _previewComponents = require("./preview/previewComponents");
+var _customVariables = require("./customVariables");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Re-export for testing purposes (marked as @internal)
+
 const NATIVE_MODULE_NOT_FOUND_ERROR = `[RevenueCatUI] Native module not found. This can happen if:\n\n` + `- You are running in an unsupported environment (e.g., A browser or a container app that doesn't actually use the native modules)\n` + `- The native module failed to initialize\n` + `- react-native-purchases is not properly installed\n\n` + `To fix this:\n` + `- If using Expo, create a development build: https://docs.expo.dev/develop/development-builds/create-a-build/\n` + `- If using bare React Native, run 'pod install' and rebuild the app\n` + `- Make sure react-native-purchases is installed and you have rebuilt the app\n`;
 
 // Get the native module or use the preview implementation
@@ -48,7 +69,8 @@ const InternalPaywall = ({
   onRestoreStarted,
   onRestoreCompleted,
   onRestoreError,
-  onDismiss
+  onDismiss,
+  onPurchasePackageInitiated
 }) => {
   if (usingPreviewAPIMode) {
     return /*#__PURE__*/_react.default.createElement(_previewComponents.PreviewPaywall, {
@@ -65,10 +87,12 @@ const InternalPaywall = ({
       onDismiss: onDismiss
     });
   } else if (!!NativePaywall) {
+    // Transform options to native format (CustomVariables -> string map)
+    const nativeOptions = (0, _customVariables.transformOptionsForNative)(options);
     return /*#__PURE__*/_react.default.createElement(NativePaywall, {
       style: style,
       children: children,
-      options: options,
+      options: nativeOptions,
       onPurchaseStarted: event => onPurchaseStarted && onPurchaseStarted(event.nativeEvent),
       onPurchaseCompleted: event => onPurchaseCompleted && onPurchaseCompleted(event.nativeEvent),
       onPurchaseError: event => onPurchaseError && onPurchaseError(event.nativeEvent),
@@ -76,7 +100,24 @@ const InternalPaywall = ({
       onRestoreStarted: () => onRestoreStarted && onRestoreStarted(),
       onRestoreCompleted: event => onRestoreCompleted && onRestoreCompleted(event.nativeEvent),
       onRestoreError: event => onRestoreError && onRestoreError(event.nativeEvent),
-      onDismiss: () => onDismiss && onDismiss()
+      onDismiss: () => onDismiss && onDismiss(),
+      onPurchasePackageInitiated: event => {
+        const {
+          packageBeingPurchased,
+          requestId
+        } = event.nativeEvent;
+        if (onPurchasePackageInitiated) {
+          const resume = shouldProceed => {
+            RNPaywalls.resumePurchasePackageInitiated(requestId, shouldProceed);
+          };
+          onPurchasePackageInitiated({
+            packageBeingPurchased,
+            resume
+          });
+        } else {
+          RNPaywalls.resumePurchasePackageInitiated(requestId, true);
+        }
+      }
     });
   }
   throw new Error(NATIVE_MODULE_NOT_FOUND_ERROR);
@@ -110,10 +151,12 @@ const InternalPaywallFooterView = ({
       onDismiss: onDismiss
     });
   } else if (!!NativePaywallFooter) {
+    // Transform options to native format (CustomVariables -> string map)
+    const nativeOptions = (0, _customVariables.transformOptionsForNative)(options);
     return /*#__PURE__*/_react.default.createElement(NativePaywallFooter, {
       style: style,
       children: children,
-      options: options,
+      options: nativeOptions,
       onPurchaseStarted: event => onPurchaseStarted && onPurchaseStarted(event.nativeEvent),
       onPurchaseCompleted: event => onPurchaseCompleted && onPurchaseCompleted(event.nativeEvent),
       onPurchaseError: event => onPurchaseError && onPurchaseError(event.nativeEvent),
@@ -130,6 +173,21 @@ const InternalPaywallFooterView = ({
 
 // Currently the same as the base type, but can be extended later if needed
 
+/**
+ * Helper type that replaces CustomVariables with NativeCustomVariables in an options type.
+ * @internal
+ */
+
+/**
+ * Native props for FullScreenPaywall component.
+ * @internal
+ */
+
+/**
+ * Native props for FooterPaywall component.
+ * @internal
+ */
+
 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
@@ -159,12 +217,13 @@ class RevenueCatUI {
   static presentPaywall({
     offering,
     displayCloseButton = RevenueCatUI.Defaults.PRESENT_PAYWALL_DISPLAY_CLOSE_BUTTON,
-    fontFamily
+    fontFamily,
+    customVariables
   } = {}) {
     var _offering$availablePa;
     throwIfNativeModulesNotAvailable();
     RevenueCatUI.logWarningIfPreviewAPIMode("presentPaywall");
-    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);
+    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, (0, _customVariables.convertCustomVariablesToStringMap)(customVariables));
   }
 
   /**
@@ -184,12 +243,13 @@ class RevenueCatUI {
     requiredEntitlementIdentifier,
     offering,
     displayCloseButton = RevenueCatUI.Defaults.PRESENT_PAYWALL_DISPLAY_CLOSE_BUTTON,
-    fontFamily
+    fontFamily,
+    customVariables
   }) {
     var _offering$availablePa2;
     throwIfNativeModulesNotAvailable();
     RevenueCatUI.logWarningIfPreviewAPIMode("presentPaywallIfNeeded");
-    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);
+    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, (0, _customVariables.convertCustomVariablesToStringMap)(customVariables));
   }
   static Paywall = ({
     style,
@@ -202,7 +262,8 @@ class RevenueCatUI {
     onRestoreStarted,
     onRestoreCompleted,
     onRestoreError,
-    onDismiss
+    onDismiss,
+    onPurchasePackageInitiated
   }) => {
     return /*#__PURE__*/_react.default.createElement(InternalPaywall, {
       options: options,
@@ -215,6 +276,7 @@ class RevenueCatUI {
       onRestoreCompleted: onRestoreCompleted,
       onRestoreError: onRestoreError,
       onDismiss: onDismiss,
+      onPurchasePackageInitiated: onPurchasePackageInitiated,
       style: [{
         flex: 1
       }, style]