react-native-klarna-inapp-sdk 2.2.5 → 2.3.1

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

@@ -0,0 +1,153 @@
+#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 "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface KlarnaCheckoutViewWrapper () <KlarnaEventHandler, KlarnaSizingDelegate, RCTRNKlarnaCheckoutViewViewProtocol>
+
+@property (nonatomic, strong) KlarnaCheckoutView* actualCheckoutView;
+
+@end
+
+@implementation KlarnaCheckoutViewWrapper
+
+#pragma mark - RN Klarna Checout View
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        static const auto defaultProps = std::make_shared<const RNKlarnaCheckoutViewProps>();
+        _props = defaultProps;
+    }
+    
+    return self;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<RNKlarnaCheckoutViewComponentDescriptor>();
+}
+
+Class<RCTComponentViewProtocol> RNKlarnaCheckoutViewCls(void)
+{
+    return KlarnaCheckoutViewWrapper.class;
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args {
+    RCTRNKlarnaCheckoutViewHandleCommand(self, commandName, args);
+}
+
+#pragma mark - RN Klarna Checout View Props
+
+- (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);
+    const auto &newViewProps = *std::static_pointer_cast<RNKlarnaCheckoutViewProps const>(props);
+    
+    if (oldViewProps.returnUrl != newViewProps.returnUrl) {
+        NSString * newReturnUrl = [[NSString alloc] initWithUTF8String: newViewProps.returnUrl.c_str()];
+        if (self.actualCheckoutView != nil) {
+            self.actualCheckoutView.returnURL = [NSURL URLWithString:newReturnUrl];
+        } else {
+            [self initializeActualCheckoutView:newReturnUrl];
+        }
+    }
+    
+    [super updateProps:props oldProps:oldProps];
+}
+
+
+#pragma mark - RN Klarna Checout View Methods
+
+- (void)initializeActualCheckoutView:(NSString*)returnUrl {
+    self.actualCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:returnUrl] eventHandler:self];
+    self.actualCheckoutView.sizingDelegate = self;
+    
+    self.actualCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
+    
+    [self addSubview:self.actualCheckoutView];
+
+    [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
+                                            ]];
+}
+
+- (void)setSnippet:(NSString *)snippet {
+    [self.actualCheckoutView setSnippet:snippet];
+}
+
+- (void)suspend {
+    [self.actualCheckoutView suspend];
+}
+
+- (void)resume {
+    [self.actualCheckoutView resume];
+}
+
+#pragma mark - KlarnaEventHandler
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent dispatchedEvent:(KlarnaProductEvent *)event {
+    if (_eventEmitter) {
+        RCTLogInfo(@"Sending onEvent event");
+        NSString *serializedParams = [SerializationUtil serializeDictionaryToJsonString:[event getParams]];
+        std::dynamic_pointer_cast<const RNKlarnaCheckoutViewEventEmitter>(_eventEmitter)
+        ->onEvent(RNKlarnaCheckoutViewEventEmitter::OnEvent{
+            .productEvent = {
+                .action = std::string([event.action UTF8String]),
+                .params = std::string([serializedParams UTF8String]),
+            }
+        });
+    } else {
+        RCTLogInfo(@"_eventEmitter is nil!");
+    }
+}
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent encounteredError:(KlarnaError *)error {
+    if (_eventEmitter) {
+        RCTLogInfo(@"Sending onEvent event");
+        std::dynamic_pointer_cast<const RNKlarnaCheckoutViewEventEmitter>(_eventEmitter)
+        ->onError(RNKlarnaCheckoutViewEventEmitter::OnError{
+            .error = {
+                .name = std::string([error.name UTF8String]),
+                .message = std::string([error.message UTF8String]),
+                .isFatal = error.isFatal,
+            }
+        });
+    } else {
+        RCTLogInfo(@"_eventEmitter is nil!");
+    }
+}
+
+#pragma mark - KlarnaSizingDelegate
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent resizedToHeight:(CGFloat)height {
+    if (_eventEmitter) {
+        RCTLogInfo(@"Sending onResized event");
+        std::dynamic_pointer_cast<const RNKlarnaCheckoutViewEventEmitter>(_eventEmitter)
+        ->onResized(RNKlarnaCheckoutViewEventEmitter::OnResized{
+            .height = std::string([[[NSNumber numberWithFloat:height] stringValue] UTF8String]),
+        });
+    } else {
+        RCTLogInfo(@"_eventEmitter is nil!");
+    }
+}
+
+@end
+
+#endif

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

