react-native-klarna-inapp-sdk 2.2.4 → 2.3.0

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/common/ui/WrapperView.java

@@ -0,0 +1,32 @@
+package com.klarna.mobile.sdk.reactnative.common.ui;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+
+public class WrapperView<T extends View> extends FrameLayout {
+
+    private T view;
+
+    public WrapperView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    public WrapperView(ReactApplicationContext context, AttributeSet attrs, T view) {
+        super(context, attrs);
+        this.view = view;
+        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        addView(view, layoutParams);
+    }
+
+    public T getView() {
+        return view;
+    }
+}

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/common/{ArgumentsUtil.java → util/ArgumentsUtil.java}

@@ -1,4 +1,4 @@
-package com.klarna.mobile.sdk.reactnative.common;
+package com.klarna.mobile.sdk.reactnative.common.util;
 
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReadableArray;

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/common/util/ParserUtil.java

@@ -0,0 +1,36 @@
+package com.klarna.mobile.sdk.reactnative.common.util;
+
+import android.util.Log;
+
+import com.google.gson.Gson;
+import com.google.gson.GsonBuilder;
+
+public class ParserUtil {
+    public static final Gson gson = new GsonBuilder().create();
+
+    public static String toJson(Object obj) {
+        return gson.toJson(obj);
+    }
+
+    public static String toJsonSafe(Object obj) {
+        try {
+            return gson.toJson(obj);
+        } catch (Throwable t) {
+            Log.e(ParserUtil.class.getSimpleName(), "Failed to serialize object to string with Gson: " + t.getMessage());
+            return null;
+        }
+    }
+
+    public static <T> T fromJson(String json, Class<T> cls) {
+        return gson.fromJson(json, cls);
+    }
+
+    public static <T> T fromJsonSafe(String json, Class<T> cls) {
+        try {
+            return gson.fromJson(json, cls);
+        } catch (Throwable t) {
+            Log.e(ParserUtil.class.getSimpleName(), "Failed to deserialize object from string with Gson: " + t.getMessage());
+            return null;
+        }
+    }
+}

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/payments/KlarnaPaymentViewManager.java

@@ -16,7 +16,7 @@ import com.facebook.react.uimanager.events.EventDispatcher;
 import com.klarna.mobile.sdk.api.payments.KlarnaPaymentView;
 import com.klarna.mobile.sdk.api.payments.KlarnaPaymentViewCallback;
 import com.klarna.mobile.sdk.api.payments.KlarnaPaymentsSDKError;
-import com.klarna.mobile.sdk.reactnative.common.ArgumentsUtil;
+import com.klarna.mobile.sdk.reactnative.common.util.ArgumentsUtil;
 import com.klarna.mobile.sdk.reactnative.spec.RNKlarnaPaymentViewSpec;
 
 import org.jetbrains.annotations.NotNull;

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/payments/PaymentViewWrapper.java

@@ -33,7 +33,7 @@ public class PaymentViewWrapper extends LinearLayout implements WebViewResizeObs
         paymentView = new KlarnaPaymentView(getReactAppContext().getCurrentActivity(), attrs); // Insure we use activity and not application context for dialogs.
         paymentView.registerPaymentViewCallback(paymentViewCallback);
         addView(paymentView, webViewParams);
