react-native-klarna-inapp-sdk 2.4.0 → 2.4.2

package/android/build.gradle

@@ -109,7 +109,7 @@ dependencies {
     //noinspection GradleDynamicVersion
     implementation "com.facebook.react:react-native:${getExtOrFallback('reactnativeVersion', '+')}"
 
-    implementation 'com.klarna.mobile:sdk:2.6.28'
+    implementation 'com.klarna.mobile:sdk:2.6.29'
 
     testImplementation "junit:junit:4.13.2"
     testImplementation 'androidx.test:core:1.5.0'

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/checkout/KlarnaCheckoutViewEventSender.java

@@ -8,7 +8,6 @@ import com.facebook.react.uimanager.events.EventDispatcher;
 import com.klarna.mobile.sdk.KlarnaMobileSDKError;
 import com.klarna.mobile.sdk.api.KlarnaProductEvent;
 import com.klarna.mobile.sdk.api.checkout.KlarnaCheckoutView;
-import com.klarna.mobile.sdk.reactnative.common.event.ComponentEvent;
 import com.klarna.mobile.sdk.reactnative.common.event.ComponentEventSender;
 import com.klarna.mobile.sdk.reactnative.common.event.KlarnaEventHandlerEventsUtil;
 import com.klarna.mobile.sdk.reactnative.common.ui.ResizeObserverWrapperView;
@@ -23,6 +22,7 @@ import java.util.Map;
 public class KlarnaCheckoutViewEventSender extends ComponentEventSender<ResizeObserverWrapperView<KlarnaCheckoutView>> {
 
     private static final String EVENT_NAME_ON_RESIZED = "onResized";
+    private static final String EVENT_NAME_ON_CHECKOUT_VIEW_READY = "onCheckoutViewReady";
 
     KlarnaCheckoutViewEventSender(@NonNull final Map<WeakReference<ResizeObserverWrapperView<KlarnaCheckoutView>>, EventDispatcher> viewToDispatcher) {
         super(viewToDispatcher);
@@ -33,7 +33,8 @@ public class KlarnaCheckoutViewEventSender extends ComponentEventSender<ResizeOb
         return Arrays.asList(
                 KlarnaEventHandlerEventsUtil.EVENT_NAME_ON_EVENT,
                 KlarnaEventHandlerEventsUtil.EVENT_NAME_ON_ERROR,
-                EVENT_NAME_ON_RESIZED
+                EVENT_NAME_ON_RESIZED,
+                EVENT_NAME_ON_CHECKOUT_VIEW_READY
         );
     }
 
@@ -53,4 +54,8 @@ public class KlarnaCheckoutViewEventSender extends ComponentEventSender<ResizeOb
         );
         postEventForView(view, EVENT_NAME_ON_RESIZED, params);
     }
+
+    public void sendOnKlarnaCheckoutViewReadyEvent(@Nullable KlarnaCheckoutView view) {
+        postEventForView(view, EVENT_NAME_ON_CHECKOUT_VIEW_READY, null);
+    }
 }

package/android/src/main/java/com/klarna/mobile/sdk/reactnative/checkout/KlarnaCheckoutViewManager.java

@@ -1,6 +1,8 @@
 package com.klarna.mobile.sdk.reactnative.checkout;
 
 import android.os.Handler;
+import android.os.Looper;
+import android.view.View;
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -12,7 +14,6 @@ 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.KlarnaLoggingLevel;
 import com.klarna.mobile.sdk.api.checkout.KlarnaCheckoutView;
 import com.klarna.mobile.sdk.reactnative.common.WebViewResizeObserver;
 import com.klarna.mobile.sdk.reactnative.common.ui.ResizeObserverWrapperView;
@@ -41,13 +42,15 @@ public class KlarnaCheckoutViewManager extends RNKlarnaCheckoutViewSpec<ResizeOb
 
     private final KlarnaCheckoutViewEventSender eventSender;
     private final KlarnaCheckoutViewEventHandler eventHandler;
+    private Runnable javascriptInterfaceInjectionRunnable;
+    private final Handler handler = new Handler(Looper.getMainLooper());
 
     public KlarnaCheckoutViewManager(ReactApplicationContext reactApplicationContext) {
         super();
-        this.viewToDispatcher = new HashMap<>();
-        this.reactAppContext = reactApplicationContext;
-        this.eventSender = new KlarnaCheckoutViewEventSender(viewToDispatcher);
-        this.eventHandler = new KlarnaCheckoutViewEventHandler(eventSender);
+        viewToDispatcher = new HashMap<>();
+        reactAppContext = reactApplicationContext;
+        eventSender = new KlarnaCheckoutViewEventSender(viewToDispatcher);
+        eventHandler = new KlarnaCheckoutViewEventHandler(eventSender);
     }
 
     @NonNull
