@klarna/react-native-klarna-network-payment 0.0.1 → 2.7.0

package/ios/Sources/KlarnaNetworkPaymentModuleImpl.swift

@@ -0,0 +1,196 @@
+import Foundation
+import KlarnaNetworkPayment
+@_spi(RNKlarnaNetworkCore) import react_native_klarna_network_core
+
+// MARK: - PresentationContentStore
+
+// Written and read from the JS thread and SDK callbacks (arbitrary threads).
+// A serial queue serializes all access to prevent data races.
+final class PresentationContentStore {
+    private let queue = DispatchQueue(label: "com.klarna.rnnetworkpayment.presentationcontent")
+    private var storage: [String: KlarnaPaymentPresentationContent] = [:]
+
+    subscript(key: String) -> KlarnaPaymentPresentationContent? {
+        get { queue.sync { storage[key] } }
+        set { queue.sync { storage[key] = newValue } }
+    }
+
+    @discardableResult
+    func removeValue(forKey key: String) -> KlarnaPaymentPresentationContent? {
+        queue.sync { storage.removeValue(forKey: key) }
+    }
+}
+
+// MARK: - KlarnaNetworkPaymentModuleImpl
+
+@objc(KlarnaNetworkPaymentModuleImpl)
+public class KlarnaNetworkPaymentModuleImpl: NSObject {
+
+    private static let moduleName = "KlarnaNetworkPayment"
+    private static let errorInstanceNotFound = "No instance found for the given instanceId. Call initialize first."
+    private static let errorInvalidData = "Invalid payment request data."
+    private static let errorNoPresentationContent = "No presentation content found. Call presentationFetch first."
+    private static let errorAmountRequired = "Amount is required"
+    private static let errorCurrencyRequired = "Currency is required"
+
+    private static let storedPresentationContent = PresentationContentStore()
+
+    @objc public func initiateWithId(
+        instanceId: String,
+        paymentRequestId: String,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        sdk.payment.initiate(paymentRequestId: paymentRequestId) { result in
+            switch result {
+            case .success(let paymentRequest):
+                resolve(paymentRequest.toDictionary())
+            case .failure(let error):
+                reject(error.name, error.message, nil)
+            }
+        }
+    }
+
+    @objc public func initiateWithData(
+        instanceId: String,
+        data: NSDictionary,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        guard data["amount"] is NSNumber else {
+            reject(Self.moduleName, Self.errorAmountRequired, nil)
+            return
+        }
+        guard let currency = data["currency"] as? String, !currency.isEmpty else {
+            reject(Self.moduleName, Self.errorCurrencyRequired, nil)
+            return
+        }
+        guard let paymentRequestData = klarnaPaymentRequestData(from: data) else {
+            reject(Self.moduleName, Self.errorInvalidData, nil)
+            return
+        }
+        sdk.payment.initiate(paymentRequestData: paymentRequestData) { result in
+            switch result {
+            case .success(let paymentRequest):
+                resolve(paymentRequest.toDictionary())
+            case .failure(let error):
+                reject(error.name, error.message, nil)
+            }
+        }
+    }
+
+    @objc public func fetch(
+        instanceId: String,
+        paymentRequestId: String,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        sdk.payment.fetch(paymentRequestId: paymentRequestId) { result in
+            switch result {
+            case .success(let paymentRequest):
+                resolve(paymentRequest.toDictionary())
+            case .failure(let error):
+                reject(error.name, error.message, nil)
+            }
+        }
+    }
+
+    @objc public func cancel(
+        instanceId: String,
+        paymentRequestId: String,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        sdk.payment.cancel(paymentRequestId: paymentRequestId) { result in
+            switch result {
+            case .success(let paymentRequest):
+                resolve(paymentRequest.toDictionary())
+            case .failure(let error):
+                reject(error.name, error.message, nil)
+            }
+        }
+    }
+
+    @objc public func presentationFetch(
+        instanceId: String,
+        data: NSDictionary,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        guard let presentationData = klarnaPaymentPresentationData(from: data) else {
+            reject(Self.moduleName, Self.errorInvalidData, nil)
+            return
+        }
+        DispatchQueue.main.async {
+            sdk.payment.presentation.fetch(data: presentationData) { result in
+                switch result {
+                case .success(let content):
+                    if KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) != nil {
+                        Self.storedPresentationContent[instanceId] = content
+                    }
+                    resolve(content.toDictionary())
+                case .failure(let error):
+                    reject(error.name, error.message, nil)
+                }
+            }
+        }
+    }
+
+    @objc public func dispose(
+        instanceId: String,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        Self.storedPresentationContent.removeValue(forKey: instanceId)
+        resolve(nil)
+    }
+
+    @objc public func presentationHandleLink(
+        instanceId: String,
+        url: String,
+        resolve: @escaping (Any?) -> Void,
+        reject: @escaping (String?, String?, Error?) -> Void
+    ) {
+        guard let sdk = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            reject(Self.moduleName, Self.errorInstanceNotFound, nil)
+            return
+        }
+        guard let content = Self.storedPresentationContent[instanceId] else {
+            reject(Self.moduleName, Self.errorNoPresentationContent, nil)
+            return
+        }
+        DispatchQueue.main.async {
+            sdk.payment.presentation.handleLink(content: content, url: url) { result in
+                switch result {
+                case .success(let newContent):
+                    if KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) != nil {
+                        Self.storedPresentationContent[instanceId] = newContent
+                    }
+                    resolve(newContent.toDictionary())
+                case .failure(let error):
+                    reject(error.name, error.message, nil)
+                }
+            }
+        }
+    }
+}

