Added Payment Module
FaizHashmiCS22
2 years ago
parent
75fd726027
commit
78cfdbac49
@ -0,0 +1,68 @@
|
|||||||
|
class PayOrderDetailRespModel {
|
||||||
|
int? id;
|
||||||
|
String? userFullName;
|
||||||
|
String? userMobile;
|
||||||
|
String? userEmail;
|
||||||
|
String? userID;
|
||||||
|
double? amount;
|
||||||
|
String? currency;
|
||||||
|
int? payFortProjectID;
|
||||||
|
int? payFortServiceID;
|
||||||
|
String? description;
|
||||||
|
bool? isPaid;
|
||||||
|
String? language;
|
||||||
|
int? serviceAppointmentID;
|
||||||
|
int? providerSubscriptionID;
|
||||||
|
|
||||||
|
PayOrderDetailRespModel(
|
||||||
|
{this.id,
|
||||||
|
this.userFullName,
|
||||||
|
this.userMobile,
|
||||||
|
this.userEmail,
|
||||||
|
this.userID,
|
||||||
|
this.amount,
|
||||||
|
this.currency,
|
||||||
|
this.payFortProjectID,
|
||||||
|
this.payFortServiceID,
|
||||||
|
this.description,
|
||||||
|
this.isPaid,
|
||||||
|
this.language,
|
||||||
|
this.serviceAppointmentID,
|
||||||
|
this.providerSubscriptionID});
|
||||||
|
|
||||||
|
PayOrderDetailRespModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
userFullName = json['userFullName'];
|
||||||
|
userMobile = json['userMobile'];
|
||||||
|
userEmail = json['userEmail'];
|
||||||
|
userID = json['userID'];
|
||||||
|
amount = json['amount'];
|
||||||
|
currency = json['currency'];
|
||||||
|
payFortProjectID = json['payFort_ProjectID'];
|
||||||
|
payFortServiceID = json['payFort_ServiceID'];
|
||||||
|
description = json['description'];
|
||||||
|
isPaid = json['isPaid'];
|
||||||
|
language = json['language'];
|
||||||
|
serviceAppointmentID = json['serviceAppointmentID'];
|
||||||
|
providerSubscriptionID = json['providerSubscriptionID'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = <String, dynamic>{};
|
||||||
|
data['id'] = id;
|
||||||
|
data['userFullName'] = userFullName;
|
||||||
|
data['userMobile'] = userMobile;
|
||||||
|
data['userEmail'] = userEmail;
|
||||||
|
data['userID'] = userID;
|
||||||
|
data['amount'] = amount;
|
||||||
|
data['currency'] = currency;
|
||||||
|
data['payFort_ProjectID'] = payFortProjectID;
|
||||||
|
data['payFort_ServiceID'] = payFortServiceID;
|
||||||
|
data['description'] = description;
|
||||||
|
data['isPaid'] = isPaid;
|
||||||
|
data['language'] = language;
|
||||||
|
data['serviceAppointmentID'] = serviceAppointmentID;
|
||||||
|
data['providerSubscriptionID'] = providerSubscriptionID;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
import 'package:mc_common_app/api/api_client.dart';
|
||||||
|
import 'package:mc_common_app/classes/app_state.dart';
|
||||||
|
import 'package:mc_common_app/classes/consts.dart';
|
||||||
|
import 'package:mc_common_app/config/dependencies.dart';
|
||||||
|
import 'package:mc_common_app/models/generic_resp_model.dart';
|
||||||
|
import 'package:mc_common_app/models/payment_models/pay_order_detail_resp_model.dart';
|
||||||
|
|
||||||
|
abstract class PaymentsRepo {
|
||||||
|
Future<PayOrderDetailRespModel> getPayOrderDetails({required int paymentId, required int adId});
|
||||||
|
}
|
||||||
|
|
||||||
|
class PaymentsRepoImp implements PaymentsRepo {
|
||||||
|
ApiClient apiClient = injector.get<ApiClient>();
|
||||||
|
AppState appState = injector.get<AppState>();
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future<PayOrderDetailRespModel> getPayOrderDetails({required int paymentId, required int adId}) async {
|
||||||
|
GenericRespModel adsGenericModel = await apiClient.getJsonForObject(token: appState.getUser.data!.accessToken, (json) => GenericRespModel.fromJson(json), ApiConsts.payForOrderDetailGet);
|
||||||
|
PayOrderDetailRespModel payOrderDetailRespModel = PayOrderDetailRespModel.fromJson(adsGenericModel.data);
|
||||||
|
return payOrderDetailRespModel;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
import 'dart:developer';
|
||||||
|
|
||||||
|
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
|
||||||
|
|
||||||
|
class MyInAppBrowser extends InAppBrowser {
|
||||||
|
final Function onExitCallback;
|
||||||
|
final Function(String) onLoadStartCallback;
|
||||||
|
|
||||||
|
MyInAppBrowser({
|
||||||
|
required this.onExitCallback,
|
||||||
|
required this.onLoadStartCallback,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future onBrowserCreated() async {
|
||||||
|
log("\n\nBrowser Created!\n\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future onLoadStart(Uri? url) async {
|
||||||
|
onLoadStartCallback(url.toString());
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future onLoadStop(Uri? url) async {
|
||||||
|
log("\n\nStopped $url\n\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onLoadError(Uri? url, int code, String message) {
|
||||||
|
log("Can't load $url.. Error: $message");
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,80 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
import 'dart:developer';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
|
||||||
|
import 'package:mc_common_app/classes/consts.dart';
|
||||||
|
import 'package:mc_common_app/services/my_in_app_browser.dart';
|
||||||
|
import 'package:mc_common_app/utils/utils.dart';
|
||||||
|
|
||||||
|
abstract class PaymentService {
|
||||||
|
Future<void> placeAdPayment({
|
||||||
|
required int id,
|
||||||
|
required int paymentType,
|
||||||
|
required Function() onSuccess,
|
||||||
|
required Function() onFailure,
|
||||||
|
});
|
||||||
|
|
||||||
|
Future<void> onBrowserLoadStart({
|
||||||
|
required String url,
|
||||||
|
required Function() onSuccess,
|
||||||
|
required Function() onFailure,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
class PaymentServiceImp implements PaymentService {
|
||||||
|
MyInAppBrowser? myInAppBrowser;
|
||||||
|
var inAppBrowserOptions = InAppBrowserClassOptions(
|
||||||
|
inAppWebViewGroupOptions:
|
||||||
|
InAppWebViewGroupOptions(crossPlatform: InAppWebViewOptions(useShouldOverrideUrlLoading: true, transparentBackground: false), ios: IOSInAppWebViewOptions(applePayAPIEnabled: true)),
|
||||||
|
crossPlatform: InAppBrowserOptions(hideUrlBar: true, toolbarTopBackgroundColor: Colors.black),
|
||||||
|
android: AndroidInAppBrowserOptions(),
|
||||||
|
ios:
|
||||||
|
IOSInAppBrowserOptions(hideToolbarBottom: true, toolbarBottomBackgroundColor: Colors.white, closeButtonColor: Colors.white, presentationStyle: IOSUIModalPresentationStyle.OVER_FULL_SCREEN));
|
||||||
|
|
||||||
|
String generateBrowserUrl(int id) {
|
||||||
|
String form = Utils.getAdsPaymentBrowserForm(paymentId: 3, adId: id);
|
||||||
|
// form.replaceFirst("SERVICE_URL_VALUE", ApiConsts.paymentWebViewUrl);
|
||||||
|
// form.replaceFirst("PaymentType_Value", 4.toString());
|
||||||
|
// form.replaceFirst("AdID_Value", id.toString());
|
||||||
|
|
||||||
|
var bytes = utf8.encode(form);
|
||||||
|
var base64Str = base64.encode(bytes);
|
||||||
|
return 'data:text/html;base64,$base64Str';
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future<void> placeAdPayment({
|
||||||
|
required int id,
|
||||||
|
required int paymentType,
|
||||||
|
required Function() onSuccess,
|
||||||
|
required Function() onFailure,
|
||||||
|
}) async {
|
||||||
|
myInAppBrowser = MyInAppBrowser(onExitCallback: () {
|
||||||
|
log("Browser Exited");
|
||||||
|
}, onLoadStartCallback: (String url) {
|
||||||
|
log("Browser LoadStart");
|
||||||
|
onBrowserLoadStart(onFailure: onFailure, onSuccess: onSuccess, url: url);
|
||||||
|
});
|
||||||
|
await myInAppBrowser!.openUrlRequest(
|
||||||
|
urlRequest: URLRequest(url: Uri.parse("${ApiConsts.paymentWebViewUrl}?PaymentType=$paymentType&AdsID=$id")),
|
||||||
|
options: inAppBrowserOptions,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Future<void> onBrowserLoadStart({
|
||||||
|
required String url,
|
||||||
|
required Function() onSuccess,
|
||||||
|
required Function() onFailure,
|
||||||
|
}) async {
|
||||||
|
for (var element in ApiConsts.closingUrls) {
|
||||||
|
if (url.contains(element)) {
|
||||||
|
if (myInAppBrowser!.isOpened()) myInAppBrowser!.close();
|
||||||
|
onSuccess();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// onFailure();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,95 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:mc_common_app/config/routes.dart';
|
||||||
|
import 'package:mc_common_app/models/payment_models/pay_order_detail_resp_model.dart';
|
||||||
|
import 'package:mc_common_app/repositories/payments_repo.dart';
|
||||||
|
import 'package:mc_common_app/services/payments_service.dart';
|
||||||
|
import 'package:mc_common_app/utils/enums.dart';
|
||||||
|
import 'package:mc_common_app/utils/navigator.dart';
|
||||||
|
import 'package:mc_common_app/utils/utils.dart';
|
||||||
|
|
||||||
|
class PaymentVM extends ChangeNotifier {
|
||||||
|
final PaymentService paymentService;
|
||||||
|
final PaymentsRepo paymentRepo;
|
||||||
|
|
||||||
|
PaymentVM({required this.paymentService, required this.paymentRepo});
|
||||||
|
|
||||||
|
PaymentMethodsEnum selectedPaymentMethod = PaymentMethodsEnum.mada;
|
||||||
|
PaymentTypesEnum currentPaymentType = PaymentTypesEnum.ads;
|
||||||
|
|
||||||
|
int currentAdId = -1;
|
||||||
|
|
||||||
|
void updateCurrentAdId({required int id}) {
|
||||||
|
currentAdId = id;
|
||||||
|
}
|
||||||
|
|
||||||
|
updateSelectedPaymentMethod(PaymentMethodsEnum selectedMethod) {
|
||||||
|
selectedPaymentMethod = selectedMethod;
|
||||||
|
notifyListeners();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> onContinuePressed(BuildContext context) async {
|
||||||
|
switch (selectedPaymentMethod) {
|
||||||
|
case PaymentMethodsEnum.mada:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentMethodsEnum.visa:
|
||||||
|
await onVisaCardSelected(context);
|
||||||
|
break;
|
||||||
|
case PaymentMethodsEnum.applePay:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentMethodsEnum.masterCard:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentMethodsEnum.tamara:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> onVisaCardSelected(BuildContext context) async {
|
||||||
|
switch (currentPaymentType) {
|
||||||
|
case PaymentTypesEnum.subscription:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentTypesEnum.appointment:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentTypesEnum.ads:
|
||||||
|
if (currentAdId == -1) return;
|
||||||
|
int paymentType = 3;
|
||||||
|
await paymentService.placeAdPayment(
|
||||||
|
id: currentAdId,
|
||||||
|
paymentType: paymentType,
|
||||||
|
onFailure: () {
|
||||||
|
Utils.showToast("Payment Failed!");
|
||||||
|
},
|
||||||
|
onSuccess: () async {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
PayOrderDetailRespModel payOrderDetailRespModel = await paymentRepo.getPayOrderDetails(paymentId: paymentType, adId: 3);
|
||||||
|
await Future.delayed(Duration(seconds: 2));
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
|
||||||
|
if (payOrderDetailRespModel.isPaid == null || !payOrderDetailRespModel.isPaid!) {
|
||||||
|
Utils.showToast("Payment Failed!");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (payOrderDetailRespModel.isPaid != null && payOrderDetailRespModel.isPaid!) {
|
||||||
|
Utils.showToast("Payment Successfully Completed!");
|
||||||
|
navigateReplaceWithNameUntilRoute(context, AppRoutes.dashboard);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case PaymentTypesEnum.adReserve:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
case PaymentTypesEnum.request:
|
||||||
|
// TODO: Handle this case.
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,127 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/classes/consts.dart';
|
||||||
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mc_common_app/theme/colors.dart';
|
||||||
|
import 'package:mc_common_app/utils/enums.dart';
|
||||||
|
import 'package:mc_common_app/utils/utils.dart';
|
||||||
|
import 'package:mc_common_app/view_models/payment_view_model.dart';
|
||||||
|
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||||
|
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class PaymentMethodsView extends StatelessWidget {
|
||||||
|
const PaymentMethodsView({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: CustomAppBar(
|
||||||
|
title: "Payment Method",
|
||||||
|
profileImageUrl: MyAssets.bnCar,
|
||||||
|
isRemoveBackButton: false,
|
||||||
|
isDrawerEnabled: false,
|
||||||
|
),
|
||||||
|
body: Container(
|
||||||
|
padding: const EdgeInsets.only(bottom: 10, left: 21, right: 21),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
20.height,
|
||||||
|
"Select Payment Method".toText(fontSize: 18, isBold: true),
|
||||||
|
15.height,
|
||||||
|
Consumer(
|
||||||
|
builder: (BuildContext context, PaymentVM paymentVm, Widget? child) {
|
||||||
|
return Expanded(
|
||||||
|
child: ListView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
children: [
|
||||||
|
PaymentMethodContainer(
|
||||||
|
isSelected: paymentVm.selectedPaymentMethod == PaymentMethodsEnum.mada,
|
||||||
|
onTap: () => paymentVm.updateSelectedPaymentMethod(PaymentMethodsEnum.mada),
|
||||||
|
cardAsset: MyAssets.madaPng),
|
||||||
|
PaymentMethodContainer(
|
||||||
|
isSelected: paymentVm.selectedPaymentMethod == PaymentMethodsEnum.visa,
|
||||||
|
onTap: () => paymentVm.updateSelectedPaymentMethod(PaymentMethodsEnum.visa),
|
||||||
|
cardAsset: MyAssets.visaPng),
|
||||||
|
PaymentMethodContainer(
|
||||||
|
isSelected: paymentVm.selectedPaymentMethod == PaymentMethodsEnum.applePay,
|
||||||
|
onTap: () => paymentVm.updateSelectedPaymentMethod(PaymentMethodsEnum.applePay),
|
||||||
|
cardAsset: MyAssets.applePayPng),
|
||||||
|
PaymentMethodContainer(
|
||||||
|
isSelected: paymentVm.selectedPaymentMethod == PaymentMethodsEnum.masterCard,
|
||||||
|
onTap: () => paymentVm.updateSelectedPaymentMethod(PaymentMethodsEnum.masterCard),
|
||||||
|
cardAsset: MyAssets.mastercardPng),
|
||||||
|
PaymentMethodContainer(
|
||||||
|
isSelected: paymentVm.selectedPaymentMethod == PaymentMethodsEnum.tamara,
|
||||||
|
onTap: () => paymentVm.updateSelectedPaymentMethod(PaymentMethodsEnum.tamara),
|
||||||
|
cardAsset: MyAssets.tamaraEngPng),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
child: ShowFillButton(
|
||||||
|
maxHeight: 55,
|
||||||
|
title: "Continue",
|
||||||
|
onPressed: () {
|
||||||
|
context.read<PaymentVM>().onContinuePressed(context);
|
||||||
|
},
|
||||||
|
backgroundColor: MyColors.darkPrimaryColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class PaymentMethodContainer extends StatelessWidget {
|
||||||
|
final bool isSelected;
|
||||||
|
final String cardAsset;
|
||||||
|
final Function() onTap;
|
||||||
|
|
||||||
|
const PaymentMethodContainer({Key? key, required this.isSelected, required this.cardAsset, required this.onTap}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return InkWell(
|
||||||
|
onTap: onTap,
|
||||||
|
child: Container(
|
||||||
|
margin: EdgeInsets.symmetric(vertical: 10),
|
||||||
|
width: double.infinity,
|
||||||
|
height: 80,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: MyColors.white,
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
border: Border.all(color: isSelected ? Colors.green : Colors.transparent, width: isSelected ? 2.0 : 0.0),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
decoration: Utils.containerColorRadiusBorderWidth(isSelected ? MyColors.primaryColor : Colors.transparent, 100, Colors.grey, 0.5),
|
||||||
|
),
|
||||||
|
12.width,
|
||||||
|
Container(
|
||||||
|
height: 80.0,
|
||||||
|
width: 80.0,
|
||||||
|
padding: EdgeInsets.all(7.0),
|
||||||
|
child: Image.asset(cardAsset),
|
||||||
|
),
|
||||||
|
Utils.mFlex(1),
|
||||||
|
isSelected ? Utils.statusContainerChip(text: "Selected", padding: EdgeInsets.symmetric(vertical: 6, horizontal: 10)) : SizedBox(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue