Mobile Apps (WebView)

<!-- Wiretalk — iOS (Swift WKWebView) -->
<!-- Add app:com.example.app to Allowed Domains -->
/*
import WebKit

final class WiretalkChatController: UIViewController, WKScriptMessageHandler {
    private lazy var webView: WKWebView = {
        let config = WKWebViewConfiguration()
        config.userContentController.add(self, name: "wiretalk")
        config.defaultWebpagePreferences.allowsContentJavaScript = true
        return WKWebView(frame: .zero, configuration: config)
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        view = webView
        webView.load(URLRequest(url: URL(string: "https://www.wiretalk.tech/popout/YOUR_WIDGET_KEY?locale=en&tab=chat&platform=ios&app_id=com.example.app")!))
    }

    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        guard message.name == "wiretalk" else { return }
        // Handle unread:count, message:received, etc.
    }
}
*/

// Wiretalk — React Native (react-native-webview)
// npm install react-native-webview
// Add app:com.example.app to Allowed Domains

import WebView from 'react-native-webview';

export function WiretalkChat({ onUnreadCount }) {
  return (
    <WebView
      source={{ uri: 'https://www.wiretalk.tech/popout/YOUR_WIDGET_KEY?locale=en&tab=chat&platform=react-native&app_id=com.example.app' }}
      javaScriptEnabled
      domStorageEnabled
      mediaPlaybackRequiresUserAction={false}
      allowsInlineMediaPlayback
      onMessage={(event) => {
        const msg = JSON.parse(event.nativeEvent.data);
        if (msg.type === 'unread:count') onUnreadCount?.(msg.count);
      }}
    />
  );
}

// Wiretalk — Flutter (webview_flutter)
// Add app:com.example.app to Allowed Domains

import 'package:webview_flutter/webview_flutter.dart';

class WiretalkChatPage extends StatefulWidget {
  @override
  State<WiretalkChatPage> createState() => _WiretalkChatPageState();
}

class _WiretalkChatPageState extends State<WiretalkChatPage> {
  late final controller = WebViewController()
    ..setJavaScriptMode(JavaScriptMode.unrestricted)
    ..loadRequest(Uri.parse('https://www.wiretalk.tech/popout/YOUR_WIDGET_KEY?locale=en&tab=chat&platform=flutter&app_id=com.example.app'));

  @override
  Widget build(BuildContext context) {
    return WebViewWidget(controller: controller);
  }
}