@jimrising/easymerchantsdk-react-native 2.4.8 → 2.4.9

package/ios/Helper/JavaScriptBridge.swift

@@ -0,0 +1,312 @@
+//
+//  JavaScriptBridge.swift
+//  EasyPay
+//
+//  JavaScript bridge handler for GrailPay WebView communication
+//
+
+import Foundation
+import WebKit
+
+public class JavaScriptBridge: NSObject, WKScriptMessageHandler {
+    weak var webViewController: GrailPayWebViewController?
+
+    public init(webViewController: GrailPayWebViewController) {
+        self.webViewController = webViewController
+        super.init()
+    }
+
+    public func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
+        if let bodyString = message.body as? String {
+            if let data = bodyString.data(using: .utf8),
+               let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any],
+               let type = json["type"] as? String {
+                handleMessage(type: type, data: json)
+            } else {
+                handleMessage(type: "message", data: ["message": bodyString])
+            }
+            return
+        }
+
+        guard let body = message.body as? [String: Any] else { return }
+
+        if let rawMessage = body["rawMessage"] as? String {
+            if let data = rawMessage.data(using: .utf8),
+               let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any],
+               let type = json["type"] as? String {
+                handleMessage(type: type, data: json)
+            } else {
+                handleMessage(type: "message", data: ["message": rawMessage])
+            }
+            return
+        }
+
+        if let type = body["type"] as? String {
+            handleMessage(type: type, data: body)
+        } else if let eventType = body["eventType"] as? String {
+            handleMessage(type: eventType, data: body)
+        } else if body["result"] != nil {
+            handleMessage(type: "onComplete", data: body)
+        } else if body["message"] != nil {
+            handleMessage(type: "showMessage", data: body)
+        }
+    }
+
+    private func handleMessage(type: String, data: [String: Any]) {
+        switch type {
+        case "postMessage", "showMessage":
+            if let message = data["message"] as? String {
+                showMessage(message)
+            }
+
+        case "onComplete":
+            if let resultJson = data["result"] as? String {
+                handleCompletion(resultJson)
+            } else if let resultDict = data["result"] as? [String: Any] {
+                handleCompletionDict(resultDict)
+            }
+
+        case "closeWebView":
+            webViewController?.closePopupFromBridge()
+            webViewController?.closeWebView()
+
+        case "opener_postMessage", "popup_postMessage":
+            handlePopupMessage(data)
+
+        case "closePopup":
+            DispatchQueue.main.async {
+                self.webViewController?.closePopupFromBridge()
+            }
+
+        case "consoleLog":
+            break
+
+        case "defaultAccountSelected", "linkedDefaultAccount":
+            DispatchQueue.main.async {
+                var resultData: NSDictionary = [:]
+                if let accountData = data["data"] {
+                    if let accountArray = accountData as? [[String: Any]] {
+                        resultData = ["data": accountArray]
+                    } else if let accountDict = accountData as? [String: Any] {
+                        resultData = ["data": [accountDict]]
+                    } else {
+                        resultData = ["data": [accountData]]
+                    }
+                } else {
+                    resultData = ["data": [data]]
+                }
+                let result = SDKResult(type: .success, data: resultData)
+                self.webViewController?.handleCompletion(result: result)
+            }
+
+        case "accountLinked", "linkSuccess", "success", "complete", "done":
+            DispatchQueue.main.async {
+                var resultData: NSDictionary = [:]
+                if let accountData = data["data"] {
+                    if let accountArray = accountData as? [[String: Any]] {
+                        resultData = ["data": accountArray]
+                    } else if let accountDict = accountData as? [String: Any] {
+                        resultData = ["data": [accountDict]]
+                    } else {
+                        resultData = ["data": [accountData]]
+                    }
+                } else {
+                    resultData = ["data": [data]]
+                }
+                let result = SDKResult(type: .success, data: resultData)
+                self.webViewController?.handleCompletion(result: result)
+            }
+
+        case "error", "linkError", "failure":
+            DispatchQueue.main.async {
+                self.webViewController?.closePopupFromBridge()
+                if let errorMessage = data["message"] as? String ?? data["error"] as? String {
+                    self.webViewController?.showAlert(title: "Error", message: errorMessage)
+                }
+            }
+
+        case "cancelled", "closed", "dismissed":
+            DispatchQueue.main.async {
+                let cancelledData: NSDictionary = ["status": false, "message": "User cancelled"]
+                let result = SDKResult(type: .cancelled, data: cancelledData)
+                self.webViewController?.handleCompletion(result: result)
+            }
+
+        default:
+            break
+        }
+    }
+
+    private func handlePopupMessage(_ data: [String: Any]) {
+        guard let message = data["message"] else { return }
+
+        var oauthData: [String: String] = [:]
+
+        if let messageDict = message as? [String: Any] {
+            if let status = messageDict["status"] as? String { oauthData["status"] = status }
+            if let state = messageDict["state"] as? String { oauthData["state"] = state }
+            if let url = messageDict["url"] as? String { oauthData["url"] = url }
+            if let redirectUrl = messageDict["redirectUrl"] as? String { oauthData["url"] = redirectUrl }
+            if let publicToken = messageDict["public_token"] as? String { oauthData["public_token"] = publicToken }
+            if let type = messageDict["type"] as? String { oauthData["type"] = type }
+
+            if let eventData = messageDict["eventData"] as? [String: Any],
+               let redirectURL = eventData["redirectURL"] as? String {
+                oauthData["url"] = redirectURL
+                oauthData["redirectURL"] = redirectURL
+
+                if let urlComponents = URLComponents(string: redirectURL) {
+                    urlComponents.queryItems?.forEach { item in
+                        if let value = item.value {
+                            oauthData[item.name] = value
+                        }
+                    }
+                }
+            }
+
+            if messageDict["moneykit"] != nil {
+                oauthData["moneykit"] = "true"
+            }
+        }
+
+        DispatchQueue.main.async {
+            self.webViewController?.forwardOAuthDataToMainWebView(oauthData)
+        }
+    }
+
+    func showMessage(_ message: String) {
+        DispatchQueue.main.async {
+            self.webViewController?.showAlert(title: "GrailPay", message: message)
+        }
+    }
+
+    private func handleCompletion(_ resultJson: String) {
+        DispatchQueue.main.async {
+            if let data = resultJson.data(using: .utf8),
+               let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any] {
+                self.handleCompletionDict(json)
+            } else {
+                self.webViewController?.closePopupFromBridge()
+                self.webViewController?.closeWebView()
+            }
+        }
+    }
+    
+    private func handleCompletionDict(_ resultDict: [String: Any]) {
+        DispatchQueue.main.async {
+            var resultData: NSDictionary = [:]
+            
+            if let data = resultDict["data"] {
+                if let dataArray = data as? [[String: Any]] {
+                    resultData = ["data": dataArray]
+                } else if let dataDict = data as? [String: Any] {
+                    resultData = ["data": [dataDict]]
+                } else {
+                    resultData = ["data": data]
+                }
+            } else {
+                resultData = resultDict as NSDictionary
+            }
+            
+            let result = SDKResult(type: .success, data: resultData)
+            self.webViewController?.handleCompletion(result: result)
+        }
+    }
+}
+
+// MARK: - OAuth Callback Bridge
+public class OAuthCallbackBridge: NSObject, WKScriptMessageHandler {
+    let oauthData: [String: String]
+
+    init(oauthData: [String: String]) {
+        self.oauthData = oauthData
+        super.init()
+    }
+
+    public func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
+    }
+
+    func getOAuthDataJSON() -> String {
+        guard let jsonData = try? JSONSerialization.data(withJSONObject: oauthData, options: []),
+              let jsonString = String(data: jsonData, encoding: .utf8) else {
+            return "{}"
+        }
+        return jsonString
+    }
+}
+
+// MARK: - WKWebView Extensions
+extension WKWebView {
+    public func injectJavaScript(_ script: String, completion: ((Any?, Error?) -> Void)? = nil) {
+        evaluateJavaScript(script) { result, error in
+            completion?(result, error)
+        }
+    }
+
+    public func injectMessageListener() {
+        let script = """
+        (function() {
+            window.addEventListener('message', function(event) {
+                try {
+                    var data = event.data;
+                    if (!data || typeof data !== 'object') return;
+
+                    if (data.__bridgeProxy === true && data.message) {
+                        if (window.webkit?.messageHandlers?.androidBridge) {
+                            window.webkit.messageHandlers.androidBridge.postMessage(data.message);
+                        }
+                        return;
+                    }
+
+                    const grailpayEvent = new CustomEvent('grailpay-oauth-complete', { detail: data });
+                    window.dispatchEvent(grailpayEvent);
+                } catch (error) {}
+            }, false);
+        })();
+        """
+        injectJavaScript(script)
+    }
+
+    public func injectOAuthData(_ oauthData: [String: String]) {
+        guard let jsonData = try? JSONSerialization.data(withJSONObject: oauthData, options: []),
+              let jsonString = String(data: jsonData, encoding: .utf8) else { return }
+
+        let script = """
+        (function() {
+            var oauthData = \(jsonString);
+            window.oauthCallbackData = oauthData;
+            var redirectURL = oauthData.url || oauthData.redirectURL || window.location.href;
+
+            window.postMessage({ type: 'link.resume', moneykit: 1, eventData: { redirectURL: redirectURL } }, '*');
+            window.postMessage({ type: 'oauth_complete', source: 'popup', url: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+            window.postMessage({ type: 'mk-oauth-callback', redirectUrl: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+            window.postMessage({ success: true, url: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+
+            document.querySelectorAll('iframe').forEach(function(iframe) {
+                try {
+                    if (iframe.contentWindow) {
+                        iframe.contentWindow.postMessage({ type: 'link.resume', moneykit: 1, eventData: { redirectURL: redirectURL } }, '*');
+                        iframe.contentWindow.postMessage({ type: 'oauth_complete', source: 'popup', url: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+                        iframe.contentWindow.postMessage({ type: 'mk-oauth-callback', redirectUrl: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+                        iframe.contentWindow.postMessage({ success: true, url: redirectURL, status: oauthData.status, state: oauthData.state }, '*');
+                    }
+                } catch (e) {}
+            });
+
+            window.dispatchEvent(new CustomEvent('grailpay-oauth-complete', {
+                detail: { type: 'oauth_complete', source: 'popup', url: redirectURL, status: oauthData.status, state: oauthData.state },
+                bubbles: true
+            }));
+
+            if (typeof window.receiveDeepLinkData !== 'function') {
+                window.receiveDeepLinkData = function(data) {
+                    window.oauthCallbackData = data;
+                    window.dispatchEvent(new CustomEvent('grailpay-oauth-complete', { detail: data }));
+                };
+            }
+            window.receiveDeepLinkData(oauthData);
+        })();
+        """
+        injectJavaScript(script)
+    }
+}

