@klarna/react-native-klarna-network-messaging 0.0.1 → 2.7.0

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/klarnanetwork/messaging/KlarnaMessagingPlacementViewManagerTest.kt

@@ -0,0 +1,76 @@
+package com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.JavaOnlyMap
+import org.junit.After
+import org.junit.Assert.assertEquals
+import org.junit.Assert.assertNotNull
+import org.junit.Assert.assertTrue
+import org.junit.Before
+import org.junit.Test
+import org.mockito.MockedStatic
+import org.mockito.Mockito
+
+class KlarnaMessagingPlacementViewManagerTest {
+
+    private lateinit var manager: KlarnaMessagingPlacementViewManager
+    private lateinit var mockedArguments: MockedStatic<Arguments>
+
+    @Before
+    fun setUp() {
+        manager = KlarnaMessagingPlacementViewManager()
+        mockedArguments = Mockito.mockStatic(Arguments::class.java)
+        mockedArguments.`when`<JavaOnlyMap> { Arguments.createMap() }
+            .thenAnswer { JavaOnlyMap() }
+    }
+
+    @After
+    fun tearDown() {
+        mockedArguments.close()
+    }
+
+    // MARK: - getName
+
+    @Test
+    fun getName_returnsCorrectReactClass() {
+        assertEquals("RNKlarnaMessagingPlacementView", manager.name)
+    }
+
+    // MARK: - getExportedCustomDirectEventTypeConstants
+
+    @Test
+    fun eventConstants_containsOnError() {
+        val constants = manager.exportedCustomDirectEventTypeConstants
+        assertNotNull(constants)
+        assertTrue(constants!!.containsKey("onError"))
+    }
+
+    @Test
+    fun eventConstants_containsOnResized() {
+        val constants = manager.exportedCustomDirectEventTypeConstants
+        assertNotNull(constants)
+        assertTrue(constants!!.containsKey("onResized"))
+    }
+
+    @Test
+    fun eventConstants_onErrorRegistrationName() {
+        val constants = manager.exportedCustomDirectEventTypeConstants!!
+        @Suppress("UNCHECKED_CAST")
+        val onError = constants["onError"] as Map<String, Any>
+        assertEquals("onError", onError["registrationName"])
+    }
+
+    @Test
+    fun eventConstants_onResizedRegistrationName() {
+        val constants = manager.exportedCustomDirectEventTypeConstants!!
+        @Suppress("UNCHECKED_CAST")
+        val onResized = constants["onResized"] as Map<String, Any>
+        assertEquals("onResized", onResized["registrationName"])
+    }
+
+    @Test
+    fun eventConstants_hasExactlyTwoEntries() {
+        val constants = manager.exportedCustomDirectEventTypeConstants!!
+        assertEquals(2, constants.size)
+    }
+}

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/klarnanetwork/messaging/KlarnaMessagingViewManagerHelpersTest.kt