@@ -37,7 +37,11 @@ NSString *const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
 }
 
 -(void)dealloc {
-    [self.klarnaStandaloneWebView removeObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS context:nil];
+    @try {
+        [self.klarnaStandaloneWebView removeObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS context:nil];
+    } @catch(NSException *exception) {
+        RCTLog(@"Could not remove the progress observer: %@", exception);
+    }
 }
 
 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
@@ -80,6 +84,7 @@ NSString *const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
     self.klarnaStandaloneWebView.translatesAutoresizingMaskIntoConstraints = NO;
     
     [self addSubview:self.klarnaStandaloneWebView];
+    [self setWebViewBackgroundToTransparent];
     
     [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
                                             [self.klarnaStandaloneWebView.topAnchor constraintEqualToAnchor:self.topAnchor],
@@ -89,6 +94,17 @@ NSString *const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
                                             ]];
 }
 
+- (void)setWebViewBackgroundToTransparent {
+    for (UIView *subview in self.klarnaStandaloneWebView.subviews) {
+        if ([subview isKindOfClass:[WKWebView class]]) {
+            WKWebView *webView = (WKWebView *) subview;
+            webView.backgroundColor = [UIColor clearColor];
+            webView.opaque = NO;
+            webView.scrollView.backgroundColor = [UIColor clearColor];
+        }
+    }
+}
+
 - (void)layoutSubviews {
     [super layoutSubviews];
     self.klarnaStandaloneWebView.frame = self.bounds;
@@ -262,6 +278,11 @@ Class<RCTComponentViewProtocol>RNKlarnaStandaloneWebViewCls(void)
 }
 
 - (NSString *)serializeDictionaryToJsonString:(NSDictionary<NSString *, id<NSCoding>> *)dictionary {
+    if (!dictionary) {
+        RCTLog(@"Dictionary is nil");
+        return @"{}";
+    }
+    
     NSError *error;
     NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dictionary options:NSJSONWritingPrettyPrinted error:&error];
     

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

@@ -0,0 +1,37 @@
+#if !RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTUIManager.h>
+
+#import <AVFoundation/AVFoundation.h>
+#import <UIKit/UIKit.h>
+#import <React/RCTView.h>
+#import <React/RCTUIManager.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface KlarnaCheckoutViewWrapper : UIView
+
+@property (nonatomic, copy) RCTDirectEventBlock onEvent;
+@property (nonatomic, copy) RCTDirectEventBlock onError;
+@property (nonatomic, copy) RCTDirectEventBlock onResized;
+
+@property (nonatomic, strong) NSString* returnUrl;
+
+#pragma mark - React Native Overrides
+- (void) setReturnUrl:(NSString * _Nonnull)returnUrl;
+- (void) evaluateProps;
+- (void) initializeActualCheckoutView;
+
+@property (nonatomic, weak) RCTUIManager* uiManager;
+
+- (void)setSnippet:(NSString*)snippet;
+
+- (void)suspend;
+
+- (void)resume;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

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

