esewa_flutter

Description:

esewa flutter

eSewa Flutter #


An un-official Flutter plugin for eSewa Payment Gateway. With this plugin, you can easily integrate
eSewa Payment Gateway into your Flutter app and start accepting payments from your customers.
Whether you're building an eCommerce app or any other type of app that requires payments, this
plugin makes the integration process simple and straightforward.

Note #
This package doesn't use any plugin or native APIs for payment initialization. Instead, it is based on the Flutter InAppWebView package. A shoutout to the developer of InAppWebView package for providing such a useful package.
Features #

Easy integration
No complex setup
Pure Dart code
Simple to use

Requirements #

Android: minSdkVersion 19 and add support for androidx (see AndroidX Migration)
iOS: --ios-language swift, Xcode version >= 11

Setup #



Platform
Configuration




iOS
No Configuration Needed. For more info, see here


Android
Set minSdkVersion of your android/app/build.gradle file to at least 19. For more info, see here



Usage #

Add esewa_flutter as a dependency in your pubspec.yaml file:

dependencies:
esewa_flutter: ^1.0.0
copied to clipboard

Import the package in your Dart code:

import 'package:esewa_flutter/esewa_flutter.dart';

Create an instance of ESewaConfig with your payment information:

The ESewaConfig class holds the configuration details for the payment gateway. Pass an instance of
ESewaConfig to the init() method of the Esewa class to initiate the payment process.
final config = ESewaConfig.live(
amt: 100,
scd: 'merchant_id',
pid: 'product_id',
su: 'https://success.com.np',
fu: 'https://failure.com.np',
);

copied to clipboard

Initialize the payment by calling Esewa.init() method:

final result = await Esewa.i.init(
context: context,
eSewaConfig: config,
);
copied to clipboard

Check the payment result:

After the payment is completed or cancelled by the user, the plugin returns an instance of
EsewaPaymentResult. If the payment was successful, hasData will be true and you can access the
EsewaPaymentResponse object using data. If the payment was unsuccessful, hasError will be true and
you can access the error message using error.
if (result.hasData) {
// Payment successful
final response = result.data!;
print('Payment successful. Ref ID: ${response.refId}');
} else {
// Payment failed or cancelled
final error = result.error!;
print('Payment failed or cancelled. Error: $error');
}
copied to clipboard
Dev/Live Mode #
ESewaConfig supports both dev and live mode. For live mode, use the ESewaConfig.live()
constructor, and for dev mode, use the ESewaConfig.dev() constructor. Here's an example of using
the dev mode:
final config = ESewaConfig.dev(
amt: 100,
pid: 'product_id',
su: 'https://success.com.np',
fu: 'https://failure.com.np',
);
copied to clipboard
APIs #
Class : Esewa #
The Esewa provides a way to initialize Esewa payment using a custom button or a custom UI.
Here's an example:
Methods #
init({required BuildContext context,required ESewaConfig eSewaConfig,EsewaPageContent? pageContents})
copied to clipboard
: Initializes the eSewa payment gateway with the given configuration
Initializes payment method

final result = await Esewa.i.init(
context: context,
eSewaConfig: ESewaConfig.dev(
// .live for live
su: 'https://www.marvel.com/hello',
amt: 10,
fu: 'https://www.marvel.com/hello',
pid: '1212',
// scd: dotenv.env['ESEWA_SCD']!
));
copied to clipboard
Class : EsewaPageContent #
The EsewaPageContent class provides options for customizing the Esewa payment screen. You can
add an app bar and a custom loader to the payment screen. Here's an example:
EsewaPageContent(
appBar: AppBar(
title: Text('Esewa Payment'),
),
progressLoader: CircularProgressIndicator(),
);

copied to clipboard
Class: ESewaConfig #
The ESewaConfig class is used to configure the eSewa payment gateway for either live or dev mode.
It has two constructors:


ESewaConfig.live(): used for live mode configuration. It requires amt, scd, pid, su,
and fu parameters, and optionally txAmt, psc, and pdc parameters. The serverUrl
parameter is set to the eSewa live URL by default.