@@ -0,0 +1,200 @@
+package com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging
+
+import com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging.KlarnaMessagingViewManagerHelpers.buildConfiguration
+import com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging.KlarnaMessagingViewManagerHelpers.parseAmount
+import com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging.KlarnaMessagingViewManagerHelpers.parseTheme
+import com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging.KlarnaMessagingViewManagerHelpers.resolvePlacementType
+import com.klarna.mobile.sdk.reactnative.klarnanetwork.messaging.KlarnaMessagingViewManagerHelpers.shouldReportHeight
+import com.klarna.mobile.sdk.api.KlarnaTheme
+import com.klarna.mobile.sdk.klarna.network.messaging.api.KlarnaMessagingPlacementConfiguration
+import org.junit.Assert.assertEquals
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertNull
+import org.junit.Assert.assertTrue
+import org.junit.Test
+
+class KlarnaMessagingViewManagerHelpersTest {
+
+    // MARK: - parseTheme
+
+    @Test
+    fun parseTheme_light() {
+        assertEquals(KlarnaTheme.LIGHT, parseTheme("light"))
+    }
+
+    @Test
+    fun parseTheme_dark() {
+        assertEquals(KlarnaTheme.DARK, parseTheme("dark"))
+    }
+
+    @Test
+    fun parseTheme_automatic() {
+        assertEquals(KlarnaTheme.AUTOMATIC, parseTheme("automatic"))
+    }
+
+    @Test
+    fun parseTheme_nullInput_returnsNull() {
+        assertNull(parseTheme(null))
+    }
+
+    @Test
+    fun parseTheme_unknownValue_returnsNull() {
+        assertNull(parseTheme("neon"))
+    }
+
+    @Test
+    fun parseTheme_isCaseSensitive() {
+        // Contract is lowercase only; uppercase should not match.
+        assertNull(parseTheme("LIGHT"))
+        assertNull(parseTheme("Light"))
+    }
+
+    @Test
+    fun parseTheme_emptyString_returnsNull() {
+        assertNull(parseTheme(""))
+    }
+
+    // MARK: - parseAmount
+
+    @Test
+    fun parseAmount_validInteger() {
+        assertEquals(12345L, parseAmount("12345"))
+    }
+
+    @Test
+    fun parseAmount_zero() {
+        assertEquals(0L, parseAmount("0"))
+    }
+
+    @Test
+    fun parseAmount_negative() {
+        assertEquals(-500L, parseAmount("-500"))
+    }
+
+    @Test
+    fun parseAmount_null_returnsNull() {
+        assertNull(parseAmount(null))
+    }
+
+    @Test
+    fun parseAmount_empty_returnsNull() {
+        assertNull(parseAmount(""))
+    }
+
+    @Test
+    fun parseAmount_nonNumeric_returnsNull() {
+        assertNull(parseAmount("abc"))
+    }
+
+    @Test
+    fun parseAmount_fractional_returnsNull() {
+        // Amounts are minor units (integers). Decimals must be rejected.
+        assertNull(parseAmount("12.5"))
+    }
+
+    @Test
+    fun parseAmount_overflow_returnsNull() {
+        // Larger than Long.MAX_VALUE.
+        assertNull(parseAmount("99999999999999999999"))
+    }
+
+    // MARK: - resolvePlacementType
+
+    @Test
+    fun resolvePlacementType_badge_returnsBadge() {
+        assertEquals(PlacementType.BADGE, resolvePlacementType("CreditPromotionBadge"))
+    }
+
+    @Test
+    fun resolvePlacementType_autoSize_returnsAutoSize() {
+        assertEquals(PlacementType.AUTO_SIZE, resolvePlacementType("CreditPromotionAutoSize"))
+    }
+
+    @Test
+    fun resolvePlacementType_null_defaultsToAutoSize() {
+        assertEquals(PlacementType.AUTO_SIZE, resolvePlacementType(null))
+    }
+
+    @Test
+    fun resolvePlacementType_unknown_defaultsToAutoSize() {
+        assertEquals(PlacementType.AUTO_SIZE, resolvePlacementType("SomethingElse"))
+    }
+
+    @Test
+    fun resolvePlacementType_caseSensitive() {
+        // Only exact "CreditPromotionBadge" returns badge.
+        assertEquals(PlacementType.AUTO_SIZE, resolvePlacementType("creditpromotionbadge"))
+    }
+
+    // MARK: - buildConfiguration
+
+    @Test
+    fun buildConfiguration_badge_returnsBadgeConfiguration() {
+        val config = buildConfiguration("CreditPromotionBadge", KlarnaTheme.LIGHT, 1000L, "USD")
+        assertTrue(
+            "Expected CreditPromotionBadge but got ${config::class.simpleName}",
+            config is KlarnaMessagingPlacementConfiguration.CreditPromotionBadge
+        )
+    }
+
+    @Test
+    fun buildConfiguration_autoSize_returnsAutoSizeConfiguration() {
+        val config = buildConfiguration("CreditPromotionAutoSize", KlarnaTheme.DARK, 2000L, "EUR")
+        assertTrue(
+            "Expected CreditPromotionAutoSize but got ${config::class.simpleName}",
+            config is KlarnaMessagingPlacementConfiguration.CreditPromotionAutoSize
+        )
+    }
+
+    @Test
+    fun buildConfiguration_null_defaultsToAutoSize() {
+        val config = buildConfiguration(null, null, 100L, "SEK")
+        assertTrue(config is KlarnaMessagingPlacementConfiguration.CreditPromotionAutoSize)
+    }
+
+    @Test
+    fun buildConfiguration_unknown_defaultsToAutoSize() {
+        val config = buildConfiguration("UnknownType", null, 100L, "SEK")
+        assertTrue(config is KlarnaMessagingPlacementConfiguration.CreditPromotionAutoSize)
+    }
+
+    @Test
+    fun buildConfiguration_passesNullThroughWhenThemeIsNull() {
+        // Should not throw when theme is null.
+        val config = buildConfiguration("CreditPromotionBadge", null, 100L, "GBP")
+        assertTrue(config is KlarnaMessagingPlacementConfiguration.CreditPromotionBadge)
+    }
+
+    // MARK: - shouldReportHeight
+
+    @Test
+    fun shouldReportHeight_firstReport_isReported() {
+        assertTrue(shouldReportHeight(null, 100))
+    }
+
+    @Test
+    fun shouldReportHeight_changedHeight_isReported() {
+        assertTrue(shouldReportHeight(100, 150))
+    }
+
+    @Test
+    fun shouldReportHeight_sameHeight_isSkipped() {
+        assertFalse(shouldReportHeight(100, 100))
+    }
+
+    @Test
+    fun shouldReportHeight_zero_isSkipped() {
+        assertFalse(shouldReportHeight(null, 0))
+    }
+
+    @Test
+    fun shouldReportHeight_negative_isSkipped() {
+        assertFalse(shouldReportHeight(null, -10))
+    }
+
+    @Test
+    fun shouldReportHeight_zeroAfterValidHeight_isSkipped() {
+        // A spurious 0 report must not clobber a previously reported height.
+        assertFalse(shouldReportHeight(100, 0))
+    }
+}