@@ -0,0 +1,116 @@
+#if !RCT_NEW_ARCH_ENABLED
+
+#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;
+
+@end
+
+@implementation KlarnaCheckoutViewWrapper
+
+#pragma mark - React Native Overrides
+
+- (void) setReturnUrl:(NSString *)returnUrl {
+    _returnUrl = returnUrl;
+    if (returnUrl.length > 0) {
+        self.actualCheckoutView.returnURL = [NSURL URLWithString:self.returnUrl];
+    }
+    [self evaluateProps];
+}
+
+- (void) evaluateProps {
+    [self initializeActualCheckoutView];
+}
+
+- (void) initializeActualCheckoutView {
+    self.actualCheckoutView = [[KlarnaCheckoutView alloc] initWithReturnURL:[NSURL URLWithString:self.returnUrl] eventHandler:self];
+    self.actualCheckoutView.sizingDelegate = self;
+    
+    self.actualCheckoutView.translatesAutoresizingMaskIntoConstraints = NO;
+    
+    [self addSubview:self.actualCheckoutView];
+
+    [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
+                                            ]];
+}
+
+- (void)layoutSubviews {
+    [super layoutSubviews];
+    self.actualCheckoutView.frame = self.bounds;
+    [self.actualCheckoutView layoutSubviews];
+}
+
+#pragma mark - KlarnaCheckoutView Methods
+
+- (void)setSnippet:(NSString *)snippet {
+    [self.actualCheckoutView setSnippet:snippet];
+}
+
+- (void)suspend {
+    [self.actualCheckoutView suspend];
+}
+
+- (void)resume {
+    [self.actualCheckoutView resume];
+}
+
+
+#pragma mark - KlarnaEventHandler
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent dispatchedEvent:(KlarnaProductEvent *)event {
+    if (!self.onEvent) {
+        RCTLog(@"Missing 'onEvent' callback prop.");
+        return;
+    }
+    
+    NSString *serializedParams = [SerializationUtil serializeDictionaryToJsonString:[event getParams]];
+    
+    self.onEvent(@{
+        @"productEvent": @{
+            @"action": event.action,
+            @"params": serializedParams,
+        }
+    });
+}
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent encounteredError:(KlarnaError *)error {
+    if (!self.onError) {
+        RCTLog(@"Missing 'onError' callback prop.");
+        return;
+    }
+    
+    self.onError(@{
+        @"error": @{
+            @"name": error.name,
+            @"message": error.message,
+            @"isFatal": [NSNumber numberWithBool:error.isFatal],
+        }
+    });
+}
+
+#pragma mark - KlarnaSizingDelegate
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent resizedToHeight:(CGFloat)height {
+    if (!self.onResized) {
+        RCTLog(@"Missing 'onResized' callback prop.");
+        return;
+    }
+    
+    self.onResized(@{
+        @"height": [[NSNumber numberWithFloat:height] stringValue]
+    });
+}
+
+@end
+
+#endif

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

@@ -26,7 +26,11 @@ NSString * const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
 }
 
 -(void)dealloc {
-    [self.klarnaStandaloneWebView removeObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS context:nil];
+    @try {
+        [self.klarnaStandaloneWebView removeObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS context:nil];
+    } @catch(NSException *exception) {
+        RCTLog(@"Could not remove the progress observer: %@", exception);
+    }
 }
 
 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
@@ -75,6 +79,7 @@ NSString * const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
     self.klarnaStandaloneWebView.translatesAutoresizingMaskIntoConstraints = NO;
 
     [self addSubview:self.klarnaStandaloneWebView];
+    [self setWebViewBackgroundToTransparent];
     
     [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
                                              [self.klarnaStandaloneWebView.topAnchor constraintEqualToAnchor:self.topAnchor],
@@ -84,6 +89,17 @@ NSString * const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
                                             ]];
 }
 