@@ -60,7 +63,6 @@ public class KlarnaCheckoutViewManager extends RNKlarnaCheckoutViewSpec<ResizeOb
     @Override
     protected ResizeObserverWrapperView<KlarnaCheckoutView> createViewInstance(@NonNull ThemedReactContext themedReactContext) {
         KlarnaCheckoutView klarnaCheckoutView = new KlarnaCheckoutView(reactAppContext.getCurrentActivity(), null, 0, eventHandler);
-        klarnaCheckoutView.setLoggingLevel(KlarnaLoggingLevel.Verbose);
         ResizeObserverWrapperView<KlarnaCheckoutView> view = new ResizeObserverWrapperView<>(reactAppContext, null, klarnaCheckoutView);
 
         // Each view has its own event dispatcher.
@@ -68,15 +70,24 @@ public class KlarnaCheckoutViewManager extends RNKlarnaCheckoutViewSpec<ResizeOb
         viewToDispatcher.put(new WeakReference<>(view), eventDispatcher);
 
         view.initiateWebViewResizeObserver(WebViewResizeObserver.TargetElement.CHECKOUT_CONTAINER, (resizeObserverWrapperView, newHeight) -> {
-            if (resizeObserverWrapperView == null) {
-                return;
-            }
-            if (eventDispatcher == null) {
+            if (resizeObserverWrapperView == null || eventDispatcher == null) {
                 return;
             }
             eventSender.sendOnResizedEvent(resizeObserverWrapperView.getView(), newHeight);
         });
-        view.addInterfaceToWebView();
+        view.addJavascriptInterfaceToWebView();
+
+        view.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
+            @Override
+            public void onViewAttachedToWindow(@NonNull View v) {
+                eventSender.sendOnKlarnaCheckoutViewReadyEvent(view.getView());
+                v.removeOnAttachStateChangeListener(this);
+            }
+
+            @Override
+            public void onViewDetachedFromWindow(@NonNull View v) {
+            }
+        });
 
         return view;
     }
@@ -128,20 +139,42 @@ public class KlarnaCheckoutViewManager extends RNKlarnaCheckoutViewSpec<ResizeOb
 
     @Override
     public void setSnippet(ResizeObserverWrapperView<KlarnaCheckoutView> view, String snippet) {
-        view.getView().setSnippet(snippet);
-        view.addInterfaceToWebView();
-        // Delay the injection of the resize observer to ensure the web view is ready
-        final Handler handler = new Handler();
-        handler.postDelayed(view::injectListenerToWebView, 500);
+        if (view == null) {
+            return;
+        }
+
+        KlarnaCheckoutView klarnaCheckoutView = view.getView();
+        if (klarnaCheckoutView == null) {
+            return;
+        }
+
+        if (snippet == null || snippet.isEmpty()) {
+            return;
+        }
+
+        klarnaCheckoutView.setSnippet(snippet);
+        view.addJavascriptInterfaceToWebView();
+
+        if (javascriptInterfaceInjectionRunnable != null) {
+            handler.removeCallbacks(javascriptInterfaceInjectionRunnable);
+        }
+        javascriptInterfaceInjectionRunnable = view::injectListenerToWebView;
+        handler.postDelayed(javascriptInterfaceInjectionRunnable, 500);
     }
 
     @Override
     public void suspend(ResizeObserverWrapperView<KlarnaCheckoutView> view) {
-        view.getView().suspend();
+        KlarnaCheckoutView klarnaCheckoutView = view.getView();
+        if (klarnaCheckoutView != null) {
+            klarnaCheckoutView.suspend();
+        }
     }
 
     @Override
     public void resume(ResizeObserverWrapperView<KlarnaCheckoutView> view) {
-        view.getView().resume();
+        KlarnaCheckoutView klarnaCheckoutView = view.getView();
+        if (klarnaCheckoutView != null) {
+            klarnaCheckoutView.resume();
+        }
     }
 }

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

@@ -29,8 +29,10 @@ public class WebViewResizeObserver {
         this.targetElement = targetElement;
     }
 
