Wallet & Passbook Frontend HLD
- Ganesh Kande
Status | IN PROGRESS |
|---|---|
Prepared and Implementation By | @Ganesh Kande |
Technical Review By | @Aman Singh @Raj Shukla |
Jira ticket | |
Related docs | Figma Link: WIP May 2024 |
Introduction:-
The Eshopbox Wallet is a digital payment solution designed to simplify and streamline the financial aspects of shipping and logistics for brands using the Eshopbox platform. By offering a secure and efficient way to manage funds, the wallet allows brands to handle shipping-related payments seamlessly. Whether brands are preloading funds for immediate use or utilizing credit for postpaid transactions, the Eshopbox Wallet provides the flexibility and control needed to ensure smooth operations.
Flow:-
When the user lands on the dashboard the user will be able to see the wallet balance on the top navigation bar which is fetched from the balance api
Part of top-navigation.component.ts
When a user wants to navigate to more information regarding the wallet they should click on the balance as it is a clickable field. after clicking on the balance, the user will be able to access the functionalities of the wallet which are from
recharge-wallet.component.tswhich is part of the Wallet module.Recharge the wallet: A wallet can be recharged in three ways
Online Payment :
For this payment option, the user will be asked to fill in the amount the user wants to recharge and then after proceeding to payment, the Razorpay form will be opened, and after successful payment, the user will navigate back to the workspace.
Bank Transfer:
If the user chooses the bank transfer method, the bank details of The Eshopbox will be shown. where the user needs to fill following fieldsAmount
Transaction Type
UTR Number
COD Balance :
For this payment method, the amount will be deducted from the COD balance that the workspace has.