-        resizeObserver = new WebViewResizeObserver(this);
+        resizeObserver = new WebViewResizeObserver(this, WebViewResizeObserver.TargetElement.PAYMENT_CONTAINER);
         WebView webView = getPaymentViewWebView();
         if (webView != null) {
             resizeObserver.addInterface(webView);

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/standalonewebview/KlarnaStandaloneWebViewEventSender.java

@@ -11,7 +11,7 @@ import com.facebook.react.uimanager.events.EventDispatcher;
 import com.google.gson.Gson;
 import com.klarna.mobile.sdk.api.KlarnaProductEvent;
 import com.klarna.mobile.sdk.api.standalonewebview.KlarnaStandaloneWebView;
-import com.klarna.mobile.sdk.reactnative.common.ArgumentsUtil;
+import com.klarna.mobile.sdk.reactnative.common.util.ArgumentsUtil;
 
 import java.lang.ref.WeakReference;
 import java.util.HashMap;

package/android/src/newarch/java/com/klarna/mobile/sdk/reactnative/spec/RNKlarnaCheckoutViewSpec.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.RNKlarnaCheckoutViewManagerDelegate;
+import com.facebook.react.viewmanagers.RNKlarnaCheckoutViewManagerInterface;
+
+public abstract class RNKlarnaCheckoutViewSpec<T extends View> extends SimpleViewManager<T> implements RNKlarnaCheckoutViewManagerInterface<T> {
+    private final ViewManagerDelegate<T> mDelegate;
+
+    public RNKlarnaCheckoutViewSpec() {
+        mDelegate = new RNKlarnaCheckoutViewManagerDelegate<>(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/RNKlarnaCheckoutViewSpec.java

@@ -0,0 +1,20 @@
+package com.klarna.mobile.sdk.reactnative.spec;
+
+import android.view.View;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.klarna.mobile.sdk.api.checkout.KlarnaCheckoutView;
+
+public abstract class RNKlarnaCheckoutViewSpec<T extends View> extends SimpleViewManager<T> {
+
+    public abstract void setReturnUrl(T view, @Nullable String value);
+
+    public abstract void setSnippet(T view, String snippet);
+
+    public abstract void suspend(T view);
+
+    public abstract void resume(T view);
+}

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

@@ -8,6 +8,7 @@ import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
 import com.klarna.mobile.sdk.reactnative.KlarnaMobileSDKPackage;
+import com.klarna.mobile.sdk.reactnative.checkout.KlarnaCheckoutViewManager;
 import com.klarna.mobile.sdk.reactnative.payments.KlarnaPaymentViewManager;
 import com.klarna.mobile.sdk.reactnative.standalonewebview.KlarnaStandaloneWebViewManager;
 
@@ -45,8 +46,9 @@ public class KlarnaMobileSDKPackageTest {
         List<ViewManager> nativeModules = paymentViewPackage.createViewManagers(reactContext);
         Assert.assertNotNull(nativeModules);
         Assert.assertFalse(nativeModules.isEmpty());
-        Assert.assertEquals(2, nativeModules.size());
+        Assert.assertEquals(3, nativeModules.size());
         Assert.assertTrue(nativeModules.get(0) instanceof KlarnaPaymentViewManager);
         Assert.assertTrue(nativeModules.get(1) instanceof KlarnaStandaloneWebViewManager);
+        Assert.assertTrue(nativeModules.get(2) instanceof KlarnaCheckoutViewManager);
     }
 }

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/common/event/ComponentEventSenderTest.java

@@ -0,0 +1,85 @@
+package com.klarna.mobile.sdk.reactnative.common.event;
+
+import android.os.SystemClock;
+import android.view.View;
+
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.UIManagerHelper;
+import com.facebook.react.uimanager.events.EventDispatcher;
+
+import org.junit.Assert;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.mockito.Mockito;
+import org.powermock.api.mockito.PowerMockito;
+import org.powermock.core.classloader.annotations.PrepareForTest;
+import org.powermock.modules.junit4.PowerMockRunner;
+
+import java.lang.ref.WeakReference;
+import java.util.Arrays;
+import java.util.Collection;
+import java.util.HashMap;
+import java.util.Map;
+
+@RunWith(PowerMockRunner.class)
+@PrepareForTest({UIManagerHelper.class, SystemClock.class})
+public class ComponentEventSenderTest {
+
+    private TestEventSender testEventSender;
+    private View view;
+    private EventDispatcher eventDispatcher;
+    private Map<WeakReference<View>, EventDispatcher> viewToDispatcher;
+
+    @Before
+    public void setUp() {
+        view = Mockito.mock(View.class);
+        eventDispatcher = Mockito.mock(EventDispatcher.class);
+        viewToDispatcher = new HashMap<>() {{
+            put(new WeakReference<>(view), eventDispatcher);
+        }};
+        testEventSender = new TestEventSender(viewToDispatcher);
+
+        PowerMockito.mockStatic(UIManagerHelper.class);
+        Mockito.when(UIManagerHelper.getEventDispatcherForReactTag(Mockito.any(), Mockito.anyInt())).thenAnswer(invocation -> eventDispatcher);
+        PowerMockito.mockStatic(SystemClock.class);
+    }
+
+    @Test
+    public void exportedCustomDirectEventTypeConstants() {
+        // When
+        Map<String, Object> customDirectEventTypeConstants = testEventSender.getExportedCustomDirectEventTypeConstants();
+
+        // Then
+        Assert.assertEquals(1, customDirectEventTypeConstants.size());
+        Assert.assertTrue(customDirectEventTypeConstants.containsKey("onTestEvent"));
+        Assert.assertEquals("onTestEvent", ((Map<String, String>) customDirectEventTypeConstants.get("onTestEvent")).get("registrationName"));
+    }
+
+    @Test
+    public void testPostTestEventForView() {
+        // Given
+        WritableMap params = null;
+
+        // When
+        testEventSender.postTestEventForView(view, params);
+
+        // Then
+        Mockito.verify(eventDispatcher).dispatchEvent(Mockito.any(ComponentEvent.class));
+    }
+
+    private class TestEventSender extends ComponentEventSender<View> {
+        public TestEventSender(Map<WeakReference<View>, EventDispatcher> viewToDispatcher) {
+            super(viewToDispatcher);
+        }
+
+        @Override
+        public Collection<String> getCallbackEventNames() {
+            return Arrays.asList("onTestEvent");
+        }
+
+        public void postTestEventForView(View view, WritableMap params) {
+            postEventForView(view, "onTestEvent", params);
+        }
+    }
+}

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/common/event/ComponentEventTest.java

@@ -0,0 +1,73 @@
+package com.klarna.mobile.sdk.reactnative.common.event;
+
+import android.os.SystemClock;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.JavaOnlyArray;
+import com.facebook.react.bridge.JavaOnlyMap;
+import com.facebook.react.bridge.WritableMap;
+
+import org.junit.After;
+import org.junit.Assert;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.powermock.api.mockito.PowerMockito;
+import org.powermock.core.classloader.annotations.PrepareForTest;
+import org.powermock.modules.junit4.PowerMockRunner;
+
+@RunWith(PowerMockRunner.class)
+@PrepareForTest({Arguments.class, SystemClock.class})
+public class ComponentEventTest {
+
+    @Before
+    public void setup() {
+        PowerMockito.mockStatic(Arguments.class);
+        PowerMockito.when(Arguments.createArray())
+                .thenAnswer(invocation -> {
+                    return new JavaOnlyArray();
+                });
+        PowerMockito.when(Arguments.createMap())
+                .thenAnswer(invocation -> {
+                    return new JavaOnlyMap();
+                });
+        PowerMockito.mockStatic(SystemClock.class);
+    }
+
+    @After
+    public void teardown() {
+
+    }
+
+    @Test
+    public void testEventName() {
+        // When
+        ComponentEvent event = new ComponentEvent(1, "test", null);
+
+        // Then
+        Assert.assertEquals("test", event.getEventName());
+    }
+
+    @Test
+    public void testEventData() {
+        // Given
+        WritableMap map = new JavaOnlyMap();
+        map.putString("key", "value");
+
+        // When
+        ComponentEvent event = new ComponentEvent(1, "test", map);
+
+        // Then
+        Assert.assertEquals(map, event.getEventData());
+    }
+
+    @Test
+    public void testEventDataNull() {
+        // When
+        ComponentEvent event = new ComponentEvent(1, "test", null);
+
+        // Then
+        Assert.assertNotNull(event.getEventData());
+        Assert.assertFalse(event.getEventData().keySetIterator().hasNextKey());
+    }
+}

package/android/src/test/java/com/klarna/mobile/sdk/reactnative/common/event/KlarnaEventHandlerEventsUtilTest.java

@@ -0,0 +1,61 @@
+package com.klarna.mobile.sdk.reactnative.common.event;
+
+import android.view.View;
+
+import com.klarna.mobile.sdk.KlarnaMobileSDKError;
+import com.klarna.mobile.sdk.api.KlarnaProduct;
+import com.klarna.mobile.sdk.api.KlarnaProductEvent;
+import com.klarna.mobile.sdk.reactnative.common.util.ArgumentsUtil;
+
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.mockito.Mockito;
+import org.powermock.api.mockito.PowerMockito;
+import org.powermock.core.classloader.annotations.PrepareForTest;
+import org.powermock.modules.junit4.PowerMockRunner;
+
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.List;
+
+@RunWith(PowerMockRunner.class)
+@PrepareForTest({ArgumentsUtil.class})
+public class KlarnaEventHandlerEventsUtilTest {
+
+    private ComponentEventSender componentEventSender;
+    private View view;
+
+    @Before
+    public void setUp() {
+        componentEventSender = Mockito.mock(ComponentEventSender.class);
+        view = Mockito.mock(View.class);
+
+        PowerMockito.mockStatic(ArgumentsUtil.class);
+        Mockito.when(ArgumentsUtil.createMap(Mockito.anyMap())).thenAnswer(invocation -> null);
+    }
+
+    @Test
+    public void sendKlarnaProductEvent() {
+        // Given
+        KlarnaProductEvent klarnaProductEvent = new KlarnaProductEvent("action", new HashSet<>(List.of(KlarnaProduct.KLARNA_CHECKOUT)), new HashMap<>(), "testSessionId");
+
+        // When
+        KlarnaEventHandlerEventsUtil.sendKlarnaProductEvent(componentEventSender, view, klarnaProductEvent);
+
+        // Then
+        Mockito.verify(componentEventSender).postEventForView(view, KlarnaEventHandlerEventsUtil.EVENT_NAME_ON_EVENT, null);
+    }
+
+    @Test
+    public void sendKlarnaMobileSDKError() {
+        // Given
+        KlarnaMobileSDKError klarnaMobileSDKError = new com.klarna.mobile.sdk.api.hybrid.KlarnaMobileSDKError("name", "message", true, "sessionId");
+
+        // When
+        KlarnaEventHandlerEventsUtil.sendKlarnaMobileSDKError(componentEventSender, view, klarnaMobileSDKError);
+
+        // Then
+        Mockito.verify(componentEventSender).postEventForView(view, KlarnaEventHandlerEventsUtil.EVENT_NAME_ON_EVENT, null);
+    }
+}

package/ios/RNKlarnaMobileSDK.xcodeproj/project.pbxproj

@@ -14,6 +14,10 @@
 		7917D757255C45FB00E16799 /* libRNKlarnaMobileSDK.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 134814201AA4EA6300B7C361 /* libRNKlarnaMobileSDK.a */; };
 		792F67C02AB8AD7D00675E18 /* PaymentViewWrapper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 792F67BB2AB8AD7D00675E18 /* PaymentViewWrapper.mm */; };
 		792F67C12AB8AD7D00675E18 /* PaymentViewWrapper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 792F67BE2AB8AD7D00675E18 /* PaymentViewWrapper.mm */; };
