react-native-klarna-inapp-sdk 2.4.10 → 2.5.0

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/osm/KlarnaOSMViewManager.java

@@ -0,0 +1,356 @@
+package com.klarna.mobile.sdk.reactnative.osm;
+
+import android.app.Activity;
+import android.view.View;
+import android.view.ViewTreeObserver;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReadableArray;
+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.EventDispatcher;
+import com.klarna.mobile.sdk.api.osm.KlarnaOSMView;
+import com.klarna.mobile.sdk.KlarnaMobileSDKError;
+import com.klarna.mobile.sdk.reactnative.common.ui.WrapperView;
+import com.klarna.mobile.sdk.reactnative.common.ui.YogaLayoutHelper;
+import com.klarna.mobile.sdk.reactnative.spec.RNKlarnaOSMViewSpec;
+import com.klarna.mobile.sdk.api.KlarnaRegion;
+import com.klarna.mobile.sdk.api.KlarnaEnvironment;
+import com.klarna.mobile.sdk.api.KlarnaTextStyleConfiguration;
+import com.klarna.mobile.sdk.api.KlarnaTheme;
+import com.klarna.mobile.sdk.api.osm.KlarnaOSMStyleConfiguration;
+
+import com.facebook.react.uimanager.PixelUtil;
+
+import java.util.Map;
+import java.util.WeakHashMap;
+
+public class KlarnaOSMViewManager extends RNKlarnaOSMViewSpec<WrapperView<KlarnaOSMView>> {
+
+    public static final String KLARNA_OSM_VIEW_REACT_CLASS = "RNKlarnaOSMView";
+    public static final String COMMAND_RENDER_OSM = "render";
+
+    private final Map<WrapperView<KlarnaOSMView>, EventDispatcher> viewToDispatcher;
+    private final KlarnaOSMViewEventSender eventSender;
+    private final KlarnaOSMViewEventHandler eventHandler;
+    private final Map<KlarnaOSMView, ViewTreeObserver.OnGlobalLayoutListener> layoutListeners = new WeakHashMap<>();
+    private final Map<KlarnaOSMView, String> pendingBackgroundColor = new WeakHashMap<>();
+    private final Map<KlarnaOSMView, String> pendingTextColor = new WeakHashMap<>();
+
+    public KlarnaOSMViewManager() {
+        super();
+        viewToDispatcher = new WeakHashMap<>();
+        eventSender = new KlarnaOSMViewEventSender(viewToDispatcher);
+        eventHandler = new KlarnaOSMViewEventHandler(eventSender);
+    }
+
+    @NonNull
+    @Override
+    public String getName() {
+        return KLARNA_OSM_VIEW_REACT_CLASS;
+    }
+
+    @NonNull
+    @Override
+    protected WrapperView<KlarnaOSMView> createViewInstance(@NonNull ThemedReactContext themedReactContext) {
+        Activity activity = themedReactContext.getCurrentActivity();
+        KlarnaOSMView osmView = new KlarnaOSMView(activity != null ? activity : themedReactContext);
+        osmView.setEventHandler(eventHandler);
+        if (activity != null) {
+            osmView.setHostActivity(activity);
+        }
+        WrapperView<KlarnaOSMView> view = new WrapperView<>(themedReactContext, null, osmView);
+
+        EventDispatcher eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag((ReactContext) view.getContext(), view.getId());
+        viewToDispatcher.put(view, eventDispatcher);
+
+        view.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
+            @Override
+            public void onViewAttachedToWindow(@NonNull View v) {
+                eventSender.sendOnOSMViewReadyEvent(osmView);
+                v.removeOnAttachStateChangeListener(this);
+            }
+
+            @Override
+            public void onViewDetachedFromWindow(@NonNull View v) {
+                removeLayoutListener(osmView);
+            }
+        });
+
+        return view;
+    }
+
+    @Override
+    public void onDropViewInstance(@NonNull WrapperView<KlarnaOSMView> view) {
+        removeLayoutListener(view.getView());
+        viewToDispatcher.remove(view);
+        super.onDropViewInstance(view);
+    }
+
+    private void removeLayoutListener(@Nullable KlarnaOSMView osmView) {
+        if (osmView == null) {
+            return;
+        }
+        ViewTreeObserver.OnGlobalLayoutListener listener = layoutListeners.remove(osmView);
+        if (listener != null) {
+            osmView.getViewTreeObserver().removeOnGlobalLayoutListener(listener);
+        }
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
+        return eventSender.getExportedCustomDirectEventTypeConstants();
+    }
+
+    @Override
+    public void receiveCommand(@NonNull WrapperView<KlarnaOSMView> root, String commandId, @Nullable ReadableArray args) {
+        if (COMMAND_RENDER_OSM.equals(commandId)) {
+            render(root);
+        }
+    }
+
+    @ReactProp(name = "clientId")
+    @Override
+    public void setClientId(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            osmView.setClientId(value);
+        }
+    }
+
+    @ReactProp(name = "placementKey")
+    @Override
+    public void setPlacementKey(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            osmView.setPlacementKey(value);
+        }
+    }
+
+    @ReactProp(name = "locale")
+    @Override
+    public void setLocale(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            osmView.setLocale(value);
+        }
+    }
+
+    @ReactProp(name = "purchaseAmount")
+    @Override
+    public void setPurchaseAmount(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            try {
+                long amount = Long.parseLong(value);
+                osmView.setPurchaseAmount(amount);
+            } catch (NumberFormatException e) {
+                eventSender.sendError(osmView, "InvalidPurchaseAmount",
+                        "Invalid purchaseAmount: '" + value + "'. Expected a numeric string.", false);
+            }
+        }
+    }
+
+    @ReactProp(name = "environment")
+    @Override
+    public void setEnvironment(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            switch (value) {
+                case "playground":
+                    osmView.setEnvironment(KlarnaEnvironment.PLAYGROUND);
+                    break;
+                case "production":
+                    osmView.setEnvironment(KlarnaEnvironment.PRODUCTION);
+                    break;
+                case "staging":
+                    osmView.setEnvironment(KlarnaEnvironment.STAGING);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+
+    @ReactProp(name = "region")
+    @Override
+    public void setRegion(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            switch (value) {
+                case "eu":
+                    osmView.setRegion(KlarnaRegion.EU);
+                    break;
+                case "na":
+                    osmView.setRegion(KlarnaRegion.NA);
+                    break;
+                case "oc":
+                    osmView.setRegion(KlarnaRegion.OC);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+
+    @ReactProp(name = "theme")
+    @Override
+    public void setTheme(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null && value != null && !value.isEmpty()) {
+            switch (value) {
+                case "light":
+                    osmView.setTheme(KlarnaTheme.LIGHT);
+                    break;
+                case "dark":
+                    osmView.setTheme(KlarnaTheme.DARK);
+                    break;
+                case "automatic":
+                    osmView.setTheme(KlarnaTheme.AUTOMATIC);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+
+    @ReactProp(name = "backgroundColor")
+    @Override
+    public void setBackgroundColor(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null) {
+            pendingBackgroundColor.put(osmView, value);
+            updateStyleConfiguration(osmView);
+        }
+    }
+
+    @ReactProp(name = "textColor")
+    @Override
+    public void setTextColor(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null) {
+            pendingTextColor.put(osmView, value);
+            updateStyleConfiguration(osmView);
+        }
+    }
+
+    @ReactProp(name = "returnUrl")
+    @Override
+    public void setReturnUrl(WrapperView<KlarnaOSMView> view, @Nullable String value) {
+        // No need to do anything here because KlarnaOSMView ignores the return URL set by merchant and uses an internally created return URL.
+    }
+
+    @Override
+    public void render(WrapperView<KlarnaOSMView> view) {
+        KlarnaOSMView osmView = view.getView();
+        if (osmView != null) {
+            ReactContext reactContext = (ReactContext) view.getContext();
+            Activity activity = reactContext.getCurrentActivity();
+            if (activity != null) {
+                osmView.setHostActivity(activity);
+            }
+            osmView.render(error -> {
+                if (error != null) {
+                    eventSender.sendKlarnaMobileSDKError(osmView, error);
+                } else {
+                    removeLayoutListener(osmView);
+                    addLayoutListenerForMeasure(osmView, view);
+                }
+            });
+        }
+    }
+
+    private boolean tryMeasureContent(KlarnaOSMView osmView, WrapperView<KlarnaOSMView> wrapperView) {
+        if (osmView.getChildCount() > 0 && wrapperView.getWidth() > 0) {
+            View child = osmView.getChildAt(0);
+            YogaLayoutHelper.measureAndLayout(wrapperView, child);
+            int contentHeight = child.getMeasuredHeight();
+            if (contentHeight > 0) {
+                int contentHeightDp = Math.round(PixelUtil.toDIPFromPixel(contentHeight));
+                eventSender.sendOnResizedEvent(osmView, contentHeightDp);
+                return true;
+            }
+        }
+        return false;
+    }
+
+    private void updateStyleConfiguration(KlarnaOSMView osmView) {
+        String bgColorStr = pendingBackgroundColor.get(osmView);
+        String txtColorStr = pendingTextColor.get(osmView);
+
+        Integer bgColor = parseColor(bgColorStr);
+        Integer txtColor = parseColor(txtColorStr);
+
+        if (bgColor != null || txtColor != null) {
+            KlarnaOSMStyleConfiguration.Builder builder = new KlarnaOSMStyleConfiguration.Builder();
+            if (bgColor != null) {
+                builder.setBackgroundColor(bgColor);
+            }
+            if (txtColor != null) {
+                KlarnaTextStyleConfiguration textStyle = new KlarnaTextStyleConfiguration.Builder()
+                        .setTextColor(txtColor)
+                        .build();
+                builder.setTextStyle(textStyle);
+            }
+            osmView.setStyleConfiguration(builder.build());
+        } else {
+            osmView.setStyleConfiguration(null);
+        }
+    }
+
+    @Nullable
+    private Integer parseColor(@Nullable String colorString) {
+        if (colorString == null || colorString.isEmpty()) {
+            return null;
+        }
+        try {
+            return android.graphics.Color.parseColor(colorString.startsWith("#") ? colorString : "#" + colorString);
+        } catch (IllegalArgumentException e) {
+            return null;
+        }
+    }
+
+    /**
+     * Adds a ViewTreeObserver listener to measure content when layout is ready.
+     * The listener automatically removes itself after successful measurement.
+     */
+    private void addLayoutListenerForMeasure(KlarnaOSMView osmView, WrapperView<KlarnaOSMView> wrapperView) {
+        // Try measuring on the next frame — content may already be ready and no further
+        // layout event would fire, so the ViewTreeObserver alone is not sufficient.
+        osmView.post(() -> {
+            if (!osmView.isAttachedToWindow()) {
+                return;
+            }
+            if (tryMeasureContent(osmView, wrapperView)) {
+                removeLayoutListener(osmView);
+            }
+        });
+
+        ViewTreeObserver.OnGlobalLayoutListener listener = new ViewTreeObserver.OnGlobalLayoutListener() {
+            @Override
+            public void onGlobalLayout() {
+                if (!osmView.isAttachedToWindow()) {
+                    removeThisListener();
+                    return;
+                }
+
+                if (tryMeasureContent(osmView, wrapperView)) {
+                    removeThisListener();
+                }
+            }
+
+            private void removeThisListener() {
+                layoutListeners.remove(osmView);
+                osmView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
+            }
+        };
+
+        layoutListeners.put(osmView, listener);
+        osmView.getViewTreeObserver().addOnGlobalLayoutListener(listener);
+    }
+}

package/android/src/newarch/java/com/klarna/mobile/sdk/reactnative/spec/RNKlarnaExpressCheckoutViewSpec.java

@@ -0,0 +1,31 @@
+package com.klarna.mobile.sdk.reactnative.spec;
+
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ViewManagerDelegate;
+import com.facebook.react.viewmanagers.RNKlarnaExpressCheckoutViewManagerDelegate;
+import com.facebook.react.viewmanagers.RNKlarnaExpressCheckoutViewManagerInterface;
+
+public abstract class RNKlarnaExpressCheckoutViewSpec<T extends View> extends SimpleViewManager<T> implements RNKlarnaExpressCheckoutViewManagerInterface<T> {
+    private final ViewManagerDelegate<T> mDelegate;
+
+    public RNKlarnaExpressCheckoutViewSpec() {
+        mDelegate = new RNKlarnaExpressCheckoutViewManagerDelegate<>(this);
+    }
+
+    @Nullable
+    @Override
+    protected ViewManagerDelegate<T> getDelegate() {
+        return mDelegate;
+    }
+
+    @Override
+    public void receiveCommand(@NonNull T root, String commandId, @Nullable ReadableArray args) {
+        mDelegate.receiveCommand(root, commandId, args);
+    }
+}

package/android/src/newarch/java/com/klarna/mobile/sdk/reactnative/spec/RNKlarnaOSMViewSpec.java

@@ -0,0 +1,31 @@
+package com.klarna.mobile.sdk.reactnative.spec;
+
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ViewManagerDelegate;
+import com.facebook.react.viewmanagers.RNKlarnaOSMViewManagerDelegate;
+import com.facebook.react.viewmanagers.RNKlarnaOSMViewManagerInterface;
+
+public abstract class RNKlarnaOSMViewSpec<T extends View> extends SimpleViewManager<T> implements RNKlarnaOSMViewManagerInterface<T> {
+    private final ViewManagerDelegate<T> mDelegate;
+
+    public RNKlarnaOSMViewSpec() {
+        mDelegate = new RNKlarnaOSMViewManagerDelegate<>(this);
+    }
+
+    @Nullable
+    @Override
+    protected ViewManagerDelegate<T> getDelegate() {
+        return mDelegate;
+    }
+
+    @Override
+    public void receiveCommand(@NonNull T root, String commandId, @Nullable ReadableArray args) {
+        mDelegate.receiveCommand(root, commandId, args);
+    }
+}

package/android/src/oldarch/java/com/klarna/mobile/sdk/reactnative/spec/RNKlarnaExpressCheckoutViewSpec.java

@@ -0,0 +1,36 @@
+package com.klarna.mobile.sdk.reactnative.spec;
+
+import android.view.View;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.react.uimanager.SimpleViewManager;
+
+public abstract class RNKlarnaExpressCheckoutViewSpec<T extends View> extends SimpleViewManager<T> {
+
+    public abstract void setSessionType(T view, @Nullable String value);
+
+    public abstract void setClientId(T view, @Nullable String value);
+
+    public abstract void setClientToken(T view, @Nullable String value);
+
+    public abstract void setLocale(T view, @Nullable String value);
+
+    public abstract void setEnvironment(T view, @Nullable String value);
+
+    public abstract void setRegion(T view, @Nullable String value);
+
+    public abstract void setReturnUrl(T view, @Nullable String value);
+
+    public abstract void setTheme(T view, @Nullable String value);
+
+    public abstract void setShape(T view, @Nullable String value);
+
+    public abstract void setButtonStyle(T view, @Nullable String value);
+
+    public abstract void setAutoFinalize(T view, boolean value);
+
+    public abstract void setCollectShippingAddress(T view, boolean value);
+
+    public abstract void setSessionData(T view, @Nullable String value);
+}

package/android/src/oldarch/java/com/klarna/mobile/sdk/reactnative/spec/RNKlarnaOSMViewSpec.java

@@ -0,0 +1,32 @@
+package com.klarna.mobile.sdk.reactnative.spec;
+
+import android.view.View;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.react.uimanager.SimpleViewManager;
+
+public abstract class RNKlarnaOSMViewSpec<T extends View> extends SimpleViewManager<T> {
+
+    public abstract void setClientId(T view, @Nullable String value);
+
+    public abstract void setPlacementKey(T view, @Nullable String value);
+
+    public abstract void setLocale(T view, @Nullable String value);
+
+    public abstract void setPurchaseAmount(T view, @Nullable String value);
+
+    public abstract void setEnvironment(T view, @Nullable String value);
+
+    public abstract void setRegion(T view, @Nullable String value);
+
+    public abstract void setTheme(T view, @Nullable String value);
+
+    public abstract void setBackgroundColor(T view, @Nullable String value);
+
+    public abstract void setTextColor(T view, @Nullable String value);
+
+    public abstract void setReturnUrl(T view, @Nullable String value);
+
+    public abstract void render(T view);
+}

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/KlarnaMobileSDKPackageTest.java

@@ -8,9 +8,11 @@ import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
 import com.klarna.mobile.sdk.reactnative.checkout.KlarnaCheckoutViewManager;
+import com.klarna.mobile.sdk.reactnative.expresscheckout.KlarnaExpressCheckoutViewManager;
 import com.klarna.mobile.sdk.reactnative.payments.KlarnaPaymentViewManager;
 import com.klarna.mobile.sdk.reactnative.spec.RNKlarnaSignInModuleSpec;
 import com.klarna.mobile.sdk.reactnative.standalonewebview.KlarnaStandaloneWebViewManager;
+import com.klarna.mobile.sdk.reactnative.osm.KlarnaOSMViewManager;
 
 import org.junit.Assert;
 import org.junit.Before;
@@ -48,9 +50,11 @@ public class KlarnaMobileSDKPackageTest {
         List<ViewManager> nativeModules = paymentViewPackage.createViewManagers(reactContext);
         Assert.assertNotNull(nativeModules);
         Assert.assertFalse(nativeModules.isEmpty());
-        Assert.assertEquals(3, nativeModules.size());
+        Assert.assertEquals(5, nativeModules.size());
         Assert.assertTrue(nativeModules.get(0) instanceof KlarnaPaymentViewManager);
         Assert.assertTrue(nativeModules.get(1) instanceof KlarnaStandaloneWebViewManager);
         Assert.assertTrue(nativeModules.get(2) instanceof KlarnaCheckoutViewManager);
+        Assert.assertTrue(nativeModules.get(3) instanceof KlarnaExpressCheckoutViewManager);
+        Assert.assertTrue(nativeModules.get(4) instanceof KlarnaOSMViewManager);
     }
 }

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/common/ui/YogaLayoutHelperTest.java

@@ -0,0 +1,79 @@
+package com.klarna.mobile.sdk.reactnative.common.ui;
+
+import android.view.View;
+import android.view.ViewGroup;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.mockito.Mockito;
+import org.robolectric.RobolectricTestRunner;
+
+@RunWith(RobolectricTestRunner.class)
+public class YogaLayoutHelperTest {
+
+    // region measureAndLayout
+
+    @Test
+    public void testMeasureAndLayout_measuresChildWithExactWidthAndUnspecifiedHeight() {
+        ViewGroup wrapper = Mockito.mock(ViewGroup.class);
+        View child = Mockito.mock(View.class);
+
+        Mockito.when(wrapper.getMeasuredWidth()).thenReturn(400);
+        Mockito.when(child.getMeasuredHeight()).thenReturn(120);
+
+        YogaLayoutHelper.measureAndLayout(wrapper, child);
+
+        Mockito.verify(child).measure(
+                View.MeasureSpec.makeMeasureSpec(400, View.MeasureSpec.EXACTLY),
+                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+        );
+        Mockito.verify(child).layout(0, 0, 400, 120);
+    }
+
+    @Test
+    public void testMeasureAndLayout_skipsWhenWrapperWidthIsZero() {
+        ViewGroup wrapper = Mockito.mock(ViewGroup.class);
+        View child = Mockito.mock(View.class);
+
+        Mockito.when(wrapper.getMeasuredWidth()).thenReturn(0);
+
+        YogaLayoutHelper.measureAndLayout(wrapper, child);
+
+        Mockito.verify(child, Mockito.never()).measure(Mockito.anyInt(), Mockito.anyInt());
+        Mockito.verify(child, Mockito.never()).layout(
+                Mockito.anyInt(), Mockito.anyInt(), Mockito.anyInt(), Mockito.anyInt());
+    }
+
+    @Test
+    public void testMeasureAndLayout_skipsWhenWrapperWidthIsNegative() {
+        ViewGroup wrapper = Mockito.mock(ViewGroup.class);
+        View child = Mockito.mock(View.class);
+
+        Mockito.when(wrapper.getMeasuredWidth()).thenReturn(-1);
+
+        YogaLayoutHelper.measureAndLayout(wrapper, child);
+
+        Mockito.verify(child, Mockito.never()).measure(Mockito.anyInt(), Mockito.anyInt());
+        Mockito.verify(child, Mockito.never()).layout(
+                Mockito.anyInt(), Mockito.anyInt(), Mockito.anyInt(), Mockito.anyInt());
+    }
+
+    @Test
+    public void testMeasureAndLayout_handlesZeroChildHeight() {
+        ViewGroup wrapper = Mockito.mock(ViewGroup.class);
+        View child = Mockito.mock(View.class);
+
+        Mockito.when(wrapper.getMeasuredWidth()).thenReturn(300);
+        Mockito.when(child.getMeasuredHeight()).thenReturn(0);
+
+        YogaLayoutHelper.measureAndLayout(wrapper, child);
+
+        Mockito.verify(child).measure(
+                View.MeasureSpec.makeMeasureSpec(300, View.MeasureSpec.EXACTLY),
+                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+        );
+        Mockito.verify(child).layout(0, 0, 300, 0);
+    }
+
+    // endregion
+}