package/ios/Sources/KlarnaPaymentButtonComponentView.mm

@@ -0,0 +1,147 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+#import <react/renderer/components/KlarnaNetworkPaymentSpec/ComponentDescriptors.h>
+#import <react/renderer/components/KlarnaNetworkPaymentSpec/EventEmitters.h>
+#import <react/renderer/components/KlarnaNetworkPaymentSpec/Props.h>
+#import <react/renderer/components/KlarnaNetworkPaymentSpec/RCTComponentViewHelpers.h>
+#import "RCTFabricComponentsPlugins.h"
+#import "RCTConversions.h"
+// Framework form resolves under use_frameworks!; quoted form is the headermap fallback for static builds.
+#if __has_include(<react_native_klarna_network_payment/react_native_klarna_network_payment-Swift.h>)
+#import <react_native_klarna_network_payment/react_native_klarna_network_payment-Swift.h>
+#else
+#import "react_native_klarna_network_payment-Swift.h"
+#endif
+
+using namespace facebook::react;
+
+@interface KlarnaPaymentButtonComponentView : RCTViewComponentView <UIGestureRecognizerDelegate>
+@property (nonatomic, strong) UIView *buttonView;
+@end
+
+@implementation KlarnaPaymentButtonComponentView
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    self = [super initWithFrame:frame];
+    if (self) {
+        self.backgroundColor = [UIColor clearColor];
+        static const auto defaultProps = std::make_shared<const KlarnaNetworkPaymentButtonProps>();
+        _props = defaultProps;
+    }
+    return self;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<KlarnaNetworkPaymentButtonComponentDescriptor>();
+}
+
+Class<RCTComponentViewProtocol> KlarnaNetworkPaymentButtonCls(void)
+{
+    return KlarnaPaymentButtonComponentView.class;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &newViewProps = *std::static_pointer_cast<KlarnaNetworkPaymentButtonProps const>(props);
+    const auto &oldViewProps = *std::static_pointer_cast<KlarnaNetworkPaymentButtonProps const>(_props);
+
+    BOOL propsChanged = (newViewProps.instanceId != oldViewProps.instanceId)
+        || (newViewProps.intent != oldViewProps.intent)
+        || (newViewProps.shape != oldViewProps.shape)
+        || (newViewProps.buttonStyle != oldViewProps.buttonStyle)
+        || (newViewProps.theme != oldViewProps.theme);
+
+    if (propsChanged) {
+        [self _tearDown];
+
+        NSString *instanceId = [[NSString alloc] initWithUTF8String: newViewProps.instanceId.c_str()];
+        NSString *state = newViewProps.state.empty() ? nil : [[NSString alloc] initWithUTF8String: newViewProps.state.c_str()];
+        NSString *intent = newViewProps.intent.empty() ? nil : [[NSString alloc] initWithUTF8String: newViewProps.intent.c_str()];
+        NSString *shape = newViewProps.shape.empty() ? nil : [[NSString alloc] initWithUTF8String:newViewProps.shape.c_str()];
+        NSString *buttonStyle = newViewProps.buttonStyle.empty() ? nil : [[NSString alloc] initWithUTF8String: newViewProps.buttonStyle.c_str()];
+        NSString *theme = newViewProps.theme.empty() ? nil : [[NSString alloc] initWithUTF8String: newViewProps.theme.c_str()];
+
+        [self _createButtonWithInstanceId: instanceId
+                                    state: state
+                                   intent: intent
+                                    shape: shape
+                              buttonStyle: buttonStyle
+                                    theme: theme];
+    } else if (newViewProps.state != oldViewProps.state) {
+        NSString *state = newViewProps.state.empty() ? nil : [[NSString alloc] initWithUTF8String: newViewProps.state.c_str()];
+        [KlarnaPaymentButtonViewImpl updateState: state onButton: _buttonView];
+    }
+
+    [super updateProps: props oldProps: oldProps];
+}
+
+- (void)updateLayoutMetrics:(const facebook::react::LayoutMetrics &)layoutMetrics oldLayoutMetrics:(const facebook::react::LayoutMetrics &)oldLayoutMetrics {
+    [super updateLayoutMetrics: layoutMetrics oldLayoutMetrics: oldLayoutMetrics];
+}
+
+- (void)_createButtonWithInstanceId:(NSString *)instanceId
+                              state:(NSString *)state
+                             intent:(NSString *)intent
+                              shape:(NSString *)shape
+                        buttonStyle:(NSString *)buttonStyle
+                              theme:(NSString *)theme
+{
+    UIView *button = [KlarnaPaymentButtonViewImpl makeButtonWithInstanceId: instanceId
+                                                                     state: state
+                                                                    intent: intent
+                                                                     shape: shape
+                                                               buttonStyle: buttonStyle
+                                                                     theme: theme];
+    if (!button) {
+        return;
+    }
+
+    button.translatesAutoresizingMaskIntoConstraints = NO;
+    [self addSubview:button];
+    [NSLayoutConstraint activateConstraints:@[
+        [button.topAnchor constraintEqualToAnchor: self.topAnchor],
+        [button.bottomAnchor constraintEqualToAnchor: self.bottomAnchor],
+        [button.leadingAnchor constraintEqualToAnchor: self.leadingAnchor],
+        [button.trailingAnchor constraintEqualToAnchor: self.trailingAnchor],
+    ]];
+
+    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]
+                                   initWithTarget: self action: @selector(_onButtonTapped)];
+    tap.cancelsTouchesInView = NO;
+    tap.delegate = self;
+    [button addGestureRecognizer: tap];
+
+    _buttonView = button;
+}
+
+- (void)_tearDown
+{
+    [_buttonView removeFromSuperview];
+    _buttonView = nil;
+}
+
+- (void)_onButtonTapped
+{
+    if (_eventEmitter) {
+        std::dynamic_pointer_cast<const KlarnaNetworkPaymentButtonEventEmitter>(_eventEmitter)
+            ->onButtonPress(KlarnaNetworkPaymentButtonEventEmitter::OnButtonPress{});
+    }
+}
+
+- (void)layoutSubviews {
+    [super layoutSubviews];
+    CGRect rect = RCTCGRectFromRect(_layoutMetrics.frame);
+    _buttonView.frame.size = rect.size;
+}
+
+#pragma mark - UIGestureRecognizerDelegate
+
+- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer
+shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
+{
+    return YES;
+}
+
+@end