package/ios/Sources/KlarnaMessagingPlacementViewFactory.swift

@@ -0,0 +1,101 @@
+import Foundation
+import UIKit
+import KlarnaNetworkMessaging
+import KlarnaNetworkCore
+import KlarnaCore
+@_spi(RNKlarnaNetworkCore) import react_native_klarna_network_core
+
+enum PlacementType: String {
+    case autoSize = "CreditPromotionAutoSize"
+    case badge = "CreditPromotionBadge"
+
+    init(rawString: String?) {
+        self = PlacementType(rawValue: rawString ?? "") ?? .autoSize
+    }
+}
+
+@objc(KlarnaMessagingPlacementViewFactory)
+public class KlarnaMessagingPlacementViewFactory: NSObject {
+
+    @objc public static let defaultPlacementType = PlacementType.autoSize.rawValue
+
+    @objc public static func resolveKlarna(instanceId: String) -> AnyObject? {
+        return KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId)
+    }
+
+    static func parseTheme(_ value: String) -> KlarnaTheme? {
+        switch value {
+        case "light": return .light
+        case "dark": return .dark
+        case "automatic": return .automatic
+        default: return nil
+        }
+    }
+
+    static func makeConfiguration(
+        placementType: String,
+        theme: KlarnaTheme?,
+        amount: Int64,
+        currency: String
+    ) -> KlarnaMessagingPlacementConfiguration {
+        let intAmount = Int(amount)
+        switch PlacementType(rawString: placementType) {
+        case .badge:
+            return .creditPromotionBadge(amount: intAmount, currency: currency, theme: theme)
+        case .autoSize:
+            return .creditPromotionAutoSize(amount: intAmount, currency: currency, theme: theme)
+        }
+    }
+
+    @objc public static func createPlacementView(
+        klarna: AnyObject,
+        placementType: String,
+        theme: String,
+        amount: Int64,
+        currency: String
+    ) -> UIView? {
+        guard let klarnaInstance = klarna as? Klarna else {
+            return nil
+        }
+
+        let parsedTheme = parseTheme(theme)
+        let configuration = makeConfiguration(
+            placementType: placementType,
+            theme: parsedTheme,
+            amount: amount,
+            currency: currency
+        )
+        let view = KlarnaMessagingPlacementView(klarna: klarnaInstance, configuration: configuration)
+        // Align the trait collection with the explicit theme so the SDK's
+        // trait-driven colors don't conflict with theme-driven colors when the
+        // JS prop opposes the phone's system mode (e.g. theme=dark on a light phone).
+        switch parsedTheme {
+        case .light:
+            view.overrideUserInterfaceStyle = .light
+        case .dark:
+            view.overrideUserInterfaceStyle = .dark
+        default:
+            view.overrideUserInterfaceStyle = .unspecified
+        }
+        // Match Android: render the SDK placement on a transparent surface so the
+        // host app's background shows through. The wrapper re-applies this on every
+        // layout pass (see clearBackgrounds:) because the SDK repaints the root and
+        // its UITextView with theme-derived colors after construction.
+        view.backgroundColor = .clear
+        return view
+    }
+
+    /// Sets `backgroundColor = .clear` on the SDK root and on any UITextView in its
+    /// subtree so the host app's background shows through. Called from the Fabric
+    /// wrapper's `layoutSubviews` to survive SDK repaints (the SDK resets the root
+    /// to its theme background and the UITextView to `systemBackgroundColor`).
+    @objc public static func clearBackgrounds(_ view: UIView) {
+        view.backgroundColor = .clear
+        for subview in view.subviews {
+            if subview is UITextView {
+                subview.backgroundColor = .clear
+            }
+            clearBackgrounds(subview)
+        }
+    }
+}