package/ios/Helper/WebViewConfig.swift

@@ -0,0 +1,159 @@
+//
+//  WebViewConfig.swift
+//  EasyPay
+//
+//  WebView configuration utilities for GrailPay
+//
+
+import Foundation
+import WebKit
+
+public class WebViewConfig {
+    public static func createMainWebView(bridge: JavaScriptBridge) -> WKWebView {
+        let config = WKWebViewConfiguration()
+        config.preferences.javaScriptEnabled = true
+        config.preferences.javaScriptCanOpenWindowsAutomatically = true
+        config.websiteDataStore = .default()
+
+        let contentController = WKUserContentController()
+        contentController.add(bridge, name: "androidBridge")
+        contentController.add(bridge, name: "grailpay")
+        contentController.add(bridge, name: "nativeBridge")
+        contentController.add(bridge, name: "iosHandler")
+
+        let bridgeShimScript = WKUserScript(
+            source: WebViewConfig.getBridgeShimScript(),
+            injectionTime: .atDocumentStart,
+            forMainFrameOnly: false
+        )
+        contentController.addUserScript(bridgeShimScript)
+
+        config.userContentController = contentController
+        config.allowsInlineMediaPlayback = true
+        config.mediaTypesRequiringUserActionForPlayback = []
+
+        let webView = WKWebView(frame: .zero, configuration: config)
+        webView.allowsBackForwardNavigationGestures = true
+        webView.allowsLinkPreview = true
+        webView.customUserAgent = "Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36"
+
+        return webView
+    }
+
+    public static func createPopupWebView(with configuration: WKWebViewConfiguration) -> WKWebView {
+        let webView = WKWebView(frame: .zero, configuration: configuration)
+        webView.allowsBackForwardNavigationGestures = true
+        webView.customUserAgent = "Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36"
+        return webView
+    }
+
+    public static func createCallbackWebView(oauthBridge: OAuthCallbackBridge) -> WKWebView {
+        let config = WKWebViewConfiguration()
+        config.preferences.javaScriptEnabled = true
+
+        let contentController = WKUserContentController()
+        contentController.add(oauthBridge, name: "oauthBridge")
+        config.userContentController = contentController
+
+        let webView = WKWebView(frame: .zero, configuration: config)
+        webView.customUserAgent = "Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36"
+        return webView
+    }
+
+    public static func enableCookies() {
+        HTTPCookieStorage.shared.cookieAcceptPolicy = .always
+    }
+
+    public static func getBridgeShimScript() -> String {
+        """
+        (function() {
+            var isMainFrame = (window === window.top);
+
+            if (!window.AndroidBridge) {
+                window.AndroidBridge = {
+                    postMessage: function(message) {
+                        try {
+                            var parsed = typeof message === 'string' ? JSON.parse(message) : message;
+                            if (window.webkit?.messageHandlers?.androidBridge) {
+                                window.webkit.messageHandlers.androidBridge.postMessage(parsed);
+                            } else if (window !== window.top) {
+                                window.parent.postMessage({ __bridgeProxy: true, message: parsed }, '*');
+                            }
+                        } catch (e) {
+                            if (window.webkit?.messageHandlers?.androidBridge) {
+                                window.webkit.messageHandlers.androidBridge.postMessage({ rawMessage: message });
+                            }
+                        }
+                    },
+                    showMessage: function(message) {
+                        if (window.webkit?.messageHandlers?.androidBridge) {
+                            window.webkit.messageHandlers.androidBridge.postMessage({ type: 'showMessage', message: message });
+                        }
+                    },
+                    onComplete: function(result) {
+                        try {
+                            var parsed = typeof result === 'string' ? JSON.parse(result) : result;
+                            if (window.webkit?.messageHandlers?.androidBridge) {
+                                window.webkit.messageHandlers.androidBridge.postMessage({ type: 'onComplete', result: JSON.stringify(parsed) });
+                            }
+                        } catch (e) {
+                            if (window.webkit?.messageHandlers?.androidBridge) {
+                                window.webkit.messageHandlers.androidBridge.postMessage({ type: 'onComplete', result: result });
+                            }
+                        }
+                    },
+                    closeWebView: function() {
+                        if (window.webkit?.messageHandlers?.androidBridge) {
+                            window.webkit.messageHandlers.androidBridge.postMessage({ type: 'closeWebView' });
+                        }
+                    }
+                };
+            }
+
+            if (isMainFrame) {
+                window.addEventListener('message', function(event) {
+                    try {
+                        var data = event.data;
+                        if (data && data.__bridgeProxy === true && data.message) {
+                            if (window.webkit?.messageHandlers?.androidBridge) {
+                                window.webkit.messageHandlers.androidBridge.postMessage(data.message);
+                            }
+                        }
+                    } catch (e) {}
+                }, false);
+            } else {
+                if (!window.webkit) window.webkit = {};
+                if (!window.webkit.messageHandlers) window.webkit.messageHandlers = {};
+                if (!window.webkit.messageHandlers.androidBridge) {
+                    window.webkit.messageHandlers.androidBridge = {
+                        postMessage: function(message) {
+                            window.parent.postMessage({ __bridgeProxy: true, message: message }, '*');
+                        }
+                    };
+                }
+                if (!window.AndroidBridge) {
+                    window.AndroidBridge = {
+                        postMessage: function(message) {
+                            try {
+                                var parsed = typeof message === 'string' ? JSON.parse(message) : message;
+                                window.parent.postMessage({ __bridgeProxy: true, message: parsed }, '*');
+                            } catch (e) {
+                                window.parent.postMessage({ __bridgeProxy: true, message: { rawMessage: message } }, '*');
+                            }
+                        },
+                        showMessage: function(msg) {
+                            window.parent.postMessage({ __bridgeProxy: true, message: { type: 'showMessage', message: msg } }, '*');
+                        },
+                        onComplete: function(result) {
+                            window.parent.postMessage({ __bridgeProxy: true, message: { type: 'onComplete', result: result } }, '*');
+                        },
+                        closeWebView: function() {
+                            window.parent.postMessage({ __bridgeProxy: true, message: { type: 'closeWebView' } }, '*');
+                        }
+                    };
+                }
+            }
+        })();
+        """
+    }
+}