-    public void addInterface(WebView webView) {
-        webView.addJavascriptInterface(this, JS_INTERFACE_NAME);
+    public void addJavascriptInterface(WebView webView) {
+        if (webView != null) {
+            webView.addJavascriptInterface(this, JS_INTERFACE_NAME);
+        }
     }
 
     public void injectListener(WebView webView) {
@@ -62,12 +64,12 @@ public class WebViewResizeObserver {
     }
 
     private void injectScript(WebView webView, String script) {
-        String tryCatchScript = "try {\n" +
+        String scriptWrappedInTryCatch = "try {\n" +
                 "    " + script + "\n" +
                 "} catch (error) {\n" +
                 "    console.error(\"inject failed\")\n" +
                 "}";
-        evaluateJSCompat(webView, tryCatchScript);
+        evaluateJSCompat(webView, scriptWrappedInTryCatch);
     }
 
     /**
@@ -77,6 +79,9 @@ public class WebViewResizeObserver {
      * @param script  The script to be evaluated
      */
     private void evaluateJSCompat(WebView webView, String script) {
+        if (webView == null) {
+            return;
+        }
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
             webView.evaluateJavascript(script, null);
         } else {

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

@@ -49,10 +49,10 @@ public class ResizeObserverWrapperView<T extends ViewGroup> extends WrapperView<
         this.webViewResizeObserver = new WebViewResizeObserver(webViewResizeObserverCallback, targetElement);
     }
 
-    public void addInterfaceToWebView() {
+    public void addJavascriptInterfaceToWebView() {
         WebView webView = findWebView(getView());
         if (webView != null && webViewResizeObserver != null) {
-            webViewResizeObserver.addInterface(webView);
+            webViewResizeObserver.addJavascriptInterface(webView);
         }
     }
 
@@ -63,6 +63,7 @@ public class ResizeObserverWrapperView<T extends ViewGroup> extends WrapperView<
         }
     }
 
+    @Nullable
     private WebView findWebView(T view) {
         if (view == null) {
             return null;

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

@@ -36,7 +36,7 @@ public class PaymentViewWrapper extends LinearLayout implements WebViewResizeObs
         resizeObserver = new WebViewResizeObserver(this, WebViewResizeObserver.TargetElement.PAYMENT_CONTAINER);
         WebView webView = getPaymentViewWebView();
         if (webView != null) {
-            resizeObserver.addInterface(webView);
+            resizeObserver.addJavascriptInterface(webView);
         }
     }
 

package/ios/Sources/KlarnaCheckoutViewManager.mm

@@ -1,20 +1,21 @@
-#import "KlarnaCheckoutViewManager.h"
-
 #import <React/RCTUIManager.h>
 #import <React/RCTLog.h>
-
+#import "KlarnaCheckoutViewManager.h"
 #import "view/KlarnaCheckoutViewWrapper.h"
 
 @implementation KlarnaCheckoutViewManager
 
 RCT_EXPORT_MODULE(RNKlarnaCheckoutView)
 
-#pragma mark - View
+#pragma mark - View Properties
 
 RCT_EXPORT_VIEW_PROPERTY(returnUrl, NSString)
 RCT_EXPORT_VIEW_PROPERTY(onEvent, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onError, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onResized, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onCheckoutViewReady, RCTDirectEventBlock)
+
+#pragma mark - View Creation
 
 - (UIView *)view
 {
@@ -23,39 +24,46 @@ RCT_EXPORT_VIEW_PROPERTY(onResized, RCTDirectEventBlock)
     return wrapper;
 }
 
-#pragma mark - Exported Methods
+#pragma mark - Exported Methods to React Native
 
-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;
+RCT_EXPORT_METHOD(setSnippet:(nonnull NSNumber *)reactTag snippet:(NSString *)snippet)
+{
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        KlarnaCheckoutViewWrapper *view = [self checkoutViewWrapperForTag:reactTag fromRegistry:viewRegistry];
+        if (view) {
+            [view setSnippet:snippet];
         }
-        [view setSnippet:snippet];
     }];
 }
 
-RCT_EXPORT_METHOD(suspend:(nonnull NSNumber*)reactTag) {
+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;
+        KlarnaCheckoutViewWrapper *view = [self checkoutViewWrapperForTag:reactTag fromRegistry:viewRegistry];
+        if (view) {
+            [view suspend];
         }
-        [view suspend];
     }];
 }
 
-RCT_EXPORT_METHOD(resume:(nonnull NSNumber*)reactTag) {
+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;
+        KlarnaCheckoutViewWrapper *view = [self checkoutViewWrapperForTag:reactTag fromRegistry:viewRegistry];
+        if (view) {
+            [view resume];
         }
-        [view resume];
     }];
 }
 
+#pragma mark - Private Helper Methods
+
+- (KlarnaCheckoutViewWrapper *)checkoutViewWrapperForTag:(NSNumber *)reactTag fromRegistry:(NSDictionary<NSNumber *, UIView *> *)viewRegistry
+{
+    UIView *view = viewRegistry[reactTag];
+    if (!view || ![view isKindOfClass:[KlarnaCheckoutViewWrapper class]]) {
+        RCTLogError(@"Can't find KlarnaCheckoutViewWrapper with tag #%@", reactTag);
+        return nil;
+    }
+    return (KlarnaCheckoutViewWrapper *)view;
+}
+
 @end

package/ios/Sources/view/KlarnaCheckoutViewWrapper.h

@@ -8,10 +8,8 @@
 #import <React/RCTView.h>
 #endif
 
-
 NS_ASSUME_NONNULL_BEGIN
 
-
 #if RCT_NEW_ARCH_ENABLED
 @interface KlarnaCheckoutViewWrapper : RCTViewComponentView
 #else
@@ -20,6 +18,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, copy) RCTDirectEventBlock onEvent;
 @property (nonatomic, copy) RCTDirectEventBlock onError;
 @property (nonatomic, copy) RCTDirectEventBlock onResized;
+@property (nonatomic, copy) RCTDirectEventBlock onCheckoutViewReady;
 
 @property (nonatomic, strong) NSString* returnUrl;
 
@@ -38,5 +37,4 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
-
 NS_ASSUME_NONNULL_END

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

@@ -1,35 +1,34 @@
 #if RCT_NEW_ARCH_ENABLED
 
-#import "../KlarnaCheckoutViewWrapper.h"
-#import "../../common/RNMobileSDKUtils.h"
-
 #import <AVFoundation/AVFoundation.h>
-#import <KlarnaMobileSDK/KlarnaMobileSDK-Swift.h>
 #import <React/RCTLog.h>
-
 #import <react/renderer/components/RNKlarnaMobileSDK/ComponentDescriptors.h>
 #import <react/renderer/components/RNKlarnaMobileSDK/EventEmitters.h>
 #import <react/renderer/components/RNKlarnaMobileSDK/Props.h>
 #import <react/renderer/components/RNKlarnaMobileSDK/RCTComponentViewHelpers.h>