package/ios/Sources/KlarnaPaymentButtonViewImpl.swift

@@ -0,0 +1,77 @@
+import Foundation
+import KlarnaCore
+import KlarnaNetworkCore
+import KlarnaNetworkPayment
+@_spi(RNKlarnaNetworkCore) import react_native_klarna_network_core
+
+@objc(KlarnaPaymentButtonViewImpl)
+public class KlarnaPaymentButtonViewImpl: NSObject {
+
+    @objc public static func updateState(_ state: String?, onButton button: UIView?) {
+        guard let paymentButton = button as? KlarnaPaymentButton else { return }
+        paymentButton.state = parseState(state)
+    }
+
+    @objc public static func makeButton(
+        instanceId: String,
+        state: String?,
+        intent: String?,
+        shape: String?,
+        buttonStyle: String?,
+        theme: String?
+    ) -> UIView? {
+        guard let klarna = KlarnaNetworkCoreModuleImpl.getInstance(instanceId: instanceId) else {
+            return nil
+        }
+        let configuration = KlarnaPaymentButtonConfiguration(
+            state: parseState(state),
+            intent: parseIntent(intent),
+            shape: parseShape(shape),
+            style: parseStyle(buttonStyle),
+            theme: parseTheme(theme)
+        )
+        return KlarnaPaymentButton(klarna: klarna, configuration: configuration)
+    }
+
+    static func parseState(_ value: String?) -> KlarnaButtonState {
+        switch value {
+        case "disabled": return .disabled
+        case "loading": return .loading
+        default: return .default
+        }
+    }
+
+    static func parseIntent(_ value: String?) -> KlarnaPaymentButtonIntent {
+        switch value {
+        case "subscribe": return .subscribe
+        case "addToWallet": return .addToWallet
+        default: return .pay
+        }
+    }
+
+    static func parseShape(_ value: String?) -> KlarnaButtonShape {
+        switch value {
+        case "roundedRect": return .roundedRect
+        case "pill": return .pill
+        case "rectangle": return .rectangle
+        default: return .roundedRect
+        }
+    }
+
+    static func parseStyle(_ value: String?) -> KlarnaButtonStyle {
+        switch value {
+        case "filled": return .filled
+        case "outlined": return .outlined
+        default: return .filled
+        }
+    }
+
+    static func parseTheme(_ value: String?) -> KlarnaTheme {
+        switch value {
+        case "light": return .light
+        case "dark": return .dark
+        case "automatic": return .automatic
+        default: return .dark
+        }
+    }
+}

