[UI] Global Search Improvements

[muditbhutani]

Objective
Inform users about all the possible type of information they can search using Global search

Changes Required
Field types:

1. Fields which will have fixed suggested values for the user, for these fields the total possible options are less than 15. The journey here will be: user selects the category to filter on -> user is suggested the exhaustive set of options to choose from -> user selects one of the option -> the applied value along with the filter name will be visible to the user -> user will still be able to do open search through the input box. Examples: payment method, payment method type, card network, processor, currency

For the suggested options in fields even though we will show the exhaustive values, we will prioritise showing the values that have real transactions associated with them at the top. For example: we have 50+ currencies, top 10 can be the ones which already have associated transactions in production

2. Fields which have too many values like customer email, payment id, refund id, dispute id, customer id, network transaction id.

For these fields, we will show user the categories below the first set of fields so that user is made aware of what are the exhaustive set of search possibilities for this feature

3. Dynamic fields
   Fields where we need to dynamically fetch the suggestions based on last week/months data. These are set of fields where user might not be aware of what to type but the number of possible values are too large that we cannot provide a large static list.

This set of fields are to be ignored for now^^

NOTE:
To accommodate the exhaustive set of fields, we can increase the size of global search modal

As soon as user selects an option from one of the suggestions in field 1 type, we will add it as a filter and place user back to input box with all the suggestions of available filters still there. Filter can be placed on the left or below the input box

Sample:

[tsdk02]

In the image shown above, are the values which are shown selected by the user? Or are they the static list of values shown on the UI?

Can the common filters be a dropdown with exhaustible list of values ?

[tsdk02]

Will there be ease of applying filters again, once the results are shown after selecting some filters?
And where are the search results actually being shown on the UI?