-
+#import "../KlarnaCheckoutViewWrapper.h"
+#import "../../common/RNMobileSDKUtils.h"
 #import "RCTFabricComponentsPlugins.h"
+#import <KlarnaMobileSDK/KlarnaMobileSDK-Swift.h>
 
 using namespace facebook::react;
 
 @interface KlarnaCheckoutViewWrapper () <KlarnaEventHandler, KlarnaSizingDelegate, RCTRNKlarnaCheckoutViewViewProtocol>
 
-@property (nonatomic, strong) KlarnaCheckoutView* actualCheckoutView;
+@property (nonatomic, strong) KlarnaCheckoutView* klarnaCheckoutView;
+@property (nonatomic, assign) BOOL isCheckoutViewReadyEventSent;
 
 @end
 
 @implementation KlarnaCheckoutViewWrapper
 
-#pragma mark - RN Klarna Checout View
+#pragma mark - Initialization
 
 - (instancetype)initWithFrame:(CGRect)frame
 {
     self = [super initWithFrame:frame];
     if (self) {
+        self.isCheckoutViewReadyEventSent = NO;
         static const auto defaultProps = std::make_shared<const RNKlarnaCheckoutViewProps>();
         _props = defaultProps;
     }
@@ -51,7 +50,7 @@ Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
     RCTRNKlarnaCheckoutViewHandleCommand(self, commandName, args);
 }
 
-#pragma mark - RN Klarna Checout View Props
+#pragma mark - KlarnaCheckoutView Props Update
 
 - (void)updateProps:(const facebook::react::Props::Shared &)props oldProps:(const facebook::react::Props::Shared &)oldProps {
     const auto &oldViewProps = *std::static_pointer_cast<RNKlarnaCheckoutViewProps const>(_props);
@@ -59,45 +58,70 @@ Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
     
     if (oldViewProps.returnUrl != newViewProps.returnUrl) {
         NSString * newReturnUrl = [[NSString alloc] initWithUTF8String: newViewProps.returnUrl.c_str()];
-        if (self.actualCheckoutView != nil) {
-            self.actualCheckoutView.returnURL = [NSURL URLWithString:newReturnUrl];
+        if (self.klarnaCheckoutView != nil) {
+            self.klarnaCheckoutView.returnURL = [NSURL URLWithString:newReturnUrl];
         } else {
-            [self initializeActualCheckoutView:newReturnUrl];
+            [self initializeKlarnaCheckoutView:newReturnUrl];
         }
     }
     
     [super updateProps:props oldProps:oldProps];
 }
 
+- (void)updateEventEmitter:(const facebook::react::EventEmitter::Shared &)eventEmitter
+{
+    [super updateEventEmitter:eventEmitter];
 
-#pragma mark - RN Klarna Checout View Methods
+    if (!self.isCheckoutViewReadyEventSent && self.klarnaCheckoutView != nil && _eventEmitter) {
+        RCTLogInfo(@"Sending onCheckoutViewReady event.");
+        std::dynamic_pointer_cast<const RNKlarnaCheckoutViewEventEmitter>(_eventEmitter)
+            ->onCheckoutViewReady({});
+        self.isCheckoutViewReadyEventSent = YES;
+    } else {
+        RCTLogInfo(@"Could not send onCheckoutViewReady event.");
+    }
+}
 
-- (void)initializeActualCheckoutView:(NSString*)returnUrl {
-    self.actualCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:returnUrl] eventHandler:self];
-    self.actualCheckoutView.sizingDelegate = self;
+#pragma mark - KlarnaCheckoutView Setup
+
+- (void)initializeKlarnaCheckoutView:(NSString*)returnUrl {
+    self.isCheckoutViewReadyEventSent = NO;
+    self.klarnaCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:returnUrl] eventHandler:self];
+    self.klarnaCheckoutView.sizingDelegate = self;
     
-    self.actualCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
+    self.klarnaCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
     
-    [self addSubview:self.actualCheckoutView];
+    [self addSubview:self.klarnaCheckoutView];
 
     [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
-                                             [self.actualCheckoutView.topAnchor constraintEqualToAnchor:self.topAnchor],
-                                             [self.actualCheckoutView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
-                                             [self.actualCheckoutView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
-                                             [self.actualCheckoutView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], nil
+                                             [self.klarnaCheckoutView.topAnchor constraintEqualToAnchor:self.topAnchor],
+                                             [self.klarnaCheckoutView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
+                                             [self.klarnaCheckoutView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
+                                             [self.klarnaCheckoutView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], nil
                                             ]];
 }
 
+#pragma mark - Methods Exposed to React Native
+
 - (void)setSnippet:(NSString *)snippet {
-    [self.actualCheckoutView setSnippet:snippet];
+    [self.klarnaCheckoutView setSnippet:snippet];
 }
 
 - (void)suspend {
-    [self.actualCheckoutView suspend];
+    [self.klarnaCheckoutView suspend];
 }
 
 - (void)resume {
-    [self.actualCheckoutView resume];
+    [self.klarnaCheckoutView resume];
+}
+
+#pragma mark - UIView Lifecycle
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window) {
+        self.isCheckoutViewReadyEventSent = NO;
+    }
 }
 
 #pragma mark - KlarnaEventHandler
