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

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

@@ -0,0 +1,294 @@
+#if RCT_NEW_ARCH_ENABLED
+
+#import <AVFoundation/AVFoundation.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 "../KlarnaOSMViewWrapper.h"
+#import "../../common/RNMobileSDKUtils.h"
+#import "RCTFabricComponentsPlugins.h"
+#import <KlarnaMobileSDK/KlarnaMobileSDK.h>
+#import <KlarnaMobileSDK/KlarnaMobileSDK-Swift.h>
+
+using namespace facebook::react;
+
+@interface KlarnaOSMViewWrapper () <KlarnaEventHandler, KlarnaSizingDelegate, RCTRNKlarnaOSMViewViewProtocol>
+
+@property (nonatomic, strong) KlarnaOSMView* klarnaOSMView;
+@property (nonatomic, assign) BOOL isOSMViewReadyEventSent;
+
+@end
+
+@implementation KlarnaOSMViewWrapper
+
+#pragma mark - Initialization
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        self.isOSMViewReadyEventSent = NO;
+        self.backgroundColor = [UIColor clearColor];
+        static const auto defaultProps = std::make_shared<const RNKlarnaOSMViewProps>();
+        _props = defaultProps;
+        [self initializeKlarnaOSMView];
+    }
+
+    return self;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<RNKlarnaOSMViewComponentDescriptor>();
+}
+
+Class<RCTComponentViewProtocol> RNKlarnaOSMViewCls(void)
+{
+    return KlarnaOSMViewWrapper.class;
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args {
+    RCTRNKlarnaOSMViewHandleCommand(self, commandName, args);
+}
+
+#pragma mark - KlarnaOSMView Props Update
+
+- (void)updateProps:(const facebook::react::Props::Shared &)props oldProps:(const facebook::react::Props::Shared &)oldProps {
+    const auto &oldViewProps = *std::static_pointer_cast<RNKlarnaOSMViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<RNKlarnaOSMViewProps const>(props);
+
+    if (oldViewProps.clientId != newViewProps.clientId) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.clientId.c_str()];
+        self.klarnaOSMView.clientId = value;
+    }
+
+    if (oldViewProps.placementKey != newViewProps.placementKey) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.placementKey.c_str()];
+        self.klarnaOSMView.placementKey = value;
+    }
+
+    if (oldViewProps.locale != newViewProps.locale) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.locale.c_str()];
+        if (value.length > 0) {
+            self.klarnaOSMView.locale = value;
+        }
+    }
+
+    if (oldViewProps.purchaseAmount != newViewProps.purchaseAmount) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.purchaseAmount.c_str()];
+        if (value.length > 0) {
+            NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init];
+            formatter.numberStyle = NSNumberFormatterDecimalStyle;
+            NSNumber *amount = [formatter numberFromString:value];
+            if (amount != nil) {
+                [self.klarnaOSMView setPurchaseAmount:amount];
+            }
+        }
+    }
+
+    if (oldViewProps.environment != newViewProps.environment) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.environment.c_str()];
+        if (value.length > 0) {
+            if ([value isEqualToString:@"playground"]) {
+                self.klarnaOSMView.environment = KlarnaEnvironment.playground;
+            } else if ([value isEqualToString:@"production"]) {
+                self.klarnaOSMView.environment = KlarnaEnvironment.production;
+            } else if ([value isEqualToString:@"staging"]) {
+                self.klarnaOSMView.environment = KlarnaEnvironment.staging;
+            }
+        }
+    }
+
+    if (oldViewProps.region != newViewProps.region) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.region.c_str()];
+        if (value.length > 0) {
+            if ([value isEqualToString:@"eu"]) {
+                self.klarnaOSMView.region = KlarnaRegion.eu;
+            } else if ([value isEqualToString:@"na"]) {
+                self.klarnaOSMView.region = KlarnaRegion.na;
+            } else if ([value isEqualToString:@"oc"]) {
+                self.klarnaOSMView.region = KlarnaRegion.oc;
+            }
+        }
+    }
+
+    if (oldViewProps.theme != newViewProps.theme) {
+        NSString *value = [[NSString alloc] initWithUTF8String:newViewProps.theme.c_str()];
+        if (value.length > 0) {
+            if ([value isEqualToString:@"light"]) {
+                self.klarnaOSMView.theme = KlarnaThemeLight;
+            } else if ([value isEqualToString:@"dark"]) {
+                self.klarnaOSMView.theme = KlarnaThemeDark;
+            } else if ([value isEqualToString:@"automatic"]) {
+                self.klarnaOSMView.theme = KlarnaThemeAutomatic;
+            }
+        }
+    }
+
+    BOOL styleChanged = NO;
+    if (oldViewProps.backgroundColor != newViewProps.backgroundColor) {
+        styleChanged = YES;
+    }
+    if (oldViewProps.textColor != newViewProps.textColor) {
+        styleChanged = YES;
+    }
+    if (styleChanged) {
+        NSString *bgColorStr = [[NSString alloc] initWithUTF8String:newViewProps.backgroundColor.c_str()];
+        NSString *txtColorStr = [[NSString alloc] initWithUTF8String:newViewProps.textColor.c_str()];
+        [self updateStyleConfigurationWithBackgroundColor:bgColorStr textColor:txtColorStr];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+- (void)updateEventEmitter:(const facebook::react::EventEmitter::Shared &)eventEmitter
+{
+    [super updateEventEmitter:eventEmitter];
+
+    if (!self.isOSMViewReadyEventSent && self.klarnaOSMView != nil && _eventEmitter) {
+        auto emitter = std::dynamic_pointer_cast<const RNKlarnaOSMViewEventEmitter>(_eventEmitter);
+        if (emitter) {
+            emitter->onOSMViewReady({});
+            self.isOSMViewReadyEventSent = YES;
+        }
+    }
+}
+
+#pragma mark - KlarnaOSMView Setup
+
+- (void)initializeKlarnaOSMView {
+    self.isOSMViewReadyEventSent = NO;
+    self.klarnaOSMView = [[KlarnaOSMView alloc] init];
+    self.klarnaOSMView.eventHandler = self;
+    self.klarnaOSMView.sizingDelegate = self;
+    self.klarnaOSMView.backgroundColor = [UIColor clearColor];
+
+    self.klarnaOSMView.translatesAutoresizingMaskIntoConstraints = NO;
+
+    [self addSubview:self.klarnaOSMView];
+
+    [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
+                                             [self.klarnaOSMView.topAnchor constraintEqualToAnchor:self.topAnchor],
+                                             [self.klarnaOSMView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
+                                             [self.klarnaOSMView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
+                                             [self.klarnaOSMView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], nil
+                                            ]];
+}
+
+#pragma mark - Style Configuration
+
+- (void)updateStyleConfigurationWithBackgroundColor:(NSString *)bgColorStr textColor:(NSString *)txtColorStr {
+    UIColor *bgColor = [self colorFromHexString:bgColorStr];
+    UIColor *txtColor = [self colorFromHexString:txtColorStr];
+
+    if (bgColor || txtColor) {
+        KlarnaOSMStyleBuilder *builder = [[KlarnaOSMStyleBuilder alloc] init];
+        if (bgColor) {
+            [builder setBackgroundColor:bgColor];
+        }
+        if (txtColor) {
+            KlarnaTextStyleBuilder *textStyleBuilder = [[KlarnaTextStyleBuilder alloc] init];
+            [textStyleBuilder setTextColor:txtColor];
+            [builder setTextStyleConfiguration:[textStyleBuilder build]];
+        }
+        self.klarnaOSMView.styleConfiguration = [builder build];
+    } else {
+        self.klarnaOSMView.styleConfiguration = nil;
+    }
+}
+
+- (UIColor *)colorFromHexString:(NSString *)hexString {
+    if (!hexString || hexString.length == 0) {
+        return nil;
+    }
+
+    NSString *cleanString = [hexString stringByReplacingOccurrencesOfString:@"#" withString:@""];
+    if (cleanString.length != 6 && cleanString.length != 8) {
+        return nil;
+    }
+
+    unsigned int rgbValue = 0;
+    NSScanner *scanner = [NSScanner scannerWithString:cleanString];
+    [scanner scanHexInt:&rgbValue];
+
+    if (cleanString.length == 8) {
+        return [UIColor colorWithRed:((rgbValue & 0xFF000000) >> 24) / 255.0
+                               green:((rgbValue & 0x00FF0000) >> 16) / 255.0
+                                blue:((rgbValue & 0x0000FF00) >> 8) / 255.0
+                               alpha:(rgbValue & 0x000000FF) / 255.0];
+    }
+
+    return [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
+                           green:((rgbValue & 0x00FF00) >> 8) / 255.0
+                            blue:(rgbValue & 0x0000FF) / 255.0
+                           alpha:1.0];
+}
+
+#pragma mark - Methods Exposed to React Native
+
+- (void)render {
+    UIViewController *hostVC = [self reactViewController];
+    if (hostVC) {
+        self.klarnaOSMView.hostViewController = hostVC;
+    }
+    [self.klarnaOSMView render];
+}
+
+- (UIViewController *)reactViewController {
+    UIResponder *responder = self;
+    while (responder) {
+        if ([responder isKindOfClass:[UIViewController class]]) {
+            return (UIViewController *)responder;
+        }
+        responder = [responder nextResponder];
+    }
+    return nil;
+}
+
+#pragma mark - UIView Lifecycle
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window) {
+        self.isOSMViewReadyEventSent = NO;
+    }
+}
+
+#pragma mark - KlarnaEventHandler
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent dispatchedEvent:(KlarnaProductEvent *)event {
+    // OSM view does not emit product events
+}
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent encounteredError:(KlarnaError *)error {
+    if (_eventEmitter) {
+        auto emitter = std::dynamic_pointer_cast<const RNKlarnaOSMViewEventEmitter>(_eventEmitter);
+        if (emitter) {
+            emitter->onError(RNKlarnaOSMViewEventEmitter::OnError{
+                .error = {
+                    .name = std::string([error.name UTF8String]),
+                    .message = std::string([error.message UTF8String]),
+                    .isFatal = error.isFatal,
+                }
+            });
+        }
+    }
+}
+
+#pragma mark - KlarnaSizingDelegate
+
+- (void)klarnaComponent:(id<KlarnaComponent>)klarnaComponent resizedToHeight:(CGFloat)height {
+    if (_eventEmitter) {
+        auto emitter = std::dynamic_pointer_cast<const RNKlarnaOSMViewEventEmitter>(_eventEmitter);
+        if (emitter) {
+            emitter->onResized(RNKlarnaOSMViewEventEmitter::OnResized{
+                .height = std::string([[[NSNumber numberWithFloat:height] stringValue] UTF8String]),
+            });
+        }
+    }
+}
+
+@end
+
+#endif

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