+- (void)setWebViewBackgroundToTransparent {
+    for (UIView *subview in self.klarnaStandaloneWebView.subviews) {
+        if ([subview isKindOfClass:[WKWebView class]]) {
+            WKWebView *webView = (WKWebView *) subview;
+            webView.backgroundColor = [UIColor clearColor];
+            webView.opaque = NO;
+            webView.scrollView.backgroundColor = [UIColor clearColor];
+        }
+    }
+}
+
 - (void)layoutSubviews {
     [super layoutSubviews];
     self.klarnaStandaloneWebView.frame = self.bounds;
@@ -182,6 +198,11 @@ NSString * const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
 #pragma mark - Events
 
 - (NSString *)serializeDictionaryToJsonString:(NSDictionary<NSString *, id<NSCoding>> *)dictionary {
+    if (!dictionary) {
+        RCTLog(@"Dictionary is nil");
+        return @"{}";
+    }
+    
     NSError *error;
     NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dictionary options:NSJSONWritingPrettyPrinted error:&error];
     

package/lib/commonjs/KlarnaCheckoutView.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.KlarnaCheckoutView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _KlarnaCheckoutViewNativeComponent = _interopRequireWildcard(require("./specs/KlarnaCheckoutViewNativeComponent"));
+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 {
+  constructor(props) {
+    super(props);
+    this.state = {
+      nativeViewHeight: 0
+    };
+    this.checkoutViewRef = /*#__PURE__*/_react.default.createRef();
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_KlarnaCheckoutViewNativeComponent.default, {
+      ref: this.checkoutViewRef
+      /* eslint-disable-next-line react-native/no-inline-styles */,
+      style: {
+        width: '100%',
+        height: this.state.nativeViewHeight
+      },
+      returnUrl: this.props.returnUrl || '',
+      onEvent: event => {
+        var _this$props$onEvent, _this$props;
+        let params = {};
+        try {
+          params = JSON.parse(event.nativeEvent.productEvent.params);
+        } catch (e) {
+          console.error('Failed to parse productEvent.params', e);
+        }
+        const productEvent = {
+          action: event.nativeEvent.productEvent.action,
+          params: params
+        };
+        (_this$props$onEvent = (_this$props = this.props).onEvent) === null || _this$props$onEvent === void 0 || _this$props$onEvent.call(_this$props, productEvent);
+      },
+      onError: event => {
+        var _this$props$onError, _this$props2;
+        const mobileSdkError = {
+          isFatal: event.nativeEvent.error.isFatal,
+          message: event.nativeEvent.error.message,
+          name: event.nativeEvent.error.name
+        };
+        (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props2, mobileSdkError);
+      },
+      onResized: event => {
+        const newHeight = Number(event.nativeEvent.height);
+        if (newHeight !== this.state.nativeViewHeight) {
+          console.log('onResized', newHeight);
+          this.setState({
+            nativeViewHeight: newHeight
+          });
+        }
+      }
+    });
+  }
+  setSnippet = snippet => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      _KlarnaCheckoutViewNativeComponent.RNKlarnaCheckoutViewCommands.setSnippet(view, snippet);
+    }
+  };
+  suspend = () => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      _KlarnaCheckoutViewNativeComponent.RNKlarnaCheckoutViewCommands.suspend(view);
+    }
+  };
+  resume = () => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      _KlarnaCheckoutViewNativeComponent.RNKlarnaCheckoutViewCommands.resume(view);
+    }
+  };
+}
+exports.KlarnaCheckoutView = KlarnaCheckoutView;
+var _default = KlarnaCheckoutView;
+exports.default = _default;
+//# sourceMappingURL=KlarnaCheckoutView.js.map

package/lib/commonjs/KlarnaCheckoutView.js.map

@@ -0,0 +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","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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"}

package/lib/commonjs/index.js

@@ -25,4 +25,15 @@ Object.keys(_KlarnaStandaloneWebView).forEach(function (key) {
     }
   });
 });