ESewaConfig.dev(): used for dev mode configuration. It requires amt, scd, pid, su,
and fu parameters, and optionally txAmt, psc, and pdc parameters. The serverUrl
parameter is set to the eSewa dev URL by default.


Properties #

serverUrl (required): URL of the eSewa payment gateway. Use https://esewa.com.np/epay/main for
live environment, and https://uat.esewa.com.np/epay/main for development environment.
amt (required): Amount of the payment.
scd (required): Merchant code provided by eSewa.
pid (required): A unique ID of the product or item or ticket etc.
su (required): Success URL: a redirect URL of merchant application where customer will be
redirected after SUCCESSFUL transaction.
fu (required): Failure URL: a redirect URL of merchant application where customer will be
redirected after FAILURE or PENDING transaction.
tAmt (optional): Total payment amount including tax, service and deliver charge. Default value
is amt + pdc, where pdc is 0.
txAmt (optional): Tax amount on product or item or ticket etc. Default value is 0.
psc (optional): Service charge by merchant on product or item or ticket etc. Default value is 0.
pdc (optional): Delivery charge by merchant on product or item or ticket etc. Default value is
0.

Class: EsewaPaymentResult #
Class representing the result of a payment transaction.
Properties #

data: The payment response data, if the payment was successful. Null otherwise.
error: The error message, if the payment failed or was cancelled. Null otherwise.
hasData: A boolean indicating whether the payment was successful and contains a non-null data
property.
hasError: A boolean indicating whether the payment failed or was cancelled and contains a
non-null error property.

Class: EsewaPayButton #
The EsewaPayButton is a customizable button widget that allows users to initiate the payment process
for the eSewa Payment Gateway. The button can be easily integrated into your Flutter app by calling
the EsewaPayButton constructor and passing the required parameters.
Here is an example of how to use the EsewaPayButton widget:
EsewaPayButton(
paymentConfig: ESewaConfig.dev(
su: 'https://www.marvel.com/hello',
amt: 10,
fu: 'https://www.marvel.com/hello',
pid: '1212',
),
width: 40,
onFailure: (result) async {
// handle failure scenario here
},
onSuccess: (result) async {
// handle success scenario here
},
),

copied to clipboard
With EsewaPayButton, the integration of eSewa Payment Gateway becomes even easier, as the payment
process can be initiated with just a single button press.
Properties #
The EsewaPayButton widget has the following parameters:

width: The width of the button (default is double.infinity).
height: The height of the button (default is 40.0).
color: The background color of the button (default is the primary color of the app).
borderColor: The border color of the button (default is the primary color of the app).
onSuccess: The callback function that is called when the payment is successful.
onFailure: The callback function that is called when the payment fails.
paymentConfig: The eSewa payment configuration object that is required to initialize the payment
screen.
radius: The border radius of the button (default is 4).
widget: An optional widget to be placed instead of the title text field. If the user wants to
place a row with the eSewa icon or different widget.
title: The title of the button (default is "Pay with Esewa").
textStyle: The text style of the button title.

Dev Testing Information #
If you want to test eSewa payment integration in development environment, you can use the following
information:

ESEWA_SCD: Your Merchant code provided by eSewa. You can use EPAYTEST for testing purposes.
ESEWA_URL: The URL of the eSewa payment gateway. Use https://uat.esewa.com.np/epay/main? for
development environment.
Test eSewa IDs: You can use any of the following test eSewa IDs for testing purposes:

9806800001
9806800002
9806800003
9806800004
9806800005


Password: Nepal@123
OTP: 123456

Screenshots #
Here are some screenshots of the eSewa Payment Gateway integrated into a ecommerce Flutter app:






Run the example app #

Navigate to the example folder cd example
Install the dependencies

flutter pub get


Set up configuration ESewaConfig.live() or directly run with just ESewaConfig.dev() in dev
mode
Start the example

Terminal : flutter run



License #
This plugin is released under the MIT License. See LICENSE for details.
Contributions #
Contributions are welcome! To make this project better, Feel free to open an issue or submit a pull
request on Github..
Contact #
If you have any questions or suggestions, feel free
to contact me on LinkedIn.