package/ios/Sources/KlarnaMessagingPlacementViewHelper.swift

@@ -0,0 +1,171 @@
+import Foundation
+import UIKit
+
+@objc public protocol KlarnaMessagingHeightDelegate: AnyObject {
+    func placementViewDidUpdateHeight(_ height: CGFloat)
+}
+
+@objc(KlarnaMessagingPlacementViewHelper)
+public class KlarnaMessagingPlacementViewHelper: NSObject {
+
+    // MARK: - Amount Parsing
+
+    /// Strict integer-only parser that mirrors Android's `String.toLongOrNull()`.
+    /// Returns `nil` for empty, non-integer, or out-of-range inputs instead of
+    /// falling back to `NSString.longLongValue`, which silently coerces `"abc"` /
+    /// `"12.5"` to `0`.
+    @objc public static func parseAmount(_ value: String?) -> NSNumber? {
+        guard let value = value, !value.isEmpty, let parsed = Int64(value) else {
+            return nil
+        }
+        return NSNumber(value: parsed)
+    }
+
+    // MARK: - Height Calculation
+
+    /// Determines the natural content height of `view` using a three-tier fallback:
+    /// 1. Auto Layout `systemLayoutSizeFitting` constrained to `containerWidth`.
+    /// 2. The view's current `frame.size.height` (for views laid out manually).
+    /// 3. The bottommost subview's `maxY` (last-resort introspection).
+    @objc public static func calculateHeight(for view: UIView, containerWidth: CGFloat) -> CGFloat {
+        view.setNeedsLayout()
+        view.layoutIfNeeded()
+
+        let fittingWidth = containerWidth > 0 ? containerWidth : UIScreen.main.bounds.width
+        let fittingSize = view.systemLayoutSizeFitting(
+            CGSize(width: fittingWidth, height: UIView.layoutFittingCompressedSize.height),
+            withHorizontalFittingPriority: .required,
+            verticalFittingPriority: .fittingSizeLevel
+        )
+        if fittingSize.height > 0 {
+            return fittingSize.height
+        }
+
+        if view.frame.size.height > 0 {
+            return view.frame.size.height
+        }
+
+        var maxBottom: CGFloat = 0
+        for subview in view.subviews {
+            let bottom = subview.frame.maxY
+            if bottom > maxBottom {
+                maxBottom = bottom
+            }
+        }
+        return maxBottom
+    }
+
+    // MARK: - Subview Setup
+
+    /// Adds `placementView` to `container` pinned to top/leading/trailing edges.
+    /// When `pinWidth` is `true` an explicit width constraint equal to
+    /// `container.bounds.width` is also added (no-op if the container has zero
+    /// width). The Fabric wrapper currently always passes `false` and lets Auto
+    /// Layout drive width via the trailing constraint.
+    @objc public static func addPlacementSubview(_ placementView: UIView, to container: UIView, pinWidth: Bool) {
+        placementView.translatesAutoresizingMaskIntoConstraints = false
+        container.addSubview(placementView)
+
+        NSLayoutConstraint.activate([
+            placementView.topAnchor.constraint(equalTo: container.topAnchor),
+            placementView.leadingAnchor.constraint(equalTo: container.leadingAnchor),
+            placementView.trailingAnchor.constraint(equalTo: container.trailingAnchor),
+        ])
+
+        if pinWidth {
+            let width = container.bounds.size.width
+            if width > 0 {
+                NSLayoutConstraint.activate([
+                    placementView.widthAnchor.constraint(equalToConstant: width),
+                ])
+            }
+        }
+    }
+}
+
+// MARK: - Height Observer
+
+/// Observes a placement view's `bounds` via KVO and fires staggered delayed checks
+/// to catch asynchronous content loads. Reports distinct height changes to its `delegate`.
+@objc(KlarnaMessagingHeightObserver)
+public class KlarnaMessagingHeightObserver: NSObject {
+
+    @objc public weak var delegate: KlarnaMessagingHeightDelegate?
+
+    /// Held strongly while observation is active so `removeObserver` always sees a
+    /// live target (KVO crashes if the observed object deallocates first).
+    /// Cleared in `stopObserving` after the observer is removed.
+    private var observedView: UIView?
+    private var isObserving = false
+    private var lastReportedHeight: CGFloat = 0
+    private var pendingDelayedChecks: Int = 0
+    private let delayIntervals: [Double]
+
+    @objc public init(delayIntervals: [Double]) {
+        self.delayIntervals = delayIntervals
+        super.init()
+    }
+
+    /// Starts observing `view` for height changes using KVO on `bounds` plus
+    /// staggered delayed checks (configured via `delayIntervals`).
+    @objc public func observe(_ view: UIView) {
+        stopObserving()
+        observedView = view
+        lastReportedHeight = 0
+        pendingDelayedChecks = delayIntervals.count
+        isObserving = true
+        view.addObserver(self, forKeyPath: "bounds", options: .new, context: nil)
+
+        for delay in delayIntervals {
+            DispatchQueue.main.asyncAfter(deadline: .now() + delay) { [weak self] in
+                guard let self = self else { return }
+                self.checkAndReportHeight()
+                self.pendingDelayedChecks -= 1
+                if self.pendingDelayedChecks <= 0 && self.lastReportedHeight == 0 {
+                    self.delegate?.placementViewDidUpdateHeight(0)
+                }
+            }
+        }
+    }
+
+    @objc public func stopObserving() {
+        if isObserving, let view = observedView {
+            view.removeObserver(self, forKeyPath: "bounds")
+        }
+        isObserving = false
+        observedView = nil
+    }
+
+    /// Measures the observed view's content height and notifies the delegate if
+    /// the value changed since the last report (deduplicates identical heights).
+    @objc public func checkAndReportHeight() {
+        guard let view = observedView else { return }
+
+        let containerWidth = view.superview?.bounds.size.width ?? 0
+        let height = KlarnaMessagingPlacementViewHelper.calculateHeight(for: view, containerWidth: containerWidth)
+
+        if height > 0 && height != lastReportedHeight {
+            lastReportedHeight = height
+            delegate?.placementViewDidUpdateHeight(height)
+        }
+    }
+
+    // MARK: - KVO
+
+    public override func observeValue(
+        forKeyPath keyPath: String?,
+        of object: Any?,
+        change: [NSKeyValueChangeKey: Any]?,
+        context: UnsafeMutableRawPointer?
+    ) {
+        if keyPath == "bounds", (object as? UIView) === observedView {
+            DispatchQueue.main.async { [weak self] in
+                self?.checkAndReportHeight()
+            }
+        }
+    }
+
+    deinit {
+        stopObserving()
+    }
+}