@@ -19,6 +19,7 @@ using namespace facebook::react;
 @interface KlarnaStandaloneWebViewWrapper () <KlarnaStandaloneWebViewDelegate, KlarnaEventHandler, RCTRNKlarnaStandaloneWebViewViewProtocol>
 
 @property (nonatomic, strong) KlarnaStandaloneWebView *klarnaStandaloneWebView;
+@property (nonatomic, strong) NSString *returnUrl;
 
 typedef void (^WebViewOperation)(WKWebView *);
 
@@ -31,11 +32,6 @@ NSString *const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
 
 - (id)init {
     self = [super init];
-    // TODO: What should we pass here for 'returnUrl'?
-    [self initializeKlarnaStandaloneWebView: @"returnUrl://"];
-    self.klarnaStandaloneWebView.delegate = self;
-    self.klarnaStandaloneWebView.eventHandler = self;
-    [self.klarnaStandaloneWebView addObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS options:NSKeyValueObservingOptionNew context:nil];
     return self;
 }
 
@@ -82,13 +78,17 @@ NSString *const PROPERTY_NAME_ESTIMATED_PROGRESS = @"estimatedProgress";
 
 #pragma mark - React Native Overrides
 
-- (void)initializeKlarnaStandaloneWebView:(nonnull NSString*)returnUrl {
-    self.klarnaStandaloneWebView = [[KlarnaStandaloneWebView alloc] initWithReturnURL:[NSURL URLWithString:returnUrl]];
+- (void)initializeKlarnaStandaloneWebView {
+    self.klarnaStandaloneWebView = [[KlarnaStandaloneWebView alloc] initWithReturnURL:[NSURL URLWithString:self.returnUrl]];
+    self.klarnaStandaloneWebView.delegate = self;
+    self.klarnaStandaloneWebView.eventHandler = self;
+    [self.klarnaStandaloneWebView addObserver:self forKeyPath:PROPERTY_NAME_ESTIMATED_PROGRESS options:NSKeyValueObservingOptionNew context:nil];
+
     self.klarnaStandaloneWebView.translatesAutoresizingMaskIntoConstraints = NO;
-    
+
     [self addSubview:self.klarnaStandaloneWebView];
     [self setWebViewBackgroundToTransparent];
-    
+
     [NSLayoutConstraint activateConstraints:[[NSArray alloc] initWithObjects:
                                             [self.klarnaStandaloneWebView.topAnchor constraintEqualToAnchor:self.topAnchor],
                                              [self.klarnaStandaloneWebView.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
@@ -141,17 +141,24 @@ Class<RCTComponentViewProtocol>RNKlarnaStandaloneWebViewCls(void)
 {
     const auto &oldViewProps = *std::static_pointer_cast<RNKlarnaStandaloneWebViewProps const>(_props);
     const auto &newViewProps = *std::static_pointer_cast<RNKlarnaStandaloneWebViewProps const>(props);
-    
+
     if (oldViewProps.returnUrl != newViewProps.returnUrl) {
         NSString *newReturnUrl = [[NSString alloc] initWithUTF8String: newViewProps.returnUrl.c_str()];
-        self.klarnaStandaloneWebView.returnURL = [NSURL URLWithString:newReturnUrl];
+        self.returnUrl = newReturnUrl;
+        if (newReturnUrl.length > 0) {
+            if (self.klarnaStandaloneWebView == nil) {
+                [self initializeKlarnaStandaloneWebView];
+            } else {
+                self.klarnaStandaloneWebView.returnURL = [NSURL URLWithString:newReturnUrl];
+            }
+        }
     }
-    
+
     WebViewOperation setBounces = ^(WKWebView *webView) {
         webView.scrollView.bounces = newViewProps.bounces;
     };
     [self applyOperationToWebViews:setBounces];
-    
+
     [super updateProps:props oldProps:oldProps];
 }
 

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

@@ -0,0 +1,222 @@
+#if !RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTLog.h>
+#import "../KlarnaExpressCheckoutViewWrapper.h"
+#import <KlarnaMobileSDK/KlarnaMobileSDK.h>
+#import <KlarnaMobileSDK/KlarnaMobileSDK-Swift.h>
+
+#if __has_include("react_native_klarna_inapp_sdk-Swift.h")
+#import "react_native_klarna_inapp_sdk-Swift.h"
+#elif __has_include("RNKlarnaMobileSDK-Swift.h")
+#import "RNKlarnaMobileSDK-Swift.h"
+#else
+#import <RNKlarnaMobileSDK/RNKlarnaMobileSDK-Swift.h>
+#endif
+
+@interface KlarnaExpressCheckoutViewWrapper ()
+
+@property (nonatomic, strong) KlarnaExpressCheckoutButton* expressCheckoutButton;
+@property (nonatomic, strong) KlarnaExpressCheckoutButtonDelegateProxy* delegateProxy;
+@property (nonatomic, assign) BOOL isButtonCreated;
+
+@end
+
+@implementation KlarnaExpressCheckoutViewWrapper
+
+#pragma mark - Initialization
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        self.backgroundColor = [UIColor clearColor];
+        self.isButtonCreated = NO;
+        self.autoFinalize = YES;
+        self.collectShippingAddress = NO;
+        [self setupDelegateProxy];
+    }
+    return self;
+}
+
+- (void)setupDelegateProxy {
+    self.delegateProxy = [[KlarnaExpressCheckoutButtonDelegateProxy alloc] init];
+
+    __weak __typeof(self) weakSelf = self;
+
+    self.delegateProxy.onAuthorizedHandler = ^(NSDictionary * _Nonnull response) {
+        __strong __typeof(weakSelf) strongSelf = weakSelf;
+        if (!strongSelf || !strongSelf.onAuthorized) {
+            return;
+        }
+        strongSelf.onAuthorized(@{
+            @"authorizationResponse": response
+        });
+    };
+
+    self.delegateProxy.onErrorHandler = ^(NSString * _Nonnull name, NSString * _Nonnull message, BOOL isFatal) {
+        __strong __typeof(weakSelf) strongSelf = weakSelf;
+        if (!strongSelf || !strongSelf.onError) {
+            return;
+        }
+        strongSelf.onError(@{
+            @"error": @{
+                @"name": name,
+                @"message": message,
+                @"isFatal": @(isFatal),
+            }
+        });
+    };
+}
+
+#pragma mark - React Native Property Setters
+
+- (void)setSessionType:(NSString *)sessionType {
+    _sessionType = sessionType;
+}
+
+- (void)setClientId:(NSString *)clientId {
+    _clientId = clientId;
+}
+
+- (void)setClientToken:(NSString *)clientToken {
+    _clientToken = clientToken;
+}
+
+- (void)setLocale:(NSString *)locale {
+    _locale = locale;
+}
+
+- (void)setEnvironment:(NSString *)environment {
+    _environment = environment;
+}
+
+- (void)setRegion:(NSString *)region {
+    _region = region;
+}
+
+- (void)setReturnUrl:(NSString *)returnUrl {
+    _returnUrl = returnUrl;
+}
+
+- (void)setTheme:(NSString *)theme {
+    _theme = theme;
+}
+
+- (void)setShape:(NSString *)shape {
+    _shape = shape;
+}
+
+- (void)setButtonStyle:(NSString *)buttonStyle {
+    _buttonStyle = buttonStyle;
+}
+
+- (void)setAutoFinalize:(BOOL)autoFinalize {
+    _autoFinalize = autoFinalize;
+}
+
+- (void)setCollectShippingAddress:(BOOL)collectShippingAddress {
+    _collectShippingAddress = collectShippingAddress;
+}
+
+- (void)setSessionData:(NSString *)sessionData {
+    _sessionData = sessionData;
+}
+
+#pragma mark - React Native Lifecycle
+
+/**
+ * Called by React Native after a batch of prop updates is applied.
+ *
+ * The SDK button is configured entirely through its constructor, so any prop
+ * change recreates the button. The delegate proxy is reused across instances.
+ */
+- (void)didSetProps:(NSArray<NSString *> *)changedProps {
+    [super didSetProps:changedProps];
+    if (self.isButtonCreated) {
+        [self resetButton];
+    }
+    [self createButtonIfNeeded];
+}
+
+#pragma mark - Button Creation
+
+- (void)resetButton {
+    if (self.expressCheckoutButton) {
+        [self.expressCheckoutButton removeFromSuperview];
+        self.expressCheckoutButton = nil;
+    }
+    self.isButtonCreated = NO;
+}
+
+- (void)createButtonIfNeeded {
+    if (self.isButtonCreated) {
+        return;
+    }
+
+    KlarnaExpressCheckoutButton *button = [KlarnaExpressCheckoutHelper
+        createButtonWithSessionType:self.sessionType ?: @""
+        clientId:self.clientId ?: @""
+        clientToken:self.clientToken ?: @""
+        locale:self.locale
+        returnUrl:self.returnUrl ?: @""
+        delegate:self.delegateProxy
+        theme:self.theme
+        shape:self.shape
+        buttonStyle:self.buttonStyle
+        autoFinalize:self.autoFinalize
+        collectShippingAddress:self.collectShippingAddress
+        sessionData:self.sessionData
+        environment:self.environment
+        region:self.region];
+
+    if (button) {
+        self.expressCheckoutButton = button;
+        self.expressCheckoutButton.translatesAutoresizingMaskIntoConstraints = NO;
+        [self addSubview:self.expressCheckoutButton];
+
+        [NSLayoutConstraint activateConstraints:@[
+            [self.expressCheckoutButton.topAnchor constraintEqualToAnchor:self.topAnchor],
+            [self.expressCheckoutButton.bottomAnchor constraintEqualToAnchor:self.bottomAnchor],
+            [self.expressCheckoutButton.leadingAnchor constraintEqualToAnchor:self.leadingAnchor],
+            [self.expressCheckoutButton.trailingAnchor constraintEqualToAnchor:self.trailingAnchor],
+        ]];
+
+        self.isButtonCreated = YES;
+
+        // Send resize event after layout
+        __weak __typeof(self) weakResizeSelf = self;
+        dispatch_async(dispatch_get_main_queue(), ^{
+            __strong __typeof(weakResizeSelf) strongSelf = weakResizeSelf;
+            if (strongSelf && strongSelf.onResized && strongSelf.expressCheckoutButton) {
+                CGFloat height = strongSelf.expressCheckoutButton.intrinsicContentSize.height;
+                if (height > 0) {
+                    strongSelf.onResized(@{
+                        @"height": [[NSNumber numberWithFloat:height] stringValue]
+                    });
+                }
+            }
+        });
+    }
+}
+
+#pragma mark - Layout
+
+- (void)layoutSubviews {
+    [super layoutSubviews];
+    if (self.expressCheckoutButton) {
+        self.expressCheckoutButton.frame = self.bounds;
+    }
+}
+
+#pragma mark - UIView Lifecycle
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window) {
+        [self resetButton];
+    }
+}
+
+@end
+
+#endif