493 lines
14 KiB
Dart
493 lines
14 KiB
Dart
import 'dart:convert';
|
|
|
|
import 'package:Tripz/constant/box_name.dart';
|
|
import 'package:Tripz/constant/links.dart';
|
|
import 'package:Tripz/controller/functions/crud.dart';
|
|
import 'package:Tripz/main.dart';
|
|
import 'package:dio/dio.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:webview_flutter/webview_flutter.dart';
|
|
import 'package:http/http.dart' as http;
|
|
import '../../../print.dart';
|
|
import '../../functions/encrypt_decrypt.dart';
|
|
|
|
class PaymobResponse {
|
|
bool success;
|
|
String? transactionID;
|
|
String? responseCode;
|
|
String? message;
|
|
|
|
PaymobResponse({
|
|
this.transactionID,
|
|
required this.success,
|
|
this.responseCode,
|
|
this.message,
|
|
});
|
|
|
|
factory PaymobResponse.fromJson(Map<String, dynamic> json) {
|
|
return PaymobResponse(
|
|
success: json['success'] == 'true',
|
|
transactionID: json['id'],
|
|
message: json['message'],
|
|
responseCode: json['txn_response_code'],
|
|
);
|
|
}
|
|
}
|
|
|
|
class PaymobPayment {
|
|
static PaymobPayment instance = PaymobPayment();
|
|
|
|
bool _isInitialized = false;
|
|
|
|
final Dio _dio = Dio();
|
|
final _baseURL = 'https://accept.paymob.com/api/';
|
|
late String _apiKey;
|
|
late int _integrationID;
|
|
late int _iFrameID;
|
|
late String _iFrameURL;
|
|
late int _userTokenExpiration;
|
|
|
|
/// Initializing PaymobPayment instance.
|
|
Future<bool> initialize({
|
|
/// It is a unique identifier for the merchant which used to authenticate your requests calling any of Accept's API.
|
|
/// from dashboard Select Settings -> Account Info -> API Key
|
|
required String apiKey,
|
|
|
|
/// from dashboard Select Developers -> Payment Integrations -> Online Card ID
|
|
required int integrationID,
|
|
|
|
/// from paymob Select Developers -> iframes
|
|
required int iFrameID,
|
|
|
|
/// The expiration time of this payment token in seconds. (The maximum is 3600 seconds which is an hour)
|
|
int userTokenExpiration = 300,
|
|
}) async {
|
|
if (_isInitialized) {
|
|
return true;
|
|
}
|
|
_dio.options.baseUrl = _baseURL;
|
|
_dio.options.validateStatus = (status) => true;
|
|
_apiKey = apiKey;
|
|
_integrationID = integrationID;
|
|
_iFrameID = iFrameID;
|
|
_iFrameURL =
|
|
'https://accept.paymobsolutions.com/api/acceptance/iframes/$_iFrameID?payment_token=';
|
|
_isInitialized = true;
|
|
_userTokenExpiration = userTokenExpiration;
|
|
return _isInitialized;
|
|
}
|
|
|
|
/// Get authentication token, which is valid for one hour from the creation time.
|
|
Future<String> _getAuthToken() async {
|
|
try {
|
|
final response = await _dio.post(
|
|
'auth/tokens',
|
|
data: {
|
|
'api_key': _apiKey,
|
|
},
|
|
);
|
|
|
|
return response.data['token'];
|
|
} catch (e) {
|
|
rethrow;
|
|
}
|
|
}
|
|
|
|
/// At this step, you will register an order to Accept's database, so that you can pay for it later using a transaction
|
|
Future<int> _addOrder({
|
|
required String authToken,
|
|
required String currency,
|
|
required String amount,
|
|
required List items,
|
|
}) async {
|
|
try {
|
|
final response = await _dio.post(
|
|
'ecommerce/orders',
|
|
data: {
|
|
"auth_token": authToken,
|
|
"delivery_needed": "false",
|
|
"amount_cents": amount,
|
|
"currency": currency,
|
|
"items": items,
|
|
},
|
|
);
|
|
|
|
return response.data['id'];
|
|
} catch (e) {
|
|
rethrow;
|
|
}
|
|
}
|
|
|
|
/// At this step, you will obtain a payment_key token. This key will be used to authenticate your payment request. It will be also used for verifying your transaction request metadata.
|
|
Future<String> _getPurchaseToken({
|
|
required String authToken,
|
|
required String currency,
|
|
required int orderID,
|
|
required String amount,
|
|
required PaymobBillingData billingData,
|
|
}) async {
|
|
final response = await _dio.post(
|
|
'acceptance/payment_keys',
|
|
data: {
|
|
"auth_token": authToken,
|
|
"amount_cents": amount,
|
|
"expiration": _userTokenExpiration,
|
|
"order_id": orderID,
|
|
"billing_data": billingData,
|
|
"currency": currency,
|
|
"integration_id": _integrationID,
|
|
"lock_order_when_paid": "false"
|
|
},
|
|
);
|
|
final message = response.data['message'];
|
|
if (message != null) {
|
|
throw Exception(message);
|
|
}
|
|
return response.data['token'];
|
|
}
|
|
|
|
/// Proceed to pay with only calling this function.
|
|
/// Opens a WebView at Paymob redirectedURL to accept user payment info.
|
|
Future<PaymobResponse?> pay(
|
|
{
|
|
/// BuildContext for navigation to WebView
|
|
required BuildContext context,
|
|
|
|
/// Which Currency you would pay in.
|
|
required String currency,
|
|
|
|
/// Payment amount in cents EX: 20000 is an 200 EGP
|
|
required String amountInCents,
|
|
|
|
/// Optional Callback if you can use return result of pay function or use this callback
|
|
void Function(PaymobResponse response)? onPayment,
|
|
|
|
/// list of json objects contains the contents of the purchase.
|
|
List? items,
|
|
|
|
/// The billing data related to the customer related to this payment.
|
|
PaymobBillingData? billingData}) async {
|
|
if (!_isInitialized) {
|
|
throw Exception(
|
|
'PaymobPayment is not initialized call:`PaymobPayment.instance.initialize`');
|
|
}
|
|
final authToken = await _getAuthToken();
|
|
final orderID = await _addOrder(
|
|
authToken: authToken,
|
|
currency: currency,
|
|
amount: amountInCents,
|
|
items: items ?? [],
|
|
);
|
|
final purchaseToken = await _getPurchaseToken(
|
|
authToken: authToken,
|
|
currency: currency,
|
|
orderID: orderID,
|
|
amount: amountInCents,
|
|
billingData: billingData ?? PaymobBillingData(),
|
|
);
|
|
if (context.mounted) {
|
|
final response = await PaymobIFrame.show(
|
|
context: context,
|
|
redirectURL: _iFrameURL + purchaseToken,
|
|
onPayment: onPayment,
|
|
);
|
|
return response;
|
|
}
|
|
return null;
|
|
} //51624
|
|
}
|
|
|
|
class PaymobBillingData {
|
|
String? email;
|
|
String? firstName;
|
|
String? lastName;
|
|
String? phoneNumber;
|
|
String? apartment;
|
|
String? floor;
|
|
String? street;
|
|
String? building;
|
|
String? postalCode;
|
|
String? city;
|
|
String? state;
|
|
String? country;
|
|
String? shippingMethod;
|
|
|
|
PaymobBillingData({
|
|
this.email,
|
|
this.firstName,
|
|
this.lastName,
|
|
this.phoneNumber,
|
|
this.apartment,
|
|
this.floor,
|
|
this.street,
|
|
this.building,
|
|
this.postalCode,
|
|
this.city,
|
|
this.state,
|
|
this.country,
|
|
this.shippingMethod,
|
|
});
|
|
|
|
Map<String, dynamic> toJson() {
|
|
return {
|
|
"email": box.read(BoxName.email) ?? box.read(BoxName.emailDriver),
|
|
"first_name": EncryptionHelper.instance
|
|
.decryptData(box.read(BoxName.name).toString().split(' ')[0])
|
|
.toString(),
|
|
"last_name": EncryptionHelper.instance
|
|
.decryptData(box.read(BoxName.name).toString().split(' ')[1])
|
|
.toString(),
|
|
"phone_number":
|
|
EncryptionHelper.instance.decryptData(box.read(BoxName.phone)),
|
|
"apartment": apartment ?? "NA",
|
|
"floor": floor ?? "NA",
|
|
"building": building ?? "NA",
|
|
"street": street ?? "NA",
|
|
"postal_code": postalCode ?? "NA",
|
|
"city": city ?? "NA",
|
|
"state": state ?? "NA",
|
|
"country": country ?? "NA",
|
|
"shipping_method": box.read(BoxName.passengerID) ?? "NA",
|
|
};
|
|
}
|
|
}
|
|
|
|
class PaymobIFrame extends StatefulWidget {
|
|
const PaymobIFrame({
|
|
Key? key,
|
|
required this.redirectURL,
|
|
this.onPayment,
|
|
}) : super(key: key);
|
|
|
|
final String redirectURL;
|
|
final void Function(PaymobResponse)? onPayment;
|
|
|
|
static Future<PaymobResponse?> show({
|
|
required BuildContext context,
|
|
required String redirectURL,
|
|
void Function(PaymobResponse)? onPayment,
|
|
}) =>
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (context) {
|
|
return PaymobIFrame(
|
|
onPayment: onPayment,
|
|
redirectURL: redirectURL,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
|
|
@override
|
|
State<PaymobIFrame> createState() => _PaymobIFrameState();
|
|
}
|
|
|
|
class _PaymobIFrameState extends State<PaymobIFrame> {
|
|
WebViewController? controller;
|
|
|
|
@override
|
|
void initState() {
|
|
controller = WebViewController()
|
|
..setJavaScriptMode(JavaScriptMode.unrestricted)
|
|
..setNavigationDelegate(
|
|
NavigationDelegate(
|
|
onNavigationRequest: (NavigationRequest request) {
|
|
if (request.url.contains('txn_response_code') &&
|
|
request.url.contains('success') &&
|
|
request.url.contains('id')) {
|
|
final params = _getParamFromURL(request.url);
|
|
final response = PaymobResponse.fromJson(params);
|
|
if (widget.onPayment != null) {
|
|
widget.onPayment!(response);
|
|
}
|
|
Navigator.pop(context, response);
|
|
return NavigationDecision.prevent;
|
|
}
|
|
return NavigationDecision.navigate;
|
|
},
|
|
),
|
|
)
|
|
..loadRequest(Uri.parse(widget.redirectURL));
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: controller == null
|
|
? const Center(
|
|
child: CircularProgressIndicator.adaptive(),
|
|
)
|
|
: SafeArea(
|
|
child: WebViewWidget(
|
|
controller: controller!,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Map<String, dynamic> _getParamFromURL(String url) {
|
|
final uri = Uri.parse(url);
|
|
Map<String, dynamic> data = {};
|
|
uri.queryParameters.forEach((key, value) {
|
|
data[key] = value;
|
|
});
|
|
return data;
|
|
}
|
|
}
|
|
|
|
class PaymentScreen extends StatefulWidget {
|
|
final String iframeUrl;
|
|
|
|
const PaymentScreen({required this.iframeUrl, Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<PaymentScreen> createState() => _PaymentScreenState();
|
|
}
|
|
|
|
class _PaymentScreenState extends State<PaymentScreen> {
|
|
late final WebViewController _controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = WebViewController()
|
|
..setJavaScriptMode(JavaScriptMode.unrestricted)
|
|
..setNavigationDelegate(NavigationDelegate(
|
|
onPageFinished: (url) {
|
|
Log.print('url onPageFinished : ${url}');
|
|
if (url.contains("success")) {
|
|
_fetchPaymentStatus(); // ✅ استدعاء الويب هوك بعد نجاح الدفع
|
|
} else if (url.contains("failed")) {
|
|
showCustomDialog(
|
|
title: "Error".tr,
|
|
message: 'Payment Failed'.tr, // يتم جلب رسالة الخطأ من الخادم
|
|
isSuccess: false,
|
|
);
|
|
}
|
|
},
|
|
))
|
|
..loadRequest(Uri.parse(widget.iframeUrl));
|
|
}
|
|
|
|
// ✅ استدعاء الويب هوك بعد انتهاء الدفع
|
|
Future<void> _fetchPaymentStatus() async {
|
|
final String userId = EncryptionHelper.instance
|
|
.decryptData(box.read(BoxName.phoneWallet)); // ضع user_id الحقيقي
|
|
final String apiUrl = AppLink.paymetVerifyPassenger;
|
|
|
|
try {
|
|
final response = await CRUD().getWallet(link: apiUrl, payload: {
|
|
'user_id': userId,
|
|
'passengerId': box.read(BoxName.passengerID),
|
|
'paymentMethod': 'visa-in',
|
|
});
|
|
|
|
if (response != 'failure' && response != 'token_expired') {
|
|
try {
|
|
final jsonData = jsonDecode(response);
|
|
|
|
if (jsonData['status'] == 'success') {
|
|
// تأكد أن 'message' هو String وليس Map
|
|
// final message = jsonData['message'];
|
|
showCustomDialog(
|
|
title: "Payment Status",
|
|
message: jsonData['message'], // يتم جلب الرسالة من الخادم
|
|
isSuccess: true,
|
|
);
|
|
} else {
|
|
showCustomDialog(
|
|
title: "Error",
|
|
message: jsonData['message'], // يتم جلب رسالة الخطأ من الخادم
|
|
isSuccess: false,
|
|
);
|
|
}
|
|
} catch (e) {
|
|
showCustomDialog(
|
|
title: "Error",
|
|
message: response, // يتم جلب رسالة الخطأ من الخادم
|
|
isSuccess: false,
|
|
);
|
|
}
|
|
} else {
|
|
showCustomDialog(
|
|
title: "Error".tr,
|
|
message: response, // يتم جلب رسالة الخطأ من الخادم
|
|
isSuccess: false,
|
|
);
|
|
}
|
|
} catch (e) {
|
|
showCustomDialog(
|
|
title: "Error".tr,
|
|
message: 'Server error'.tr, // يتم جلب رسالة الخطأ من الخادم
|
|
isSuccess: false,
|
|
);
|
|
}
|
|
}
|
|
|
|
void showCustomDialog({
|
|
required String title,
|
|
required String message,
|
|
required bool isSuccess,
|
|
}) {
|
|
showDialog(
|
|
barrierDismissible: false,
|
|
context: Get.context!,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
),
|
|
title: Row(
|
|
children: [
|
|
Icon(
|
|
isSuccess ? Icons.check_circle : Icons.error,
|
|
color: isSuccess ? Colors.green : Colors.red,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
color: isSuccess ? Colors.green : Colors.red,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
content: Text(
|
|
message,
|
|
style: const TextStyle(fontSize: 16),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.pop(context);
|
|
Navigator.pop(context);
|
|
},
|
|
style: TextButton.styleFrom(
|
|
backgroundColor: isSuccess ? Colors.green : Colors.red,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
),
|
|
),
|
|
child: Text(
|
|
"OK",
|
|
style: const TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('إتمام الدفع')),
|
|
body: WebViewWidget(controller: _controller),
|
|
);
|
|
}
|
|
}
|