prototype complete

lib/screens/gateway/gateway_controller.dart

@@ -0,0 +1,112 @@
+import 'package:flutter/material.dart';
+import 'dart:async'; // Add Timer import
+import 'package:qpay/http/http.dart';
+import 'package:qpay/screens/transaction_controller.dart';
+import 'package:provider/provider.dart';
+
+class GatewayModel {
+  bool isLoading = false;
+  String status = '';
+  String? errorMessage;
+  bool isCancelled = false;
+}
+
+class GatewayController extends ChangeNotifier {
+  final GatewayModel model = GatewayModel();
+  final Http http = Http();
+  Timer? _pollTimer; // Add timer field
+  BuildContext context;
+
+  late TransactionController transactionController;
+
+  GatewayController(this.context) {
+    transactionController = Provider.of<TransactionController>(
+      context,
+      listen: false,
+    );
+  }
+
+  void _showErrorSnackBar(String? message) {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(message.toString()),
+          behavior: SnackBarBehavior.floating,
+          backgroundColor: Colors.deepOrange,
+        ),
+      );
+    });
+  }
+
+  void startLoading() {
+    model.isLoading = true;
+    notifyListeners();
+  }
+
+  void finishLoading() {
+    model.isLoading = false;
+    notifyListeners();
+  }
+
+  Future<void> pollTransaction(String uid) async {
+    while (!model.isCancelled) {
+      // Check cancellation flag instead of true
+      // Wait 5 seconds before the next poll
+      await Future.delayed(const Duration(seconds: 5));
+
+      // Check again after delay in case it was cancelled during the delay
+      if (model.isCancelled) break;
+
+      try {
+        dynamic response = await http.get('/transaction/poll/$uid');
+        logger.i(response.toString());
+
+        if (response['status'] == 'SUCCESS') {
+          model.status = response['status'];
+          transactionController.updateReceiptData(response);
+          notifyListeners();
+          break;
+        }
+      } catch (e) {
+        logger.e(e);
+        _showErrorSnackBar(
+          "Network error. Please try again or contact support",
+        );
+      }
+    }
+  }
+
+  // Alternative method using Timer instead of while loop
+  void pollTransactionWithTimer(String uid) {
+    _pollTimer = Timer.periodic(const Duration(seconds: 5), (timer) async {
+      if (model.isCancelled) {
+        timer.cancel();
+        return;
+      }
+
+      try {
+        dynamic response = await http.get('/transaction/poll/$uid');
+        logger.i(response.toString());
+
+        if (response['status'] == 'SUCCESS') {
+          model.status = response['status'];
+          transactionController.updateReceiptData(response);
+          notifyListeners();
+          timer.cancel(); // Stop polling on success
+        }
+      } catch (e) {
+        logger.e(e);
+        _showErrorSnackBar(
+          "Network error. Please try again or contact support",
+        );
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    model.isCancelled = true;
+    _pollTimer?.cancel(); // Cancel timer if it exists
+    super.dispose();
+  }
+}

lib/screens/gateway/gateway_screen.dart

@@ -0,0 +1,86 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:qpay/screens/gateway/gateway_controller.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+class GatewayScreen extends StatefulWidget {
+  final String url;
+  const GatewayScreen({super.key, required this.url});
+
+  @override
+  State<GatewayScreen> createState() => _GatewayScreenState();
+}
+
+class _GatewayScreenState extends State<GatewayScreen> {
+  late WebViewController _webViewController;
+  late GatewayController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _initWebView(widget.url);
+    controller = GatewayController(context);
+    controller.pollTransaction(
+      controller.transactionController.model.receiptData?['id'],
+    );
+  }
+
+  void _initWebView(String url) {
+    _webViewController =
+        WebViewController()
+          ..setJavaScriptMode(JavaScriptMode.unrestricted)
+          ..setNavigationDelegate(
+            NavigationDelegate(
+              onProgress: (int progress) {
+                // Update loading bar.
+              },
+              onPageStarted: (String url) {
+                controller.startLoading();
+              },
+              onPageFinished: (String url) {
+                controller.finishLoading();
+              },
+              onHttpError: (HttpResponseError error) {},
+              onWebResourceError: (WebResourceError error) {},
+            ),
+          )
+          ..loadRequest(Uri.parse(url));
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Complete your payment'),
+        leading:
+            context.canPop()
+                ? IconButton(
+                  onPressed: () {
+                    context.pop();
+                  },
+                  icon: const Icon(Icons.arrow_back),
+                )
+                : SizedBox.shrink(),
+      ),
+      body: ListenableBuilder(
+        listenable: controller,
+        builder: (context, child) {
+          if (controller.model.status == 'SUCCESS') {
+            WidgetsBinding.instance.addPostFrameCallback((_) {
+              context.go('/receipt');
+            });
+          }
+          return controller.model.isLoading
+              ? const Center(child: CircularProgressIndicator(strokeWidth: 5))
+              : WebViewWidget(controller: _webViewController);
+        },
+      ),
+    );
+  }
+}