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

package/ios/Sources/KlarnaOSMViewManager.mm

@@ -0,0 +1,59 @@
+#import <React/RCTUIManager.h>
+#import <React/RCTLog.h>
+#import "KlarnaOSMViewManager.h"
+#import "view/KlarnaOSMViewWrapper.h"
+
+@implementation KlarnaOSMViewManager
+
+RCT_EXPORT_MODULE(RNKlarnaOSMView)
+
+#pragma mark - View Properties
+
+RCT_EXPORT_VIEW_PROPERTY(clientId, NSString)
+RCT_EXPORT_VIEW_PROPERTY(placementKey, NSString)
+RCT_EXPORT_VIEW_PROPERTY(locale, NSString)
+RCT_EXPORT_VIEW_PROPERTY(purchaseAmount, NSString)
+RCT_EXPORT_VIEW_PROPERTY(environment, NSString)
+RCT_EXPORT_VIEW_PROPERTY(region, NSString)
+RCT_EXPORT_VIEW_PROPERTY(theme, NSString)
+RCT_REMAP_VIEW_PROPERTY(backgroundColor, osmBackgroundColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(textColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(returnUrl, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onError, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onResized, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onOSMViewReady, RCTDirectEventBlock)
+
+#pragma mark - View Creation
+
+- (UIView *)view
+{
+    KlarnaOSMViewWrapper* wrapper = [KlarnaOSMViewWrapper new];
+    wrapper.uiManager = self.bridge.uiManager;
+    return wrapper;
+}
+
+#pragma mark - Exported Methods to React Native
+
+RCT_EXPORT_METHOD(render:(nonnull NSNumber *)reactTag)
+{
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        KlarnaOSMViewWrapper *view = [self osmViewWrapperForTag:reactTag fromRegistry:viewRegistry];
+        if (view) {
+            [view render];
+        }
+    }];
+}
+
+#pragma mark - Private Helper Methods
+
+- (KlarnaOSMViewWrapper *)osmViewWrapperForTag:(NSNumber *)reactTag fromRegistry:(NSDictionary<NSNumber *, UIView *> *)viewRegistry
+{
+    UIView *view = viewRegistry[reactTag];
+    if (!view || ![view isKindOfClass:[KlarnaOSMViewWrapper class]]) {
+        RCTLogError(@"Can't find KlarnaOSMViewWrapper with tag #%@", reactTag);
+        return nil;
+    }
+    return (KlarnaOSMViewWrapper *)view;
+}
+
+@end

package/ios/Sources/view/KlarnaExpressCheckoutButtonDelegateProxy.swift