package/ios/Sources/KlarnaPaymentPresentationMapping.swift

@@ -0,0 +1,102 @@
+import Foundation
+import KlarnaNetworkPayment
+
+// MARK: - Input mapping (NSDictionary → KlarnaPaymentPresentationData)
+
+func klarnaPaymentPresentationData(from dict: NSDictionary) -> KlarnaPaymentPresentationData? {
+    guard let amount = dict["amount"] as? NSNumber,
+          let currency = dict["currency"] as? String else { return nil }
+    return KlarnaPaymentPresentationData(
+        amount: amount.int64Value,
+        currency: currency,
+        intent: (dict["intent"] as? String).flatMap { KlarnaPaymentPresentationIntent(rawValue: $0) },
+        paymentProgramEnablementCodes: dict["paymentProgramEnablementCodes"] as? [String],
+        subscriptionBillingInterval: (dict["subscriptionBillingInterval"] as? String)
+            .flatMap { KlarnaInterval(rawValue: $0) },
+        subscriptionBillingIntervalFrequency: (dict["subscriptionBillingIntervalFrequency"] as? Double)
+            .map { Int($0) }
+    )
+}
+
+// MARK: - Output mapping (KlarnaPaymentPresentationContent → NSDictionary)
+
+extension KlarnaPaymentPresentationContent {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        dict["instruction"] = instruction.rawValue
+        dict["paymentStatus"] = paymentStatus?.rawValue ?? NSNull()
+        dict["paymentOption"] = paymentOption?.toDictionary() ?? NSNull()
+        dict["savedPaymentOption"] = savedPaymentOption?.toDictionary() ?? NSNull()
+        return dict
+    }
+}
+
+private extension KlarnaPaymentPresentationPaymentOption {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        dict["paymentOptionId"] = paymentOptionId
+        dict["header"] = header?.toDictionary() ?? NSNull()
+        dict["badge"] = badge?.toDictionary() ?? NSNull()
+        dict["subheader"] = subheader?.toDictionary() ?? NSNull()
+        dict["message"] = message?.toDictionary() ?? NSNull()
+        dict["terms"] = terms?.toDictionary() ?? NSNull()
+        dict["paymentButton"] = paymentButton?.toDictionary() ?? NSNull()
+        dict["icon"] = icon?.toDictionary() ?? NSNull()
+        return dict
+    }
+}
+
+private extension KlarnaPaymentPresentationText {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        switch self {
+        case .plainText(let text):
+            dict["type"] = "plainText"
+            dict["text"] = text
+        case .attributedText(let parts):
+            dict["type"] = "attributedText"
+            dict["parts"] = parts?.map { $0.toDictionary() } ?? NSNull()
+        }
+        return dict
+    }
+}
+
+private extension KlarnaPaymentPresentationTextPart {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        switch self {
+        case .plain(let styles, let text):
+            dict["type"] = "plain"
+            dict["text"] = text
+            dict["styles"] = styles?.map { $0.rawValue } ?? NSNull()
+        case .link(let styles, let text, let url, let context):
+            dict["type"] = "link"
+            dict["text"] = text
+            dict["url"] = url ?? NSNull()
+            dict["context"] = context?.rawValue as Any? ?? NSNull()
+            dict["styles"] = styles?.map { $0.rawValue } ?? NSNull()
+        }
+        return dict
+    }
+}
+
+private extension KlarnaPaymentPresentationPaymentButton {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        dict["text"] = text
+        dict["imageUrl"] = imageUrl ?? NSNull()
+        dict["imageAlignment"] = imageAlignment?.rawValue ?? NSNull()
+        return dict
+    }
+}
+
+private extension KlarnaPaymentPresentationIcon {
+    func toDictionary() -> NSDictionary {
+        let dict = NSMutableDictionary()
+        dict["alt"] = alt ?? NSNull()
+        dict["badgeImageUrl"] = badgeImageUrl ?? NSNull()
+        dict["rectangleImageUrl"] = rectangleImageUrl ?? NSNull()
+        dict["squareImageUrl"] = squareImageUrl ?? NSNull()
+        return dict
+    }
+}