+		79BD25FA2BC97A3000D2D92A /* KlarnaCheckoutViewManager.mm in Sources */ = {isa = PBXBuildFile; fileRef = 79BD25F92BC97A3000D2D92A /* KlarnaCheckoutViewManager.mm */; };
+		79BD25FC2BC97B0900D2D92A /* KlarnaCheckoutViewWrapper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 79BD25FB2BC97B0900D2D92A /* KlarnaCheckoutViewWrapper.mm */; };
+		79BD26002BCD4F6C00D2D92A /* KlarnaCheckoutViewWrapper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 79BD25FF2BCD4F6C00D2D92A /* KlarnaCheckoutViewWrapper.mm */; };
+		79BD26042BCD572600D2D92A /* RNMobileSDKUtils.mm in Sources */ = {isa = PBXBuildFile; fileRef = 79BD26032BCD572600D2D92A /* RNMobileSDKUtils.mm */; };
 		B3E7B58A1CC2AC0600A0062D /* KlarnaPaymentViewManager.mm in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* KlarnaPaymentViewManager.mm */; };
 		C950FFE559BF35928E94BF8D /* libPods-RNKlarnaMobileSDK-RNKlarnaMobileSDKTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F7837F2C76927FD0EC420C40 /* libPods-RNKlarnaMobileSDK-RNKlarnaMobileSDKTests.a */; };
 		DF4C69429315E34435B953E8 /* libPods-RNKlarnaMobileSDK.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FF5062264E440DC969A15ACA /* libPods-RNKlarnaMobileSDK.a */; };
