View Receipt - Cancel UI Flow

Objective

Provide Employee to Cancel a Receipt against a Receipt number.

Route - mSeva

View Receipt

After searching a receipt with a click of Receipt number it navigates to viewing the receipt details.

and view receipt details are mentioned over https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/receipts/src/pages/ReceiptDetails.js

Technical Implementation Details

Initial MDMS call is being made on page load. CancelReceiptReason MDMS is used for showing multiple reasons for cancelling.

     moduleDetails: [
        {
          moduleName: "common-masters",
          masterDetails: [
            {
              name: "CancelReceiptReason"
            }
          ]
        }
      ]

Cancel Receipt

Action modal, This comes up with the click of cancel receipt. This cancel receipt action will be shown only for the following state of receipt.

Receipt?.paymentStatus !== "CANCELLED" && Receipt?.paymentStatus !== "DEPOSITED" && (Receipt?.instrumentStatus == "APPROVED" || Receipt?.instrumentStatus == "REMITTED"

Data fetch, load and render

Once the Receipt is searched using collection-services/payments/{selectedbusinessService}/_search API , then we can cancel the receipt using /collection-services/payments/{selectedbusinessService}/_workflow Api

Acknowledgement screen It gets shown once the cancel receipt is clicked File details, https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/receipts/src/pages/ReceiptAcknowledgement.js