react-native-hyperswitch-dev-sdk 0.4.1

package/ios/hyperswitchSDK/Core/HyperPaymentCardTextField/PaymentHandler.swift

@@ -0,0 +1,59 @@
+//
+//  PaymentHandler.swift
+//  Hyperswitch
+//
+//  Created by Harshit Srivastava on 10/05/23.
+//
+
+public class PaymentHandler: NSObject {
+
+    @objc public static let sharedHandler: PaymentHandler = PaymentHandler()
+    @objc var completion: PaymentHandlerActionPaymentIntentCompletionBlock?
+    @objc public class func shared() -> PaymentHandler {
+        return PaymentHandler.sharedHandler
+    }
+    internal init(apiClient: APIClient = .shared) {
+        self.apiClient = apiClient
+        super.init()
+    }
+    internal var apiClient: APIClient
+
+    @objc(confirmPayment:withAuthenticationContext:completion:)
+    public func confirmPayment(
+        _ paymentParams: PaymentIntentParams,
+        with authenticationContext: UIViewController,
+        completion: @escaping PaymentHandlerActionPaymentIntentCompletionBlock
+    ) {
+        self.completion = completion
+
+        RNViewManager.sharedInstance.responseHandler = self
+        HyperModule.shared?.confirm(data: paymentParams.description())
+    }
+    public typealias PaymentHandlerActionPaymentIntentCompletionBlock = (
+        PaymentHandlerActionStatus, PaymentIntent?, NSError?
+    ) -> Void
+
+    @objc public enum PaymentHandlerActionStatus: Int {
+        case succeeded
+        case canceled
+        case failed
+    }
+}
+
+public class PaymentIntent: NSObject {
+
+}
+
+extension PaymentHandler: RNResponseHandler {
+    func didReceiveResponse(response: String?, error: Error?) {
+        if let completion = completion {
+            if let error = error {
+                completion(.failed, nil, error as NSError)
+            } else if response == "cancelled" {
+                completion(.canceled, nil, nil)
+            } else {
+                completion(.succeeded, nil, nil)
+            }
+        }
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentCardTextField/PaymentIntentParams.swift

@@ -0,0 +1,31 @@
+//
+//  PaymentIntentParams.swift
+//  Hyperswitch
+//
+//  Created by Harshit Srivastava on 10/05/23.
+//
+
+import Foundation
+import UIKit
+
+public class PaymentIntentParams: NSObject {
+
+    public init(sdkAuthorization: String) {
+        self.sdkAuthorization = sdkAuthorization
+        super.init()
+    }
+
+    public var sdkAuthorization: String = ""
+    @objc public var paymentMethodParams: PaymentMethodParams?
+
+    public func description() -> [String: Any] {
+        let props: [String: Any] = [
+            "publishableKey": APIClient.shared.publishableKey ?? "",
+            "profileId": APIClient.shared.profileId ?? "",
+            "sdkAuthorization": self.sdkAuthorization,
+            "paymentMethodType": "Card",
+            "paymentMethodData": "",
+        ]
+        return props
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentCardTextField/PaymentMethodParams.swift

@@ -0,0 +1,25 @@
+//
+//  PaymentMethodParams.swift
+//  Hyperswitch
+//
+//  Created by Harshit Srivastava on 10/05/23.
+//
+
+import Foundation
+import UIKit
+
+public class PaymentMethodParams: NSObject {
+
+    public init(card: String?, billingDetails: String?, metadata: String?) {
+        self.card = card
+        self.billingDetails = billingDetails
+        self.metadata = metadata
+
+        super.init()
+    }
+
+    public var card: String? = ""
+    public var billingDetails: String? = ""
+    public var metadata: String? = ""
+
+}

package/ios/hyperswitchSDK/Core/HyperPaymentMethodManagement/PaymentManagementConfiguration.swift

@@ -0,0 +1,213 @@
+//
+//  PaymentManagementConfiguration.swift
+//  hyperswitch
+//
+//  Created by Shivam Nan on 30/09/24.
+//
+
+import Foundation
+import UIKit
+
+// MARK: - Payment Methods Management Configuration
+
+/// Configuration for Payment Method Management Sheet
+public struct PMMConfiguration: DictionaryConverter {
+    /// Describes the appearance of PaymentSheet
+    public var appearance = PMMAppearance.default
+}
+
+/// Describes the appearance of Payment Method Management Sheet
+public struct PMMAppearance: Equatable, DictionaryConverter {
+    /// The default appearance for PaymentSheet
+    public static let `default` = PMMAppearance()
+
+    /// Creates a `PaymentSheet.Appearance` with default values
+    public init() {}
+
+    /// Describes the appearance of fonts in PaymentSheet
+    public var font: Font = Font()
+
+    /// Describes the colors in PaymentSheet
+    public var colors: Colors = Colors()
+
+    /// The corner radius used for buttons, inputs, tabs in PaymentSheet
+    /// - Note: The behavior of this property is consistent with the behavior of corner radius on `CALayer`
+    public var cornerRadius: CGFloat?
+
+    /// The border used for inputs and tabs in PaymentSheet
+    /// - Note: The behavior of this property is consistent with the behavior of border width on `CALayer`
+    public var borderWidth: CGFloat?
+
+    /// The shadow used for inputs and tabs in PaymentSheet
+    /// - Note: Set this to `.disabled` to disable shadows
+    public var shadow: Shadow?
+
+    public var theme: Theme?
+
+    public enum Theme {
+        case `default`
+        case light
+        case dark
+        case minimal
+        case flatMinimal
+
+        var themeLabel: String {
+            switch self {
+            case .`default`:
+                return "Default"
+            case .light:
+                return "Light"
+            case .dark:
+                return "Dark"
+            case .minimal:
+                return "Minimal"
+            case .flatMinimal:
+                return "FlatMinimal"
+            }
+        }
+    }
+
+    // MARK: Fonts
+    /// Describes the appearance of fonts in PaymentSheet
+    public struct Font: Equatable, DictionaryConverter {
+
+        /// Creates a `PaymentSheet.Appearance.Font` with default values
+        public init() {}
+
+        /// The scale factor for all font sizes in PaymentSheet.
+        /// Font sizes are multiplied by this value before being displayed. For example, setting this to 1.2 increases the size of all text by 20%.
+        /// - Note: This value must be greater than 0. The default value is 1.0.
+        /// - Note: This is used in conjunction with the Dynamic Type accessibility text size.
+        public var sizeScaleFactor: CGFloat?
+
+        /// The font family of this font is used throughout PaymentSheet. PaymentSheet uses this font at multiple weights (e.g., regular, medium, semibold) if they exist.
+        /// - Note: The size and weight of the font is ignored. To adjust font sizes, see `sizeScaleFactor`.
+        public var base: UIFont?
+
+        /// The size adjustment for all heading texts in PaymentSheet
+        /// Font sizes of all headings will be increased by this value from their respective default size
+        public var headingTextSizeAdjust: CGFloat?
+
+        /// The size for all sub heading texts in PaymentSheet
+        /// Font sizes of all sub headings will be increased by this value from their respective default size
+        public var subHeadingTextSizeAdjust: CGFloat?
+
+        /// The size for all placeholder texts in PaymentSheet
+        /// Font sizes of all placeholder texts will be increased by this value from their respective default size
+        public var placeholderTextSizeAdjust: CGFloat?
+
+        /// The size for all button texts in PaymentSheet
+        /// Font sizes of all button texts will be increased by this value from their respective default size
+        public var buttonTextSizeAdjust: CGFloat?
+
+        /// The size for all error texts in PaymentSheet
+        /// Font sizes of all error texts will be increased by this value from their respective default size
+        public var errorTextSizeAdjust: CGFloat?
+
+        /// The size for all link texts in PaymentSheet
+        /// Font sizes of all link texts will be increased by this value from their respective default size
+        public var linkTextSizeAdjust: CGFloat?
+
+        /// The size for all modal texts in PaymentSheet
+        /// Font sizes of all modal texts will be increased by this value from their respective default size
+        public var modalTextSizeAdjust: CGFloat?
+
+        /// The size for all card texts in PaymentSheet
+        /// Font sizes of all card texts will be increased by this value from their respective default size
+        public var cardTextSizeAdjust: CGFloat?
+    }
+
+    // MARK: Colors
+    /// Describes the colors in PaymentSheet
+    public struct Colors: Equatable, DictionaryConverter {
+
+        /// Creates a `PaymentSheet.Appearance.Colors` with default values
+        public init() {}
+
+        /// The primary color used throughout PaymentSheet
+        public var primary: UIColor?
+
+        /// The color used for the background of PaymentSheet
+        public var background: UIColor?
+
+        /// The color used for the background of inputs, tabs, and other components
+        public var componentBackground: UIColor?
+
+        /// The border color used for inputs, tabs, and other components
+        public var componentBorder: UIColor?
+
+        /// The color of the divider lines used inside inputs, tabs, and other components
+        public var componentDivider: UIColor?
+
+        /// The default text color used in PaymentSheet, appearing over the background color
+        public var text: UIColor?
+
+        /// The color used for text of secondary importance. For example, this color is used for the label above input fields
+        public var textSecondary: UIColor?
+
+        /// The color of text appearing over `componentBackground`
+        public var componentText: UIColor?
+
+        /// The color used for input placeholder text
+        public var componentPlaceholderText: UIColor?
+
+        /// The color used for icons in PaymentSheet, such as the close or back icons
+        public var icon: UIColor?
+
+        /// The color used to indicate errors or destructive actions in PaymentSheet
+        public var danger: UIColor?
+
+        /// The color used to indicate Loader Background Color
+        public var loaderBackground: UIColor?
+
+        /// The color used to indicate Loader Foreground Color
+        public var loaderForeground: UIColor?
+    }
+
+    // MARK: Shadow
+    /// Represents a shadow in PaymentSheet
+    public struct Shadow: Equatable, DictionaryConverter {
+
+        /// A pre-configured `Shadow` in the disabled or off state
+        public static var disabled: Shadow?
+
+        /// Color of the shadow
+        /// - Note: The behavior of this property is consistent with `CALayer.shadowColor`
+        public var color: UIColor?
+
+        /// Opacity or alpha of the shadow
+        /// - Note: The behavior of this property is consistent with `CALayer.shadowOpacity`
+        public var opacity: CGFloat?
+
+        /// Offset of the shadow
+        /// - Note: The behavior of this property is consistent with `CALayer.shadowOffset`
+        public var offset: CGSize?
+
+        /// Radius of the shadow
+        /// - Note: The behavior of this property is consistent with `CALayer.shadowRadius`
+        public var radius: CGFloat?
+
+        /// intensity of the shadow
+        /// - Note: The behavior of this property is consistent with `CALayer.shadowIntensity`
+        public var intensity: CGFloat?
+
+        /// Creates a `PaymentSheet.Appearance.Shadow` with default values
+        public init() {}
+
+        /// Creates a `Shadow` with the specified parameters
+        /// - Parameters:
+        ///   - color: Color of the shadow
+        ///   - opacity: Opacity or opacity of the shadow
+        ///   - offset: Offset of the shadow
+        ///   - radius: Radius of the shadow
+        ///   - intensity: Intensity of the shadow
+        public init(color: UIColor?, opacity: CGFloat?, offset: CGSize?, radius: CGFloat?, intensity: CGFloat?) {
+            self.color = color
+            self.opacity = opacity
+            self.offset = offset
+            self.radius = radius
+            self.intensity = intensity
+        }
+    }
+
+}

package/ios/hyperswitchSDK/Core/HyperPaymentMethodManagement/PaymentMethodManagementWidget.swift

@@ -0,0 +1,92 @@
+//
+//  PaymentMethodManagementWidget.swift
+//  hyperswitch
+//
+//  Created by Shivam Nan on 18/10/24.
+//
+
+import Foundation
+import UIKit
+import WebKit
+
+/// PaymentResult is an enum that represents the possible outcomes of a payment sheet operation.
+@frozen public enum PaymentMethodManagementResult {
+    case closed(data: String)
+    case failed(error: Error)
+}
+
+internal class PaymentMethodManagementWidget: UIControl {
+    internal static var onAddPaymentMethod: (() -> Void)?
+    private var completion: ((PaymentMethodManagementResult) -> Void)?
+
+    // Initialize the widget with the ephemeral key and configuration.
+    public init(onAddPaymentMethod: (() -> Void)?, completion: @escaping (PaymentMethodManagementResult) -> Void) {
+        PaymentMethodManagementWidget.onAddPaymentMethod = onAddPaymentMethod
+        self.completion = completion
+        super.init(frame: .zero)
+        commonInit()
+    }
+
+    required public init?(
+        coder: NSCoder
+    ) {
+        super.init(coder: coder)
+        commonInit()
+    }
+
+    public override init(
+        frame: CGRect
+    ) {
+        super.init(frame: frame)
+        commonInit()
+    }
+
+    private func commonInit() {
+        let hyperParams = SDKParams.getSDKParams()
+
+        // Prepare the props to send to the React Native module.
+        let props: [String: Any] = [
+            "type": "paymentMethodsManagement",
+            "hyperParams": hyperParams,
+            //            "ephemeralKey": PaymentSession.ephemeralKey ?? "",  // TODO: use paymentSession.ephemeralKey
+            "publishableKey": APIClient.shared.publishableKey as Any,
+            "profileId": APIClient.shared.profileId as Any,
+            "customBackendUrl": APIClient.shared.customBackendUrl as Any,
+            "customLogUrl": APIClient.shared.customLogUrl as Any,
+            "customParams": APIClient.shared.customParams as Any,
+        ]
+
+        RNViewManager.sharedInstance.responseHandler = self
+
+        // Get the React Native view from RNViewManager.
+        let rootView = RNViewManager.sharedInstance.viewForModule("hyperSwitch", initialProperties: ["props": props])
+
+        rootView.frame = self.bounds
+
+        // Add the React Native view to the current view.
+        addSubview(rootView)
+
+        rootView.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            rootView.topAnchor.constraint(equalTo: self.topAnchor),
+            rootView.bottomAnchor.constraint(equalTo: self.bottomAnchor),
+            rootView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
+            rootView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
+        ])
+    }
+}
+
+/// An extension that conforms to the RNResponseHandler protocol, which handles the response from the payment sheet operation.
+extension PaymentMethodManagementWidget: RNResponseHandler {
+    func didReceiveResponse(response: String?, error: Error?) {
+        if let completion = completion {
+            if let error = error {
+                completion(.failed(error: error))
+            } else if response == "cancelled" {
+                completion(.closed(data: "cancelled"))
+            } else {
+                completion(.closed(data: response ?? "failed"))
+            }
+        }
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentSheet/PaymentSheet+Events.swift

@@ -0,0 +1,36 @@
+//
+//  PaymentSheet+Events.swift
+//  hyperswitch
+//
+//  Created by Harshit Srivastava on 07/05/26.
+//
+
+import Foundation
+
+extension PaymentSheet {
+    internal func dispatchPaymentEvent(type: String, payload: [String: Any]) {
+        guard let listener = paymentEventListener else { return }
+        let event = PaymentEvent(type: type, payload: payload)
+        if Thread.isMainThread {
+            listener.onPaymentEvent(event)
+        } else {
+            DispatchQueue.main.async { listener.onPaymentEvent(event) }
+        }
+    }
+
+    public func shouldProceedWithPayment(_ callback: @escaping (PaymentRequestData, @escaping (Bool) -> Void) -> Void) {
+        self.shouldProceedWithPaymentCallback = callback
+    }
+
+    internal func handleShouldProceedWithPayment(payload: String, callback: @escaping (Bool) -> Void) {
+        if self.shouldProceedWithPaymentCallback == nil {
+            callback(true)
+        } else {
+            if let data = payload.data(using: .utf8),
+                let paymentRequestData = try? JSONDecoder().decode(PaymentRequestData.self, from: data)
+            {
+                shouldProceedWithPaymentCallback?(paymentRequestData, callback)
+            }
+        }
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentSheet/PaymentSheetView+SwiftUI.swift

@@ -0,0 +1,49 @@
+//
+//  PaymentSheetView+SwiftUI.swift
+//  Hyperswitch
+//
+//  Created by Balaganesh on 09/12/22.
+//
+
+import Foundation
+import React
+import SwiftUI
+
+/// Extension on the PaymentSheet class to provide a SwiftUI integration for presenting the payment sheet.
+extension PaymentSheet {
+
+    /// A SwiftUI View struct that represents a button for presenting the payment sheet.
+    @available(iOS 13.0, *)
+    public struct PaymentButton<Content: View>: View {
+        private let paymentSession: PaymentSession
+        private let configuration: Configuration
+        private let content: Content
+        private let completion: (PaymentResult) -> Void
+
+        @Environment(\.viewController) private var viewControllerHolder: UIViewController?
+
+        /// Initializer for the PaymentButton.
+        public init(
+            paymentSession: PaymentSession,
+            configuration: Configuration,
+            onCompletion: @escaping (PaymentResult) -> Void,
+            @ViewBuilder content: () -> Content
+        ) {
+            self.paymentSession = paymentSession
+            self.configuration = configuration
+            self.completion = onCompletion
+            self.content = content()
+        }
+
+        /// The body of the PaymentButton view.
+        public var body: some View {
+            Button(action: {
+                if let vc = viewControllerHolder {
+                    paymentSession.presentPaymentSheet(viewController: vc, configuration: configuration, completion: completion)
+                }
+            }) {
+                content
+            }
+        }
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentSheet/PaymentSheetView+UIKit.swift

@@ -0,0 +1,49 @@
+//
+//  PaymentSheetView+UIKit.swift
+//  Hyperswitch
+//
+//  Created by Harshit Srivastava on 15/12/23.
+//
+
+import Foundation
+import React
+
+/// Extension on the PaymentSheet class to handle the presentation of the payment sheet view.
+internal extension PaymentSheet {
+
+    /// Method to present the payment sheet view with a given root view and completion handler.
+    private func presentWithRootView(
+        from presentingViewController: UIViewController,
+        rootView: RCTRootView,
+        completion: @escaping (PaymentResult) -> Void
+    ) {
+
+        self.completion = completion
+
+        let paymentSheetViewController = HyperUIViewController()
+        paymentSheetViewController.paymentSheet = self
+        paymentSheetViewController.modalPresentationStyle = .overFullScreen
+        paymentSheetViewController.view = rootView
+
+        /// Present the payment sheet view controller modally from the presenting view controller.
+        presentingViewController.present(paymentSheetViewController, animated: false)
+    }
+
+    /// Method to present the payment sheet view with the default configuration.
+    func present(from presentingViewController: UIViewController, completion: @escaping (PaymentResult) -> Void) {
+
+        // Present the payment sheet view with the root view obtained from the getRootView() method.
+        self.presentWithRootView(from: presentingViewController, rootView: self.getRootView(), completion: completion)
+    }
+
+    /// Method to present the payment sheet view with custom parameters.
+    func presentWithParams(
+        from presentingViewController: UIViewController,
+        props: [String: Any],
+        completion: @escaping ((PaymentResult) -> Void)
+    ) {
+
+        // Present the payment sheet view with the root view obtained from the getRootViewWithParams() method.
+        self.presentWithRootView(from: presentingViewController, rootView: self.getRootViewWithParams(props: props), completion: completion)
+    }
+}

package/ios/hyperswitchSDK/Core/HyperPaymentSheet/PaymentSheetView.swift

@@ -0,0 +1,68 @@
+//
+//  PaymentSheetView.swift
+//  Hyperswitch
+//
+//  Created by Harshit Srivastava on 15/12/23.
+//
+
+import Foundation
+import React
+import WebKit
+
+/// Extension on the PaymentSheet class to handle the creation of the React Native root view for the payment sheet.
+internal extension PaymentSheet {
+
+    /// Method to get the root view for the payment sheet based on the configured properties.
+    func getRootView() -> RCTRootView {
+
+        let hyperswitchConfiguration = try? hyperswitchConfiguration?.toDictionary()
+        let paymentSessionConfiguration = try? paymentSessionConfiguration.toDictionary()
+
+        /// Get the configuration dictionary from the configuration object.
+        var configuration = try? self.configuration?.toDictionary()
+        configuration?["subscribedEvents"] = subscribedEvents
+
+        /// Create a dictionary of hyperParams with app ID, sdkVersion, country, user agent, default view, and launch time.
+        let sdkParams = SDKParams.getSDKParams()
+
+        /// Create a dictionary of props to be sent to React Native with configuration, type, sdkAuthorization, publishable key, hyperParams, custom backend URL, themes, and custom parameters.
+        let props: [String: Any] = [
+            "type": "payment",
+            "hyperswitchConfig": hyperswitchConfiguration as Any,
+            "paymentSessionConfig": paymentSessionConfiguration as Any,
+            "sdkParams": sdkParams,
+            "configuration": configuration as Any,
+        ]
+        /// Get the root view from the RNViewManager with the "hyperSwitch" module and the props dictionary.
+        let rootView = RNViewManager.sharedInstance.viewForModule("hyperSwitch", initialProperties: ["props": props])
+
+        rootView.backgroundColor = UIColor.clear
+        return rootView
+    }
+
+    /// Method to get the root view for the payment sheet with custom parameters.
+    /// - Note: Used by Flutter and React Native Wrappers to send separate props.
+    func getRootViewWithParams(props: [String: Any]) -> RCTRootView {
+
+        let hyperswitchConfiguration = try? hyperswitchConfiguration?.toDictionary()
+        let paymentSessionConfiguration = try? paymentSessionConfiguration.toDictionary()
+
+        let sdkParams = SDKParams.getSDKParams()
+        var propsDict = props
+        propsDict["subscribedEvents"] = subscribedEvents
+
+        let props: [String: Any] = [
+            "type": "payment",
+            "hyperswitchConfig": hyperswitchConfiguration as Any,
+            "paymentSessionConfig": paymentSessionConfiguration as Any,
+            "sdkParams": sdkParams,
+            "configuration": propsDict,
+            "from": "rn",
+        ]
+
+        let rootView = RNViewManager.sharedInstance.viewForModule("hyperSwitch", initialProperties: ["props": props])
+
+        rootView.backgroundColor = UIColor.clear
+        return rootView
+    }
+}