@@ -58,6 +62,14 @@
 		792F67BC2AB8AD7D00675E18 /* PaymentViewWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = PaymentViewWrapper.h; sourceTree = "<group>"; };
 		792F67BE2AB8AD7D00675E18 /* PaymentViewWrapper.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = PaymentViewWrapper.mm; sourceTree = "<group>"; };
 		792F67BF2AB8AD7D00675E18 /* PaymentViewWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = PaymentViewWrapper.h; sourceTree = "<group>"; };
+		79BD25F82BC97A0100D2D92A /* KlarnaCheckoutViewManager.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = KlarnaCheckoutViewManager.h; sourceTree = "<group>"; };
+		79BD25F92BC97A3000D2D92A /* KlarnaCheckoutViewManager.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = KlarnaCheckoutViewManager.mm; sourceTree = "<group>"; };
+		79BD25FB2BC97B0900D2D92A /* KlarnaCheckoutViewWrapper.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = KlarnaCheckoutViewWrapper.mm; sourceTree = "<group>"; };
+		79BD25FD2BC97B2200D2D92A /* KlarnaCheckoutViewWrapper.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = KlarnaCheckoutViewWrapper.h; sourceTree = "<group>"; };
+		79BD25FE2BCD4F5A00D2D92A /* KlarnaCheckoutViewWrapper.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = KlarnaCheckoutViewWrapper.h; sourceTree = "<group>"; };
+		79BD25FF2BCD4F6C00D2D92A /* KlarnaCheckoutViewWrapper.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = KlarnaCheckoutViewWrapper.mm; sourceTree = "<group>"; };
+		79BD26022BCD56D400D2D92A /* RNMobileSDKUtils.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RNMobileSDKUtils.h; sourceTree = "<group>"; };
+		79BD26032BCD572600D2D92A /* RNMobileSDKUtils.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = RNMobileSDKUtils.mm; sourceTree = "<group>"; };
 		7A4208B9D3B0F45669A2E06F /* Pods-RNKlarnaMobileSDK.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNKlarnaMobileSDK.release.xcconfig"; path = "Target Support Files/Pods-RNKlarnaMobileSDK/Pods-RNKlarnaMobileSDK.release.xcconfig"; sourceTree = "<group>"; };
 		B074D4744315BBCD94D119E9 /* Pods-RNKlarnaMobileSDK.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNKlarnaMobileSDK.debug.xcconfig"; path = "Target Support Files/Pods-RNKlarnaMobileSDK/Pods-RNKlarnaMobileSDK.debug.xcconfig"; sourceTree = "<group>"; };
 		B3E7B5881CC2AC0600A0062D /* KlarnaPaymentViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = KlarnaPaymentViewManager.h; sourceTree = "<group>"; };
@@ -122,6 +134,9 @@
 		7917D74C255C445E00E16799 /* Sources */ = {
 			isa = PBXGroup;
 			children = (
+				79BD26012BCD56C000D2D92A /* common */,
+				79BD25F82BC97A0100D2D92A /* KlarnaCheckoutViewManager.h */,
+				79BD25F92BC97A3000D2D92A /* KlarnaCheckoutViewManager.mm */,
 				B3E7B5881CC2AC0600A0062D /* KlarnaPaymentViewManager.h */,
 				B3E7B5891CC2AC0600A0062D /* KlarnaPaymentViewManager.mm */,
 				42BC05FD2AC57D950044A9FE /* KlarnaStandaloneWebViewManager.h */,
@@ -158,6 +173,8 @@
 		792F67BA2AB8AD7D00675E18 /* newarch */ = {
 			isa = PBXGroup;
 			children = (
+				79BD25FE2BCD4F5A00D2D92A /* KlarnaCheckoutViewWrapper.h */,
+				79BD25FF2BCD4F6C00D2D92A /* KlarnaCheckoutViewWrapper.mm */,
 				792F67BB2AB8AD7D00675E18 /* PaymentViewWrapper.mm */,
 				792F67BC2AB8AD7D00675E18 /* PaymentViewWrapper.h */,
 				42BC06012AC5866B0044A9FE /* KlarnaStandaloneWebViewWrapper.h */,
@@ -169,6 +186,8 @@
 		792F67BD2AB8AD7D00675E18 /* oldarch */ = {
 			isa = PBXGroup;
 			children = (
+				79BD25FD2BC97B2200D2D92A /* KlarnaCheckoutViewWrapper.h */,
+				79BD25FB2BC97B0900D2D92A /* KlarnaCheckoutViewWrapper.mm */,
 				792F67BE2AB8AD7D00675E18 /* PaymentViewWrapper.mm */,
 				792F67BF2AB8AD7D00675E18 /* PaymentViewWrapper.h */,
 				42BC06002AC585950044A9FE /* KlarnaStandaloneWebViewWrapper.h */,
@@ -177,6 +196,15 @@
 			path = oldarch;
 			sourceTree = "<group>";
 		};
+		79BD26012BCD56C000D2D92A /* common */ = {
+			isa = PBXGroup;
+			children = (
+				79BD26022BCD56D400D2D92A /* RNMobileSDKUtils.h */,
+				79BD26032BCD572600D2D92A /* RNMobileSDKUtils.mm */,
+			);
+			path = common;
+			sourceTree = "<group>";
+		};
 		9CDEDC2923475BAC006C9C97 /* view */ = {
 			isa = PBXGroup;
 			children = (
@@ -381,9 +409,13 @@
 			buildActionMask = 2147483647;
 			files = (
 				42BC06032AC586C50044A9FE /* KlarnaStandaloneWebViewWrapper.mm in Sources */,
+				79BD25FC2BC97B0900D2D92A /* KlarnaCheckoutViewWrapper.mm in Sources */,
+				79BD26002BCD4F6C00D2D92A /* KlarnaCheckoutViewWrapper.mm in Sources */,
+				79BD26042BCD572600D2D92A /* RNMobileSDKUtils.mm in Sources */,
 				B3E7B58A1CC2AC0600A0062D /* KlarnaPaymentViewManager.mm in Sources */,
 				792F67C02AB8AD7D00675E18 /* PaymentViewWrapper.mm in Sources */,
 				42BC06052AC588180044A9FE /* KlarnaStandaloneWebViewWrapper.mm in Sources */,
+				79BD25FA2BC97A3000D2D92A /* KlarnaCheckoutViewManager.mm in Sources */,
 				42BC05FF2AC57E110044A9FE /* KlarnaStandaloneWebViewManager.mm in Sources */,
 				792F67C12AB8AD7D00675E18 /* PaymentViewWrapper.mm in Sources */,
 			);

package/ios/Sources/KlarnaCheckoutViewManager.h

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

package/ios/Sources/KlarnaCheckoutViewManager.mm

@@ -0,0 +1,65 @@
+#import "KlarnaCheckoutViewManager.h"
+
+#import <React/RCTUIManager.h>
+#import <React/RCTLog.h>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "view/newarch/KlarnaCheckoutViewWrapper.h"
+#else
+#import "view/oldarch/KlarnaCheckoutViewWrapper.h"
+#endif
+
+@implementation KlarnaCheckoutViewManager
+
+RCT_EXPORT_MODULE(RNKlarnaCheckoutView)
+
+#pragma mark - View
+
+RCT_EXPORT_VIEW_PROPERTY(returnUrl, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onEvent, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onError, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onResized, RCTDirectEventBlock)
+
+- (UIView *)view
+{
+    KlarnaCheckoutViewWrapper* wrapper = [KlarnaCheckoutViewWrapper new];
+    wrapper.uiManager = self.bridge.uiManager;
+    return wrapper;
+}
+
+#pragma mark - Exported Methods
+
+RCT_EXPORT_METHOD(setSnippet:(nonnull NSNumber*)reactTag snippet:(NSString*)snippet) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        KlarnaCheckoutViewWrapper* view = (KlarnaCheckoutViewWrapper*) viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:KlarnaCheckoutViewWrapper.class]) {
+            RCTLogError(@"Can't find KlarnaCheckoutViewWrapper with tag #%@", reactTag);
+            return;
+        }
+        [view setSnippet:snippet];
+    }];
+}
+
+RCT_EXPORT_METHOD(suspend:(nonnull NSNumber*)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        KlarnaCheckoutViewWrapper* view = (KlarnaCheckoutViewWrapper*) viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:KlarnaCheckoutViewWrapper.class]) {
+            RCTLogError(@"Can't find KlarnaCheckoutViewWrapper with tag #%@", reactTag);
+            return;
+        }
+        [view suspend];
+    }];
+}
+
+RCT_EXPORT_METHOD(resume:(nonnull NSNumber*)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        KlarnaCheckoutViewWrapper* view = (KlarnaCheckoutViewWrapper*) viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:KlarnaCheckoutViewWrapper.class]) {
+            RCTLogError(@"Can't find KlarnaCheckoutViewWrapper with tag #%@", reactTag);
+            return;
+        }
+        [view resume];
+    }];
+}
+
+@end