@@ -0,0 +1,145 @@
+import Foundation
+import KlarnaCore
+import KlarnaPayments
+
+/// A Swift class that implements the pure-Swift `KlarnaExpressCheckoutButtonDelegate` protocol
+/// and forwards events to closures that can be set from Obj-C++ wrapper code.
+@objc public class KlarnaExpressCheckoutButtonDelegateProxy: NSObject, KlarnaExpressCheckoutButtonDelegate {
+
+    @objc public var onAuthorizedHandler: ((_ response: NSDictionary) -> Void)?
+    @objc public var onErrorHandler: ((_ name: String, _ message: String, _ isFatal: Bool) -> Void)?
+
+    public func onAuthorized(
+        view: KlarnaExpressCheckoutButton,
+        response: KlarnaExpressCheckoutButtonAuthorizationResponse
+    ) {
+        let responseDict: NSDictionary = [
+            "showForm": response.showForm,
+            "approved": response.approved,
+            "finalizedRequired": response.finalizedRequired,
+            "clientToken": response.clientToken ?? "",
+            "authorizationToken": response.authorizationToken ?? "",
+            "sessionId": response.sessionId,
+            "collectedShippingAddress": response.collectedShippingAddress ?? "",
+            "merchantReference1": response.merchantReference1 ?? "",
+            "merchantReference2": response.merchantReference2 ?? "",
+        ]
+        onAuthorizedHandler?(responseDict)
+    }
+
+    public func onError(
+        view: KlarnaExpressCheckoutButton,
+        error: KlarnaError
+    ) {
+        onErrorHandler?(error.name, error.message, error.isFatal)
+    }
+}
+
+// MARK: - Helper to create KEC options from Obj-C++
+
+@objc public class KlarnaExpressCheckoutHelper: NSObject {
+
+    @objc public static func createButton(
+        sessionType: String?,
+        clientId: String?,
+        clientToken: String?,
+        locale: String?,
+        returnUrl: String,
+        delegate: KlarnaExpressCheckoutButtonDelegateProxy,
+        theme: String?,
+        shape: String?,
+        buttonStyle: String?,
+        autoFinalize: Bool,
+        collectShippingAddress: Bool,
+        sessionData: String?,
+        environment: String?,
+        region: String?
+    ) -> KlarnaExpressCheckoutButton? {
+        // Build session options based on the explicit sessionType.
+        let sessionOptions: KlarnaExpressCheckoutSessionOptions
+        if sessionType == "clientToken" {
+            sessionOptions = KlarnaExpressCheckoutSessionOptions.ServerSideSession(
+                clientToken: clientToken ?? "",
+                autoFinalize: autoFinalize,
+                collectShippingAddress: collectShippingAddress,
+                sessionData: sessionData
+            )
+        } else {
+            sessionOptions = KlarnaExpressCheckoutSessionOptions.ClientSideSession(
+                clientId: clientId ?? "",
+                sessionData: sessionData ?? "",
+                autoFinalize: autoFinalize,
+                collectShippingAddress: collectShippingAddress
+            )
+        }
+
+        // Build style configuration
+        var buttonTheme: KlarnaButtonTheme?
+        if let theme = theme {
+            switch theme {
+            case "light": buttonTheme = .light
+            case "dark": buttonTheme = .dark
+            case "auto": buttonTheme = .auto
+            default: break
+            }
+        }
+
+        var buttonShape: KlarnaButtonShape?
+        if let shape = shape {
+            switch shape {
+            case "roundedRect": buttonShape = .roundedRect
+            case "pill": buttonShape = .pill
+            case "rectangle": buttonShape = .rectangle
+            default: break
+            }
+        }
+
+        var klarnaButtonStyle: KlarnaButtonStyle?
+        if let buttonStyle = buttonStyle {
+            switch buttonStyle {
+            case "filled": klarnaButtonStyle = .filled
+            case "outlined": klarnaButtonStyle = .outlined
+            default: break
+            }
+        }
+
+        let styleConfig = KlarnaExpressCheckoutButtonStyleConfiguration(
+            theme: buttonTheme,
+            shape: buttonShape,
+            style: klarnaButtonStyle
+        )
+
+        // Build environment
+        var klarnaEnvironment: KlarnaEnvironment?
+        if let environment = environment {
+            switch environment {
+            case "playground": klarnaEnvironment = .playground
+            case "production": klarnaEnvironment = .production
+            default: break
+            }
+        }
+
+        // Build region
+        var klarnaRegion: KlarnaRegion?
+        if let region = region {
+            switch region {
+            case "eu": klarnaRegion = .eu
+            case "na": klarnaRegion = .na
+            case "oc": klarnaRegion = .oc
+            default: break
+            }
+        }
+
+        let options = KlarnaExpressCheckoutButtonOptions(
+            sessionOptions: sessionOptions,
+            returnUrl: returnUrl,
+            delegate: delegate,
+            locale: locale,
+            styleConfiguration: styleConfig,
+            environment: klarnaEnvironment,
+            region: klarnaRegion
+        )
+
+        return KlarnaExpressCheckoutButton(options: options)
+    }
+}

package/ios/Sources/view/KlarnaExpressCheckoutViewWrapper.h