@@ -114,13 +138,13 @@ Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
             }
         });
     } else {
-        RCTLogInfo(@"_eventEmitter is nil!");
+        RCTLogInfo(@"Could not send onEvent event. _eventEmitter is nil!");
     }
 }
 
 - (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent encounteredError:(KlarnaError *)error {
     if (_eventEmitter) {
-        RCTLogInfo(@"Sending onEvent event");
+        RCTLogInfo(@"Sending onError event");
         std::dynamic_pointer_cast<const RNKlarnaCheckoutViewEventEmitter>(_eventEmitter)
         ->onError(RNKlarnaCheckoutViewEventEmitter::OnError{
             .error = {
@@ -130,7 +154,7 @@ Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
             }
         });
     } else {
-        RCTLogInfo(@"_eventEmitter is nil!");
+        RCTLogInfo(@"Could not send onError event. _eventEmitter is nil!");
     }
 }
 
@@ -144,7 +168,7 @@ Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
             .height = std::string([[[NSNumber numberWithFloat:height] stringValue] UTF8String]),
         });
     } else {
-        RCTLogInfo(@"_eventEmitter is nil!");
+        RCTLogInfo(@"Could not send onResized event. _eventEmitter is nil!");
     }
 }
 

package/ios/Sources/view/oldarch/KlarnaCheckoutViewWrapper.mm

@@ -1,25 +1,36 @@
 #if !RCT_NEW_ARCH_ENABLED
 
+#import <React/RCTLog.h>
 #import "../KlarnaCheckoutViewWrapper.h"
 #import "../../common/RNMobileSDKUtils.h"
-
 #import <KlarnaMobileSDK/KlarnaMobileSDK-Swift.h>
-#import <React/RCTLog.h>
 
 @interface KlarnaCheckoutViewWrapper () <KlarnaEventHandler, KlarnaSizingDelegate>
 
-@property (nonatomic, strong) KlarnaCheckoutView* actualCheckoutView;
+@property (nonatomic, strong) KlarnaCheckoutView* klarnaCheckoutView;
+@property (nonatomic, assign) BOOL isCheckoutViewReadyEventSent;
 
 @end
 
 @implementation KlarnaCheckoutViewWrapper
 
-#pragma mark - React Native Overrides
+#pragma mark - Initialization
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        self.isCheckoutViewReadyEventSent = NO;
+    }
+    return self;
+}
+
+#pragma mark - React Native Property Setters
 
 - (void) setReturnUrl:(NSString *)returnUrl {
     _returnUrl = returnUrl;
     if (returnUrl.length > 0) {
-        self.actualCheckoutView.returnURL = [NSURL URLWithString:self.returnUrl];
+        self.klarnaCheckoutView.returnURL = [NSURL URLWithString:self.returnUrl];
     }
     [self evaluateProps];
 }
@@ -28,43 +39,70 @@
     [self initializeActualCheckoutView];
 }
 
+#pragma mark - KlarnaCheckoutView Setup
+
 - (void) initializeActualCheckoutView {
-    self.actualCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:self.returnUrl] eventHandler:self];
-    self.actualCheckoutView.sizingDelegate = self;
+    self.isCheckoutViewReadyEventSent = NO;
+    self.klarnaCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:self.returnUrl] eventHandler:self];
+    self.klarnaCheckoutView.sizingDelegate = self;
     
-    self.actualCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
+    self.klarnaCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
     
-    [self addSubview:self.actualCheckoutView];
+    [self addSubview:self.klarnaCheckoutView];
 
     [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
-                                             [self.actualCheckoutView.topAnchor constraintEqualToAnchor:self.topAnchor],
-                                             [self.actualCheckoutView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
-                                             [self.actualCheckoutView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
-                                             [self.actualCheckoutView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], nil
+                                             [self.klarnaCheckoutView.topAnchor constraintEqualToAnchor:self.topAnchor],
+                                             [self.klarnaCheckoutView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
+                                             [self.klarnaCheckoutView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
+                                             [self.klarnaCheckoutView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], nil
                                             ]];
 }
 
+#pragma mark - Layout
+
 - (void)layoutSubviews {
     [super layoutSubviews];
-    self.actualCheckoutView.frame = self.bounds;
-    [self.actualCheckoutView layoutSubviews];
+    self.klarnaCheckoutView.frame = self.bounds;
+    [self.klarnaCheckoutView layoutSubviews];
+}
+
+#pragma mark - UIView Lifecycle
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window) {
+        self.isCheckoutViewReadyEventSent = NO;
+    }
+}
+
+#pragma mark - React Native Lifecycle
+
+- (void)didSetProps:(NSArray<NSString *> *)changedProps {
+    [super didSetProps:changedProps];
+    [self sendCheckoutViewReadyEvent];
 }
 
-#pragma mark - KlarnaCheckoutView Methods
+- (void)sendCheckoutViewReadyEvent {
+    if (self.klarnaCheckoutView && self.onCheckoutViewReady && !self.isCheckoutViewReadyEventSent) {
+        self.isCheckoutViewReadyEventSent = YES;
+        self.onCheckoutViewReady(@{});
+    }
+}
+
+#pragma mark - Methods Exposed to React Native
 
 - (void)setSnippet:(NSString *)snippet {
-    [self.actualCheckoutView setSnippet:snippet];
+    [self.klarnaCheckoutView setSnippet:snippet];
 }
 
 - (void)suspend {
-    [self.actualCheckoutView suspend];
+    [self.klarnaCheckoutView suspend];
 }
 
 - (void)resume {
-    [self.actualCheckoutView resume];
+    [self.klarnaCheckoutView resume];
 }
 
