FSM v1.1: Citizen UI

While Creating new application, there are two new screens which is introduced in FSM v1.1 updates.

Payment Preference screen and Gender Screen.

Payment Screen:

User can select his/her choice of payment mode in this screen.

Technical Implementation details:

SelectPaymentPreference.js is the file for rendering component based on the type of option. The path for the file is

DIGIT-Dev/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/pageComponents/SelectPaymentPreference.js

MDMS Update:

For Payment preference : PaymentType.json

https://github.com/egovernments/egov-mdms-data/blob/DEV/data/pb/FSM/PaymentType.json

{
    "tenantId": "pb",
    "moduleName": "FSM",
    "PaymentType": [
        {
            "name": "Pay Now",
            "code": "PRE_PAY",
            "active": true
        },
        {
            "name": "Pay on Service",
            "code": "POST_PAY",
            "active": true
        }
    ]
}

Gender Screen:

User can choose gender type in this screen.

Technical Implementation details:

SelectGender.js is the file for rendering component based on the type of option. The path for the file is

DIGIT-Dev/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/pageComponents/SelectGender.js

Below are the code snippet to fetch the gender type:

const { data: GenderData, isLoading } = Digit.Hooks.fsm.useMDMS(stateId, "common-masters", "FSMGenderType");