@@ -0,0 +1,41 @@
+#import <React/RCTUIManager.h>
+#import <UIKit/UIKit.h>
+
+#if RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#else
+#import <AVFoundation/AVFoundation.h>
+#import <React/RCTView.h>
+#endif
+
+NS_ASSUME_NONNULL_BEGIN
+
+#if RCT_NEW_ARCH_ENABLED
+@interface KlarnaExpressCheckoutViewWrapper : RCTViewComponentView
+#else
+@interface KlarnaExpressCheckoutViewWrapper : UIView
+
+@property (nonatomic, copy) RCTDirectEventBlock onAuthorized;
+@property (nonatomic, copy) RCTDirectEventBlock onError;
+@property (nonatomic, copy) RCTDirectEventBlock onResized;
+
+@property (nonatomic, strong) NSString* sessionType;
+@property (nonatomic, strong) NSString* clientId;
+@property (nonatomic, strong) NSString* clientToken;
+@property (nonatomic, strong) NSString* locale;
+@property (nonatomic, strong) NSString* environment;
+@property (nonatomic, strong) NSString* region;
+@property (nonatomic, strong) NSString* returnUrl;
+@property (nonatomic, strong) NSString* theme;
+@property (nonatomic, strong) NSString* shape;
+@property (nonatomic, strong) NSString* buttonStyle;
+@property (nonatomic, assign) BOOL autoFinalize;
+@property (nonatomic, assign) BOOL collectShippingAddress;
+@property (nonatomic, strong) NSString* sessionData;
+#endif
+
+@property (nonatomic, weak) RCTUIManager* uiManager;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/Sources/view/KlarnaOSMViewWrapper.h

@@ -0,0 +1,48 @@
+#import <React/RCTUIManager.h>
+#import <UIKit/UIKit.h>
+
+#if RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#endif
+
+#if RCT_NEW_ARCH_ENABLED
+
+@interface KlarnaOSMViewWrapper : RCTViewComponentView
+
+#else
+
+@interface KlarnaOSMViewWrapper : UIView
+
+@property (nonatomic, copy) RCTDirectEventBlock onError;
+@property (nonatomic, copy) RCTDirectEventBlock onResized;
+@property (nonatomic, copy) RCTDirectEventBlock onOSMViewReady;
+
+@property (nonatomic, strong) NSString* clientId;
+@property (nonatomic, strong) NSString* placementKey;
+@property (nonatomic, strong) NSString* locale;
+@property (nonatomic, strong) NSString* purchaseAmount;
+@property (nonatomic, strong) NSString* environment;
+@property (nonatomic, strong) NSString* region;
+@property (nonatomic, strong) NSString* theme;
+@property (nonatomic, strong) NSString* osmBackgroundColor;
+@property (nonatomic, strong) NSString* textColor;
+@property (nullable, nonatomic, strong) NSString* returnUrl;
+
+- (void)setClientId:(NSString * _Nonnull)clientId;
+- (void)setPlacementKey:(NSString * _Nonnull)placementKey;
+- (void)setLocale:(NSString * _Nonnull)locale;
+- (void)setPurchaseAmount:(NSString * _Nonnull)purchaseAmount;
+- (void)setEnvironment:(NSString * _Nonnull)environment;
+- (void)setRegion:(NSString * _Nonnull)region;
+- (void)setTheme:(NSString * _Nonnull)theme;
+- (void)setOsmBackgroundColor:(NSString * _Nonnull)osmBackgroundColor;
+- (void)setTextColor:(NSString * _Nonnull)textColor;
+- (void)setReturnUrl:(NSString * _Nullable)returnUrl;
+
+#endif
+
+@property (nonatomic, weak) RCTUIManager* uiManager;
+
+- (void)render;
+
+@end

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