-
 #pragma mark - KlarnaEventHandler
 
 - (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent dispatchedEvent:(KlarnaProductEvent *)event {

package/lib/commonjs/KlarnaCheckoutView.js

@@ -9,12 +9,15 @@ var _KlarnaCheckoutViewNativeComponent = _interopRequireWildcard(require("./spec
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 class KlarnaCheckoutView extends _react.Component {
+  snippet = null;
+  isCheckoutViewReady = false;
   constructor(props) {
     super(props);
     this.state = {
       nativeViewHeight: 0
     };
     this.checkoutViewRef = /*#__PURE__*/_react.default.createRef();
+    this.isCheckoutViewReady = false;
   }
   render() {
     return /*#__PURE__*/_react.default.createElement(_KlarnaCheckoutViewNativeComponent.default, {
@@ -57,24 +60,34 @@ class KlarnaCheckoutView extends _react.Component {
             nativeViewHeight: newHeight
           });
         }
+      },
+      onCheckoutViewReady: () => {
+        this.isCheckoutViewReady = true;
+        console.log('onCheckoutViewReady');
+        if (this.snippet) {
+          console.log('Setting the snippet...');
+          this.setSnippet(this.snippet);
+          this.snippet = null;
+        }
       }
     });
   }
   setSnippet = snippet => {
+    this.snippet = snippet;
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       _KlarnaCheckoutViewNativeComponent.Commands.setSnippet(view, snippet);
     }
   };
   suspend = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       _KlarnaCheckoutViewNativeComponent.Commands.suspend(view);
     }
   };
   resume = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       _KlarnaCheckoutViewNativeComponent.Commands.resume(view);
     }
   };

package/lib/commonjs/KlarnaCheckoutView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_KlarnaCheckoutViewNativeComponent","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","KlarnaCheckoutView","Component","constructor","props","state","nativeViewHeight","checkoutViewRef","React","createRef","render","createElement","ref","style","width","height","flexShrink","returnUrl","onEvent","event","_this$props$onEvent","_this$props","params","JSON","parse","nativeEvent","productEvent","e","console","error","action","onError","_this$props$onError","_this$props2","mobileSdkError","isFatal","message","name","onResized","newHeight","Number","log","setState","setSnippet","snippet","view","current","RNKlarnaCheckoutViewCommands","suspend","resume","exports","_default"],"sourceRoot":"../../src","sources":["KlarnaCheckoutView.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_KlarnaCheckoutViewNativeComponent","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","KlarnaCheckoutView","Component","snippet","isCheckoutViewReady","constructor","props","state","nativeViewHeight","checkoutViewRef","React","createRef","render","createElement","ref","style","width","height","flexShrink","returnUrl","onEvent","event","_this$props$onEvent","_this$props","params","JSON","parse","nativeEvent","productEvent","e","console","error","action","onError","_this$props$onError","_this$props2","mobileSdkError","isFatal","message","name","onResized","newHeight","Number","log","setState","onCheckoutViewReady","setSnippet","view","current","RNKlarnaCheckoutViewCommands","suspend","resume","exports","_default"],"sourceRoot":"../../src","sources":["KlarnaCheckoutView.tsx"],"mappings":"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"}

package/lib/commonjs/specs/KlarnaCheckoutViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_codegenNativeCommands","_interopRequireDefault","require","_codegenNativeComponent","obj","__esModule","default","Commands","codegenNativeCommands","supportedCommands","exports","_default","codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/KlarnaCheckoutViewNativeComponent.ts"],"mappings":";;;;;;AAIA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA6CtF,MAAMG,QAA4C,GACvD,IAAAC,8BAAqB,EAAqC;EACxDC,iBAAiB,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ;AACvD,CAAC,CAAC;AAACC,OAAA,CAAAH,QAAA,GAAAA,QAAA;AAAA,IAAAI,QAAA,GAEU,IAAAC,+BAAsB,EACnC,sBACF,CAAC;AAAAF,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}
+{"version":3,"names":["_codegenNativeCommands","_interopRequireDefault","require","_codegenNativeComponent","obj","__esModule","default","Commands","codegenNativeCommands","supportedCommands","exports","_default","codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/KlarnaCheckoutViewNativeComponent.ts"],"mappings":";;;;;;AAIA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8CtF,MAAMG,QAA4C,GACvD,IAAAC,8BAAqB,EAAqC;EACxDC,iBAAiB,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ;AACvD,CAAC,CAAC;AAACC,OAAA,CAAAH,QAAA,GAAAA,QAAA;AAAA,IAAAI,QAAA,GAEU,IAAAC,+BAAsB,EACnC,sBACF,CAAC;AAAAF,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}

package/lib/module/KlarnaCheckoutView.js

@@ -1,12 +1,15 @@
 import React, { Component } from 'react';
 import RNKlarnaCheckoutView, { Commands as RNKlarnaCheckoutViewCommands } from './specs/KlarnaCheckoutViewNativeComponent';
 export class KlarnaCheckoutView extends Component {
+  snippet = null;
+  isCheckoutViewReady = false;
   constructor(props) {
     super(props);
     this.state = {
       nativeViewHeight: 0
     };
     this.checkoutViewRef = /*#__PURE__*/React.createRef();
+    this.isCheckoutViewReady = false;
   }
   render() {
     return /*#__PURE__*/React.createElement(RNKlarnaCheckoutView, {
@@ -49,24 +52,34 @@ export class KlarnaCheckoutView extends Component {
             nativeViewHeight: newHeight
           });
         }
+      },
+      onCheckoutViewReady: () => {
+        this.isCheckoutViewReady = true;
+        console.log('onCheckoutViewReady');
+        if (this.snippet) {
+          console.log('Setting the snippet...');
+          this.setSnippet(this.snippet);
+          this.snippet = null;
+        }
       }
     });
   }
   setSnippet = snippet => {
+    this.snippet = snippet;
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.setSnippet(view, snippet);
     }
   };
   suspend = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.suspend(view);
     }
   };
   resume = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.resume(view);
     }
   };