package/ios/Sources/KlarnaMessagingPlacementViewManager.h

@@ -0,0 +1,5 @@
+#import <React/RCTViewManager.h>
+
+@interface KlarnaMessagingPlacementViewManager : RCTViewManager
+
+@end

package/ios/Sources/KlarnaMessagingPlacementViewManager.mm

@@ -0,0 +1,37 @@
+#import <React/RCTUIManager.h>
+#import <React/RCTLog.h>
+#import "KlarnaMessagingPlacementViewManager.h"
+#import "view/KlarnaMessagingPlacementViewWrapper.h"
+
+@implementation KlarnaMessagingPlacementViewManager
+
++ (void)initialize
+{
+    if (self != [KlarnaMessagingPlacementViewManager class]) {
+        return;
+    }
+#ifndef RCT_NEW_ARCH_ENABLED
+    RCTLogError(@"KlarnaMessagingPlacementViewManager: react-native-klarna-network-messaging does not support the old architecture. Please enable the New Architecture (RCT_NEW_ARCH_ENABLED=1) before running pod install.");
+#endif
+}
+
+RCT_EXPORT_MODULE(RNKlarnaMessagingPlacementView)
+
+#pragma mark - View Properties
+
+RCT_EXPORT_VIEW_PROPERTY(placementType, NSString)
+RCT_EXPORT_VIEW_PROPERTY(theme, NSString)
+RCT_EXPORT_VIEW_PROPERTY(amount, NSString)
+RCT_EXPORT_VIEW_PROPERTY(currency, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onError, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onResized, RCTDirectEventBlock)
+
+#pragma mark - View Creation
+
+- (UIView *)view
+{
+    KlarnaMessagingPlacementViewWrapper *wrapper = [KlarnaMessagingPlacementViewWrapper new];
+    return wrapper;
+}
+
+@end

package/ios/Sources/view/KlarnaMessagingPlacementViewWrapper.h

@@ -0,0 +1,7 @@
+#import <React/RCTUIManager.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+@interface KlarnaMessagingPlacementViewWrapper : RCTViewComponentView
+
+@end