@onramper/onramper-react-native 1.2.1 → 1.2.2-1

package/nitrogen/generated/ios/swift/HybridOnramperCheckoutButtonSpec_cxx.swift

@@ -131,6 +131,38 @@ open class HybridOnramperCheckoutButtonSpec_cxx {
       self.__implementation.intentHandle = String(newValue)
     }
   }
+  
+  public final var onContentHeightChange: bridge.std__optional_std__function_void_double____height______ {
+    @inline(__always)
+    get {
+      return { () -> bridge.std__optional_std__function_void_double____height______ in
+        if let __unwrappedValue = self.__implementation.onContentHeightChange {
+          return bridge.create_std__optional_std__function_void_double____height______({ () -> bridge.Func_void_double in
+            let __closureWrapper = Func_void_double(__unwrappedValue)
+            return bridge.create_Func_void_double(__closureWrapper.toUnsafe())
+          }())
+        } else {
+          return .init()
+        }
+      }()
+    }
+    @inline(__always)
+    set {
+      self.__implementation.onContentHeightChange = { () -> ((_ height: Double) -> Void)? in
+        if bridge.has_value_std__optional_std__function_void_double____height______(newValue) {
+          let __unwrapped = bridge.get_std__optional_std__function_void_double____height______(newValue)
+          return { () -> (Double) -> Void in
+            let __wrappedFunction = bridge.wrap_Func_void_double(__unwrapped)
+            return { (__height: Double) -> Void in
+              __wrappedFunction.call(__height)
+            }
+          }()
+        } else {
+          return nil
+        }
+      }()
+    }
+  }
 
   // Methods
   public final func getView() -> UnsafeMutableRawPointer {

package/nitrogen/generated/shared/c++/HybridOnramperCheckoutButtonSpec.cpp

@@ -16,6 +16,8 @@ namespace margelo::nitro::onramper {
     registerHybrids(this, [](Prototype& prototype) {
       prototype.registerHybridGetter("intentHandle", &HybridOnramperCheckoutButtonSpec::getIntentHandle);
       prototype.registerHybridSetter("intentHandle", &HybridOnramperCheckoutButtonSpec::setIntentHandle);
+      prototype.registerHybridGetter("onContentHeightChange", &HybridOnramperCheckoutButtonSpec::getOnContentHeightChange);
+      prototype.registerHybridSetter("onContentHeightChange", &HybridOnramperCheckoutButtonSpec::setOnContentHeightChange);
     });
   }
 

package/nitrogen/generated/shared/c++/HybridOnramperCheckoutButtonSpec.hpp

@@ -16,6 +16,8 @@
 
 
 #include <string>
+#include <functional>
+#include <optional>
 
 namespace margelo::nitro::onramper {
 
@@ -46,6 +48,8 @@ namespace margelo::nitro::onramper {
       // Properties
       virtual std::string getIntentHandle() = 0;
       virtual void setIntentHandle(const std::string& intentHandle) = 0;
+      virtual std::optional<std::function<void(double /* height */)>> getOnContentHeightChange() = 0;
+      virtual void setOnContentHeightChange(const std::optional<std::function<void(double /* height */)>>& onContentHeightChange) = 0;
 
     public:
       // Methods

package/nitrogen/generated/shared/c++/views/HybridOnramperCheckoutButtonComponent.cpp

@@ -36,6 +36,16 @@ namespace margelo::nitro::onramper::views {
         throw std::runtime_error(std::string("OnramperCheckoutButton.intentHandle: ") + exc.what());
       }
     }()),
+    onContentHeightChange([&]() -> CachedProp<std::optional<std::function<void(double /* height */)>>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("onContentHeightChange", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.onContentHeightChange;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::function<void(double /* height */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, PropNameIDCache::get(*runtime, "f")), sourceProps.onContentHeightChange);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("OnramperCheckoutButton.onContentHeightChange: ") + exc.what());
+      }
+    }()),
     hybridRef([&]() -> CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridOnramperCheckoutButtonSpec>& /* ref */)>>> {
       try {
         const react::RawValue* rawValue = rawProps.at("hybridRef", nullptr, nullptr);
@@ -50,6 +60,7 @@ namespace margelo::nitro::onramper::views {
   bool HybridOnramperCheckoutButtonProps::filterObjectKeys(const std::string& propName) {
     switch (hashString(propName)) {
       case hashString("intentHandle"): return true;
+      case hashString("onContentHeightChange"): return true;
       case hashString("hybridRef"): return true;
       default: return false;
     }

package/nitrogen/generated/shared/c++/views/HybridOnramperCheckoutButtonComponent.hpp

@@ -17,10 +17,10 @@
 #include <react/renderer/components/view/ViewProps.h>
 
 #include <string>
-#include <memory>
-#include "HybridOnramperCheckoutButtonSpec.hpp"
 #include <functional>
 #include <optional>
+#include <memory>
+#include "HybridOnramperCheckoutButtonSpec.hpp"
 
 namespace margelo::nitro::onramper::views {
 
@@ -43,6 +43,7 @@ namespace margelo::nitro::onramper::views {
 
   public:
     CachedProp<std::string> intentHandle;
+    CachedProp<std::optional<std::function<void(double /* height */)>>> onContentHeightChange;
     CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridOnramperCheckoutButtonSpec>& /* ref */)>>> hybridRef;
 
   private:

package/nitrogen/generated/shared/json/OnramperCheckoutButtonConfig.json

@@ -5,6 +5,7 @@
   "directEventTypes": {},
   "validAttributes": {
     "intentHandle": true,
+    "onContentHeightChange": true,
     "hybridRef": true
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onramper/onramper-react-native",
-  "version": "1.2.1",
+  "version": "1.2.2-1",
   "description": "React Native wrapper for the Onramper iOS SDK",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
@@ -64,7 +64,7 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/onramper/onramper-react-native#readme",
   "onramperSDK": {
-    "checksum": "305cca364bb24bb5ec964488e1dc815a9a63c734a989482080cbc02993ec7f6b"
+    "checksum": "754184c10a736e1db3292b592ca634ddbaa61dd01540b60610df4aa73a61de9a"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -76,12 +76,14 @@
     "@expo/config-plugins": "^10.0.0",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.2.0",
+    "@types/react-test-renderer": "^19.3.0",
     "jest": "^29.7.0",
     "nitrogen": "^0.35.9",
     "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-builder-bob": "^0.43.0",
     "react-native-nitro-modules": "^0.35.9",
+    "react-test-renderer": "^19.2.3",
     "ts-jest": "^29.4.10",
     "typescript": "~5.8.3"
   },

package/src/CheckoutButton.ts

@@ -0,0 +1,28 @@
+import { createElement, useMemo, useState } from 'react';
+import { callback } from 'react-native-nitro-modules';
+
+import { OnramperCheckoutButtonView } from './OnramperCheckoutButtonView';
+
+// Height of the bare Buy button. Used until native reports the measured content
+// height so the first frame isn't collapsed.
+export const CHECKOUT_BUTTON_FALLBACK_HEIGHT = 56;
+
+export interface CheckoutButtonProps {
+  intentHandle: string;
+}
+
+/**
+ * Sizes the native checkout button to its SwiftUI content. The content grows when
+ * the SDK shows ToS text under the Buy button (which can change after mount), and
+ * Yoga can't measure a SwiftUI view — so native reports the height and it is
+ * applied here as an explicit `height`.
+ */
+export function CheckoutButton({ intentHandle }: CheckoutButtonProps) {
+  const [height, setHeight] = useState<number | null>(null);
+  const onContentHeightChange = useMemo(() => callback((h: number) => setHeight(Math.ceil(h))), []);
+  return createElement(OnramperCheckoutButtonView, {
+    intentHandle,
+    onContentHeightChange,
+    style: { width: '100%', height: height ?? CHECKOUT_BUTTON_FALLBACK_HEIGHT },
+  });
+}

package/src/OnramperClient.ts

@@ -1,6 +1,6 @@
 import { type ReactElement, createElement } from 'react';
 
-import { OnramperCheckoutButtonView } from './OnramperCheckoutButtonView';
+import { CheckoutButton } from './CheckoutButton';
 import { createOnramperNative } from './OnramperNative';
 import { OnramperError } from './errors';
 import type { CheckoutEvent, EventName, EventPayload } from './events';
@@ -171,10 +171,7 @@ export class OnramperClient {
         JSON.stringify(buttonStyle),
       );
       const quote = JSON.parse(result.quoteJson) as QuoteResponse;
-      const button = createElement(OnramperCheckoutButtonView, {
-        intentHandle: result.intentHandle,
-        style: { width: '100%', minHeight: 56 },
-      });
+      const button = createElement(CheckoutButton, { intentHandle: result.intentHandle });
       return { button, quote };
     } catch (e: unknown) {
       throw OnramperError.from(e);

package/src/generated/OnramperCheckoutButtonConfig.json

@@ -5,6 +5,7 @@
   "directEventTypes": {},
   "validAttributes": {
     "intentHandle": true,
+    "onContentHeightChange": true,
     "hybridRef": true
   }
 }

package/src/specs/OnramperCheckoutButton.nitro.ts

@@ -5,6 +5,12 @@ import type { HybridView, HybridViewMethods, HybridViewProps } from 'react-nativ
 // UIHostingController. iOS-only (Android is a platformUnsupported stub).
 export interface OnramperCheckoutButtonProps extends HybridViewProps {
   intentHandle: string;
+  /**
+   * Called with the hosted SwiftUI content's height (points) whenever it changes —
+   * e.g. when ToS text appears under the Buy button. React Native can't measure
+   * the SwiftUI content itself, so the JS wrapper applies this as `height`.
+   */
+  onContentHeightChange?: (height: number) => void;
 }
 
 export interface OnramperCheckoutButtonMethods extends HybridViewMethods {}