package/lib/module/KlarnaCheckoutView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","RNKlarnaCheckoutView","Commands","RNKlarnaCheckoutViewCommands","KlarnaCheckoutView","constructor","props","state","nativeViewHeight","checkoutViewRef","createRef","render","createElement","ref","style","width","height","flexShrink","returnUrl","onEvent","event","_this$props$onEvent","_this$props","params","JSON","parse","nativeEvent","productEvent","e","console","error","action","call","onError","_this$props$onError","_this$props2","mobileSdkError","isFatal","message","name","onResized","newHeight","Number","log","setState","setSnippet","snippet","view","current","suspend","resume"],"sourceRoot":"../../src","sources":["KlarnaCheckoutView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Component","RNKlarnaCheckoutView","Commands","RNKlarnaCheckoutViewCommands","KlarnaCheckoutView","snippet","isCheckoutViewReady","constructor","props","state","nativeViewHeight","checkoutViewRef","createRef","render","createElement","ref","style","width","height","flexShrink","returnUrl","onEvent","event","_this$props$onEvent","_this$props","params","JSON","parse","nativeEvent","productEvent","e","console","error","action","call","onError","_this$props$onError","_this$props2","mobileSdkError","isFatal","message","name","onResized","newHeight","Number","log","setState","onCheckoutViewReady","setSnippet","view","current","suspend","resume"],"sourceRoot":"../../src","sources":["KlarnaCheckoutView.tsx"],"mappings":"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"}

package/lib/module/specs/KlarnaCheckoutViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeCommands","codegenNativeComponent","Commands","supportedCommands"],"sourceRoot":"../../../src","sources":["specs/KlarnaCheckoutViewNativeComponent.ts"],"mappings":"AAIA,OAAOA,qBAAqB,MAAM,wDAAwD;AAC1F,OAAOC,sBAAsB,MAAM,yDAAyD;AA6C5F,OAAO,MAAMC,QAA4C,GACvDF,qBAAqB,CAAqC;EACxDG,iBAAiB,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ;AACvD,CAAC,CAAC;AAEJ,eAAeF,sBAAsB,CACnC,sBACF,CAAC"}
+{"version":3,"names":["codegenNativeCommands","codegenNativeComponent","Commands","supportedCommands"],"sourceRoot":"../../../src","sources":["specs/KlarnaCheckoutViewNativeComponent.ts"],"mappings":"AAIA,OAAOA,qBAAqB,MAAM,wDAAwD;AAC1F,OAAOC,sBAAsB,MAAM,yDAAyD;AA8C5F,OAAO,MAAMC,QAA4C,GACvDF,qBAAqB,CAAqC;EACxDG,iBAAiB,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ;AACvD,CAAC,CAAC;AAEJ,eAAeF,sBAAsB,CACnC,sBACF,CAAC"}

package/lib/typescript/KlarnaCheckoutView.d.ts