@@ -0,0 +1,228 @@
+#if RCT_NEW_ARCH_ENABLED
+
+#import <AVFoundation/AVFoundation.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 "../KlarnaExpressCheckoutViewWrapper.h"
+#import "RCTFabricComponentsPlugins.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
+
+using namespace facebook::react;
+
+@interface KlarnaExpressCheckoutViewWrapper () <RCTRNKlarnaExpressCheckoutViewViewProtocol>
+
+@property (nonatomic, strong) KlarnaExpressCheckoutButton* expressCheckoutButton;
+@property (nonatomic, strong) KlarnaExpressCheckoutButtonDelegateProxy* delegateProxy;
+@property (nonatomic, assign) BOOL isButtonCreated;
+
+// Store props for button creation
+@property (nonatomic, strong) NSString* storedSessionType;
+@property (nonatomic, strong) NSString* storedClientId;
+@property (nonatomic, strong) NSString* storedClientToken;
+@property (nonatomic, strong) NSString* storedLocale;
+@property (nonatomic, strong) NSString* storedEnvironment;
+@property (nonatomic, strong) NSString* storedRegion;
+@property (nonatomic, strong) NSString* storedReturnUrl;
+@property (nonatomic, strong) NSString* storedTheme;
+@property (nonatomic, strong) NSString* storedShape;
+@property (nonatomic, strong) NSString* storedButtonStyle;
+@property (nonatomic, assign) BOOL storedAutoFinalize;
+@property (nonatomic, assign) BOOL storedCollectShippingAddress;
+@property (nonatomic, strong) NSString* storedSessionData;
+
+@end
+
+@implementation KlarnaExpressCheckoutViewWrapper
+
+#pragma mark - Initialization
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        self.backgroundColor = [UIColor clearColor];
+        self.isButtonCreated = NO;
+        self.storedAutoFinalize = YES;
+        self.storedCollectShippingAddress = NO;
+        static const auto defaultProps = std::make_shared<const RNKlarnaExpressCheckoutViewProps>();
+        _props = defaultProps;
+        [self setupDelegateProxy];
+    }
+
+    return self;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<RNKlarnaExpressCheckoutViewComponentDescriptor>();
+}
+
+Class<RCTComponentViewProtocol> RNKlarnaExpressCheckoutViewCls(void)
+{
+    return KlarnaExpressCheckoutViewWrapper.class;
+}
+
+- (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->_eventEmitter) {
+            return;
+        }
+
+        auto emitter = std::dynamic_pointer_cast<const RNKlarnaExpressCheckoutViewEventEmitter>(strongSelf->_eventEmitter);
+        if (emitter) {
+            emitter->onAuthorized(RNKlarnaExpressCheckoutViewEventEmitter::OnAuthorized{
+                .authorizationResponse = {
+                    .showForm = [[response objectForKey:@"showForm"] boolValue],
+                    .approved = [[response objectForKey:@"approved"] boolValue],
+                    .finalizedRequired = [[response objectForKey:@"finalizedRequired"] boolValue],
+                    .clientToken = std::string([([response objectForKey:@"clientToken"] ?: @"") UTF8String]),
+                    .authorizationToken = std::string([([response objectForKey:@"authorizationToken"] ?: @"") UTF8String]),
+                    .sessionId = std::string([([response objectForKey:@"sessionId"] ?: @"") UTF8String]),
+                    .collectedShippingAddress = std::string([([response objectForKey:@"collectedShippingAddress"] ?: @"") UTF8String]),
+                    .merchantReference1 = std::string([([response objectForKey:@"merchantReference1"] ?: @"") UTF8String]),
+                    .merchantReference2 = std::string([([response objectForKey:@"merchantReference2"] ?: @"") UTF8String]),
+                }
+            });
+        }
+    };
+
+    self.delegateProxy.onErrorHandler = ^(NSString * _Nonnull name, NSString * _Nonnull message, BOOL isFatal) {
+        __strong __typeof(weakSelf) strongSelf = weakSelf;
+        if (!strongSelf || !strongSelf->_eventEmitter) {
+            return;
+        }
+
+        auto emitter = std::dynamic_pointer_cast<const RNKlarnaExpressCheckoutViewEventEmitter>(strongSelf->_eventEmitter);
+        if (emitter) {
+            emitter->onError(RNKlarnaExpressCheckoutViewEventEmitter::OnError{
+                .error = {
+                    .name = std::string([name UTF8String]),
+                    .message = std::string([message UTF8String]),
+                    .isFatal = isFatal,
+                }
+            });
+        }
+    };
+}
+
+#pragma mark - Props Update
+
+- (void)updateProps:(const facebook::react::Props::Shared &)props oldProps:(const facebook::react::Props::Shared &)oldProps {
+    const auto &newViewProps = *std::static_pointer_cast<RNKlarnaExpressCheckoutViewProps const>(props);
+
+    self.storedSessionType = [[NSString alloc] initWithUTF8String:newViewProps.sessionType.c_str()];
+    self.storedClientId = [[NSString alloc] initWithUTF8String:newViewProps.clientId.c_str()];
+    self.storedClientToken = [[NSString alloc] initWithUTF8String:newViewProps.clientToken.c_str()];
+    self.storedLocale = [[NSString alloc] initWithUTF8String:newViewProps.locale.c_str()];
+    self.storedEnvironment = [[NSString alloc] initWithUTF8String:newViewProps.environment.c_str()];
+    self.storedRegion = [[NSString alloc] initWithUTF8String:newViewProps.region.c_str()];
+    self.storedReturnUrl = [[NSString alloc] initWithUTF8String:newViewProps.returnUrl.c_str()];
+    self.storedTheme = [[NSString alloc] initWithUTF8String:newViewProps.theme.c_str()];
+    self.storedShape = [[NSString alloc] initWithUTF8String:newViewProps.shape.c_str()];
+    self.storedButtonStyle = [[NSString alloc] initWithUTF8String:newViewProps.buttonStyle.c_str()];
+    self.storedAutoFinalize = newViewProps.autoFinalize;
+    self.storedCollectShippingAddress = newViewProps.collectShippingAddress;
+    self.storedSessionData = [[NSString alloc] initWithUTF8String:newViewProps.sessionData.c_str()];
+
+    if (self.isButtonCreated) {
+        [self resetButton];
+    }
+    [self createButtonIfNeeded];
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+#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.storedSessionType ?: @""
+        clientId:self.storedClientId ?: @""
+        clientToken:self.storedClientToken ?: @""
+        locale:self.storedLocale
+        returnUrl:self.storedReturnUrl ?: @""
+        delegate:self.delegateProxy
+        theme:self.storedTheme
+        shape:self.storedShape
+        buttonStyle:self.storedButtonStyle
+        autoFinalize:self.storedAutoFinalize
+        collectShippingAddress:self.storedCollectShippingAddress
+        sessionData:self.storedSessionData
+        environment:self.storedEnvironment
+        region:self.storedRegion];
+
+    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) weakSelf = self;
+        dispatch_async(dispatch_get_main_queue(), ^{
+            __strong __typeof(weakSelf) strongSelf = weakSelf;
+            if (!strongSelf || !strongSelf->_eventEmitter || !strongSelf.expressCheckoutButton) {
+                return;
+            }
+            CGFloat height = strongSelf.expressCheckoutButton.intrinsicContentSize.height;
+            if (height > 0) {
+                auto emitter = std::dynamic_pointer_cast<const RNKlarnaExpressCheckoutViewEventEmitter>(strongSelf->_eventEmitter);
+                if (emitter) {
+                    emitter->onResized(RNKlarnaExpressCheckoutViewEventEmitter::OnResized{
+                        .height = std::string([[[NSNumber numberWithFloat:height] stringValue] UTF8String]),
+                    });
+                }
+            }
+        });
+    }
+}
+
+#pragma mark - UIView Lifecycle
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window) {
+        [self resetButton];
+    }
+}
+
+@end
+
+#endif