package/ios/Sources/common/RNMobileSDKUtils.h

@@ -0,0 +1,6 @@
+#import <AVFoundation/AVFoundation.h>
+#import <UIKit/UIKit.h>
+
+@interface SerializationUtil : NSObject
++ (NSString *)serializeDictionaryToJsonString:(NSDictionary<NSString *, id<NSCoding>> *)dictionary;
+@end

package/ios/Sources/common/RNMobileSDKUtils.mm

@@ -0,0 +1,22 @@
+#import "RNMobileSDKUtils.h"
+
+@implementation SerializationUtil
+
++ (id)serializeDictionaryToJsonString:(id)dictionary {
+    if (!dictionary) {
+        NSLog(@"Dictionary is nil");
+        return @"{}";
+    }
+     
+    NSError *error;
+    NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dictionary options:NSJSONWritingPrettyPrinted error:&error];
+
+    if (!jsonData) {
+        return @"{}";
+    } else {
+        NSString *jsonString = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];
+        return jsonString;
+    }
+}
+
+@end

package/ios/Sources/view/newarch/KlarnaCheckoutViewWrapper.h

@@ -0,0 +1,26 @@
+#if RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTUIManager.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface KlarnaCheckoutViewWrapper : RCTViewComponentView
+
+#pragma mark - React Native Overrides
+
+@property (nonatomic, weak) RCTUIManager* uiManager;
+
+- (void)setSnippet:(NSString*)snippet;
+
+- (void)suspend;
+
+- (void)resume;
+
+@end
+
+
+NS_ASSUME_NONNULL_END
+
+#endif