@@ -14,6 +14,8 @@ interface KlarnaCheckoutViewState {
 }
 export declare class KlarnaCheckoutView extends Component<KlarnaCheckoutViewProps, KlarnaCheckoutViewState> {
     checkoutViewRef: RefObject<Component<RNKlarnaCheckoutViewProps> & Readonly<NativeMethods>>;
+    private snippet;
+    private isCheckoutViewReady;
     constructor(props: KlarnaCheckoutViewProps);
     render(): React.JSX.Element;
     setSnippet: (snippet: string) => void;

package/lib/typescript/KlarnaCheckoutView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KlarnaCheckoutView.d.ts","sourceRoot":"","sources":["../../src/KlarnaCheckoutView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EACV,aAAa,EAEb,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAA6B,EAE3B,KAAK,yBAAyB,EAC/B,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,qBAAa,kBAAmB,SAAQ,SAAS,CAC/C,uBAAuB,EACvB,uBAAuB,CACxB;IACC,eAAe,EAAE,SAAS,CACxB,SAAS,CAAC,yBAAyB,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAC/D,CAAC;gBAEU,KAAK,EAAE,uBAAuB;IAQ1C,MAAM;IAoEN,UAAU,YAAa,MAAM,UAK3B;IAEF,OAAO,aAKL;IAEF,MAAM,aAKJ;CACH;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"KlarnaCheckoutView.d.ts","sourceRoot":"","sources":["../../src/KlarnaCheckoutView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EACV,aAAa,EAEb,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAA6B,EAE3B,KAAK,yBAAyB,EAC/B,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,qBAAa,kBAAmB,SAAQ,SAAS,CAC/C,uBAAuB,EACvB,uBAAuB,CACxB;IACC,eAAe,EAAE,SAAS,CACxB,SAAS,CAAC,yBAAyB,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAC/D,CAAC;IACF,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,mBAAmB,CAAS;gBAExB,KAAK,EAAE,uBAAuB;IAS1C,MAAM;IA6EN,UAAU,YAAa,MAAM,UAM3B;IAEF,OAAO,aAKL;IAEF,MAAM,aAKJ;CACH;AAED,eAAe,kBAAkB,CAAC"}

package/lib/typescript/specs/KlarnaCheckoutViewNativeComponent.d.ts

@@ -20,6 +20,7 @@ export interface RNKlarnaCheckoutViewProps extends ViewProps {
     readonly onResized: DirectEventHandler<Readonly<{
         readonly height: string;
     }>>;
+    readonly onCheckoutViewReady?: DirectEventHandler<{}>;
 }
 type KlarnaCheckoutViewNativeComponentType = HostComponent<RNKlarnaCheckoutViewProps>;
 interface RNKlarnaCheckoutViewNativeCommands {

package/lib/typescript/specs/KlarnaCheckoutViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KlarnaCheckoutViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/KlarnaCheckoutViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAClC,QAAQ,CAAC;QACP,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC;YAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;YACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;SACzB,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAClC,QAAQ,CAAC;QACP,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;YACvB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;YAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;SACvB,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CACpC,QAAQ,CAAC;QAEP,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;KACzB,CAAC,CACH,CAAC;CACH;AAED,KAAK,qCAAqC,GACxC,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAE3C,UAAU,kCAAkC;IAC1C,UAAU,EAAE,CACV,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,EAChE,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,OAAO,EAAE,CACP,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,KAC7D,IAAI,CAAC;IACV,MAAM,EAAE,CACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,KAC7D,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,kCAGnB,CAAC;;AAEL,wBAE2C"}
+{"version":3,"file":"KlarnaCheckoutViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/KlarnaCheckoutViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAClC,QAAQ,CAAC;QACP,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC;YAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;YACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;SACzB,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAClC,QAAQ,CAAC;QACP,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;YACvB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;YAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;SACvB,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CACpC,QAAQ,CAAC;QAEP,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;KACzB,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;CACvD;AAED,KAAK,qCAAqC,GACxC,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAE3C,UAAU,kCAAkC;IAC1C,UAAU,EAAE,CACV,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,EAChE,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,OAAO,EAAE,CACP,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,KAC7D,IAAI,CAAC;IACV,MAAM,EAAE,CACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,qCAAqC,CAAC,KAC7D,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,kCAGnB,CAAC;;AAEL,wBAE2C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-klarna-inapp-sdk",
   "title": "Klarna Mobile SDK React Native",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "This library wraps Klarna Mobile SDK and exposes its functionality as React Native components.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/KlarnaCheckoutView.tsx

@@ -29,6 +29,8 @@ export class KlarnaCheckoutView extends Component<
   checkoutViewRef: RefObject<
     Component<RNKlarnaCheckoutViewProps> & Readonly<NativeMethods>
   >;
+  private snippet: string | null = null;
+  private isCheckoutViewReady = false;
 
   constructor(props: KlarnaCheckoutViewProps) {
     super(props);
@@ -36,6 +38,7 @@ export class KlarnaCheckoutView extends Component<
       nativeViewHeight: 0,
     };
     this.checkoutViewRef = React.createRef();
+    this.isCheckoutViewReady = false;
   }
 
   render() {
@@ -102,27 +105,37 @@ export class KlarnaCheckoutView extends Component<
             this.setState({ nativeViewHeight: newHeight });
           }
         }}
+        onCheckoutViewReady={() => {
+          this.isCheckoutViewReady = true;
+          console.log('onCheckoutViewReady');
+          if (this.snippet) {
+            console.log('Setting the snippet...');
+            this.setSnippet(this.snippet);
+            this.snippet = null;
+          }
+        }}
       />
     );
   }
 
   setSnippet = (snippet: string) => {
+    this.snippet = snippet;
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.setSnippet(view, snippet);
     }
   };
 
   suspend = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.suspend(view);
     }
   };
 
   resume = () => {
     const view = this.checkoutViewRef.current;
-    if (view != null) {
+    if (view != null && this.isCheckoutViewReady) {
       RNKlarnaCheckoutViewCommands.resume(view);
     }
   };

package/src/specs/KlarnaCheckoutViewNativeComponent.ts

@@ -30,6 +30,7 @@ export interface RNKlarnaCheckoutViewProps extends ViewProps {
       readonly height: string;
     }>
   >;
+  readonly onCheckoutViewReady?: DirectEventHandler<{}>;
 }
 
 type KlarnaCheckoutViewNativeComponentType =