+var _KlarnaCheckoutView = require("./KlarnaCheckoutView");
+Object.keys(_KlarnaCheckoutView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _KlarnaCheckoutView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _KlarnaCheckoutView[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_KlarnaPaymentView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_KlarnaStandaloneWebView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,wBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,wBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,wBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,wBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_KlarnaPaymentView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_KlarnaStandaloneWebView","_KlarnaCheckoutView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,wBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,wBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,wBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,wBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,mBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,mBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,mBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,mBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/specs/KlarnaCheckoutViewNativeComponent.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RNKlarnaCheckoutViewCommands = void 0;
+var _codegenNativeCommands = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const RNKlarnaCheckoutViewCommands = (0, _codegenNativeCommands.default)({
+  supportedCommands: ['setSnippet', 'suspend', 'resume']
+});
+exports.RNKlarnaCheckoutViewCommands = RNKlarnaCheckoutViewCommands;
+var _default = (0, _codegenNativeComponent.default)('RNKlarnaCheckoutView');
+exports.default = _default;
+//# sourceMappingURL=KlarnaCheckoutViewNativeComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeCommands","_interopRequireDefault","require","_codegenNativeComponent","obj","__esModule","default","RNKlarnaCheckoutViewCommands","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,4BAAgE,GAC3E,IAAAC,8BAAqB,EAAqC;EACxDC,iBAAiB,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ;AACvD,CAAC,CAAC;AAACC,OAAA,CAAAH,4BAAA,GAAAA,4BAAA;AAAA,IAAAI,QAAA,GAEU,IAAAC,+BAAsB,EACnC,sBACF,CAAC;AAAAF,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}

package/lib/commonjs/types/common/KlarnaMobileSDKError.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=KlarnaMobileSDKError.js.map

package/lib/commonjs/types/common/KlarnaMobileSDKError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["types/common/KlarnaMobileSDKError.ts"],"mappings":""}

package/lib/commonjs/types/common/KlarnaProductEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=KlarnaProductEvent.js.map

package/lib/commonjs/types/common/KlarnaProductEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["types/common/KlarnaProductEvent.ts"],"mappings":""}

package/lib/module/KlarnaCheckoutView.js

@@ -0,0 +1,74 @@
+import React, { Component } from 'react';
+import RNKlarnaCheckoutView, { RNKlarnaCheckoutViewCommands } from './specs/KlarnaCheckoutViewNativeComponent';
+export class KlarnaCheckoutView extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      nativeViewHeight: 0
+    };
+    this.checkoutViewRef = /*#__PURE__*/React.createRef();
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(RNKlarnaCheckoutView, {
+      ref: this.checkoutViewRef
+      /* eslint-disable-next-line react-native/no-inline-styles */,
+      style: {
+        width: '100%',
+        height: this.state.nativeViewHeight
+      },
+      returnUrl: this.props.returnUrl || '',
+      onEvent: event => {
+        var _this$props$onEvent, _this$props;
+        let params = {};
+        try {
+          params = JSON.parse(event.nativeEvent.productEvent.params);
+        } catch (e) {
+          console.error('Failed to parse productEvent.params', e);
+        }
+        const productEvent = {
+          action: event.nativeEvent.productEvent.action,
+          params: params
+        };
+        (_this$props$onEvent = (_this$props = this.props).onEvent) === null || _this$props$onEvent === void 0 || _this$props$onEvent.call(_this$props, productEvent);
+      },
+      onError: event => {
+        var _this$props$onError, _this$props2;
+        const mobileSdkError = {
+          isFatal: event.nativeEvent.error.isFatal,
+          message: event.nativeEvent.error.message,
+          name: event.nativeEvent.error.name
+        };
+        (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props2, mobileSdkError);
+      },
+      onResized: event => {
+        const newHeight = Number(event.nativeEvent.height);
+        if (newHeight !== this.state.nativeViewHeight) {
+          console.log('onResized', newHeight);
+          this.setState({
+            nativeViewHeight: newHeight
+          });
+        }
+      }
+    });
+  }
+  setSnippet = snippet => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      RNKlarnaCheckoutViewCommands.setSnippet(view, snippet);
+    }
+  };
+  suspend = () => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      RNKlarnaCheckoutViewCommands.suspend(view);
+    }
+  };
+  resume = () => {
+    const view = this.checkoutViewRef.current;
+    if (view != null) {
+      RNKlarnaCheckoutViewCommands.resume(view);
+    }
+  };
+}
+export default KlarnaCheckoutView;
+//# sourceMappingURL=KlarnaCheckoutView.js.map

package/lib/module/KlarnaCheckoutView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","RNKlarnaCheckoutView","RNKlarnaCheckoutViewCommands","KlarnaCheckoutView","constructor","props","state","nativeViewHeight","checkoutViewRef","createRef","render","createElement","ref","style","width","height","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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"}

package/lib/module/index.js

@@ -1,3 +1,4 @@
 export * from './KlarnaPaymentView';
 export * from './KlarnaStandaloneWebView';
+export * from './KlarnaCheckoutView';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB"}