Help/FAQ Section - Citizen UI

Objective: To enable citizens to access contextual help and information with links to various features such as Pay Via WhatsApp.

Help Section

Workflow Details

The feature provides users with tenant-specific data.

Technical Implementation

Dynamic Data

The dynamic data is displayed in range cells. We get the dynamic data from the particular service APIs. These APIs enable open search so citizen users can check these data even if they are not logged in.

MDMS Data

Static data like Helpline, Service Center, Pay Via WhatsApp link and validity of an application is fetched from the MDMS config.

If we do not want any cards displayed, this can be removed from MDMS for the particular service.

 "MdmsCriteria": {
        "tenantId": "pb",
        "moduleDetails": [
            {
                "moduleName": "common-masters",
                "masterDetails": [
                    {
                        "name": "StaticData"
                    }
                ]
            }
        ]
    }

Add links to FAQs and How it works for each module:

We can add FAQs and the How it Works links in the MDMS for each service.

Navigation URL for FAQs: "/digit-ui/citizen/{module}-faq"

(Replace {module} with moduleCode. For Ex: "/digit-ui/citizen/pt-faq")

Navigation URL for How it works : "/digit-ui/citizen/{module}-how-it-works"

(Replace {module} with moduleCode. For Ex: "/digit-ui/citizen/pt-how-it-works")

Object reference:

{"id": 2331,

"name": "PT_FAQ_S",

"url": "digit-ui-card",

"displayName": "FAQs",

"orderNumber": 1,

"parentModule": "PT",

"enabled": true,

"navigationURL": "/digit-ui/citizen/pt-faq",

"leftIcon": "propertyIcon",

"sidebar": "digit-ui-links",

"sidebarURL": "/digit-ui/citizen/pt-home" }

FAQs

Workflow Details

Users can check for frequently asked / common questions on this page.

We are using a common screen for all module FAQs. Based on the module code, the FAQs are rendered from MDMS.

Technical Implementation

Add new FAQs to the list: We can add new FAQs to the list by adding a new object in the MDMS config for the respective service.

Object reference:

"TL" : {

"faqs": [{

"question": "TL_FAQ_QUES_ONE",

"answer": "TL_FAQ_ANS_ONE"}

]}

MDMS Data

FAQs are added for each service from the MDMS configuration. More FAQs can be added in the MDMS and those will be shown in the UI.

 "MdmsCriteria": {
        "tenantId": "pb",
        "moduleDetails": [
            {
                "moduleName": "common-masters",
                "masterDetails": [
                    {
                        "name": "faqs"
                    }
                ]
            }
        ]
    }

How It Works Section

Workflow Details

Users can check what they can do or how they can get the benefits of a particular service.

A common screen is used for all the modules in the How it Works section. Based on the module code, the cards are rendered from MDMS.

Add a new Card to the list: We can add a new Card to the list by adding a new object in the MDMS config for the respective service.

On Language change, the link to the videos also changes.

Technical Implementation

Object reference:

{"moduleCode" : "PT",

"videosJson": [{

"headerLabel": "ADD_PROPERTY",

"description": "ADD_PROPERTY_VIDEO_DESC",

"en_IN": "http://media.w3.org/2010/05/sintel/trailer.mp4",

"hi_IN": "http://media.w3.org/2010/05/sintel/trailer.mp4"},

"pdfHeader": "CITIZEN_CHARTER_DOCUMENT",

"pdfDesc": "CITIZEN_CHARTER_DOC_DESC"}

MDMS Data

How it works properties and video links are added for each service from MDMS Config.

 "MdmsCriteria": {
        "tenantId": "pb",
        "moduleDetails": [
            {
                "moduleName": "common-masters",
                "masterDetails": [
                    {
                        "name": "howItWorks"
                    }
                ]
            }
        ]
    }

API Calls To Fetch Dynamic Data

#	Service	Navigation Screen URL	API	Payload Params
1	PT	digit-ui/citizen/pt-home	property-services/property/_search	{ tenantId : "" fromDate : toDate : status : "ACTIVE" }
2	TL	digit-ui/citizen/tl-home	tl-services/v1/_search	{ tenantId : "" }
3	WS	digit-ui/citizen/ws-home	inbox/v1/dss/_search	{ module: "WS" tenantId: "" }
4	PGR	digit-ui/citizen/pgr-home	pgr-services/v2/request/_search	{ tenantId : "" }
5	BPA	digit-ui/citizen/obps-home	inbox/v1/dss/_search	{ module: "BPA" tenantId: "" }
6	MCOLLECT	digit-ui/citizen/mcollect-home	echallan-services/eChallan/v1/_search	{ tenantId : "" }