# New Home Feature

## Stories

Those stories are according to [screen design](https://overflow.io/s/7N6RQV?node=90c3903f&arrows=on)

### Avatar

- As a user, when I land on the home screen, I should see my avatar on top left corner

- AC

- It displays user's avatar image if set
- It displays generated avatar image if a avatar image not set

- As a user, when I land on the home screen, I should see a number on the avatar indicates the count of events

- AC

- If there's no event, displays no badge number
- If there's more than one event, displays the number on the badge
- If the number is over 100, displays 99+

- As a user, when I tap on my avatar, it navigate me to the setting screen

- AC

- When user tap on the avatar image, should navigate user to the setting screen
- Setting screen should be existing account screen

### New Chat

- As a user, when I land on the home screen, I should see a NEW_CHAT icon on top right corner

- AC

- The NEW_CHAT icon is tappable
- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I tap on the NEW_CHAT icon, app should POP_UP an CONVERSATION_INVITE screen

- AC

- When tapping, should display existing CHAT_INVITE screen
- There should be a highlighted color when user tap on the icon

- Follow on stories

- As a user, when I dismiss the CONVERSATION_INVITE screen, app should display HOME_SCREEN

- AC

- The NEW_CHAT icon is tappable
- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I select a user and start a new chat on CONVERSATION_INVITE screen, app should take me to CHAT tab, and displays on-going conversation

- AC

- Once user select a contact and start a chat, app should take user to CHAT tab

- As a user, when I select a user and start a new chat on CONVERSATION\_INVITE screen, once the conversation ends, I can tap BACK to navigate back to CHAT_HOME

### File Upload

- As a user, when I land on the home screen, I should see a NEW_FILE_UPLOAD icon on top right corner

- AC

- The NEW\_FILE\_UPLOAD icon is tappable
- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I tap on the NEW\_FILE\_UPLOAD icon, app should POP_UP a FILE_SELECTION screen

- AC

- When tapping, should display existing FILE_UPLOAD action pop up with selections

- Choose from photo
- Scan document
- Capture
- Import from

- Once user choose a selection, there will be a FOLDER_SELECTION screen to select target folder
- Once user choose a target folder, it should take user to corresponding existing screen
- There should be a highlighted color when user tap on the icon @Luis

- Follow on stories

- As a user, when I dismiss the FILE\_UPLOAD screen, app should display HOME_SCREEN

- AC

- The FILE_UPLOAD icon is tappable
- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I select an option on FILE_UPLOAD screen, app should take me to CLOUD tab, and displays on-going conversation

- AC

- Once user select an option, should upload with existing screen flow

### File Search

- As a user, when I land on the HOME\_SCREEN, I should see a SEARCH_BAR below the SCREEN TITLE

- AC

- A search bar is displayed on the navigation bar
- Search bar should have a search icon on the left

- As a user, when I tap in the SEARCH_BAR, a SEARCH_RESULT screen displays initially blank.

- AC

- Tap on the CANCEL button dismiss the search and navigate back to HOME_SCREEN
- Keyboard should pop up
- Search bar should support voice input

- As a user, when I key in keywords in the SEARCH_BAR, a SEARCH_RESULT screen displays search result

- AC

- A SEARCH_BAR search result should have the search globally in users account
- Search result is a list view displaying file type, file name, file time and more actions

- As a user, I can filter search result

- AC

- A filter button can do filter when user tap on it
- After user select a filter file type, the filers should display the filtered type on the right
- User can filter by file type

- Audio
- Documents
- Photos
- Videos
- Folders

- User can filter by modified date
- User can filter by file size

### Explore Collection

- Stories

- As a user, when I land on the NEW_HOME screen, I should see a EXPLORE_COLLECTION which has 4 types of explore view

- AC

- Should have and only have 4 EXPLORE_VIEW

- EXPLORE_VIEW

- Photos

- As a user, when I land on the NEW_HOME screen, a PHOTO EXPLORE_VIEW is in the EXPLORE_COLLECTION

- AC

- PHOTO_EXPLORE_VIEW should on the most left

- As a user, when I tap on PHOTO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to photos list

- AC

- Tap on a PHOTO_EXPLORE_VIEW should navigate user to a photos collection list
- The photos list should reuse existing PHOTO list

- Documents

- As a user, when I land on the NEW_HOME screen, a DOCUMENTS_EXPLORE_VIEW is in the EXPLORE_COLLECTION

- AC

- DOCUMENTS_EXPLORE_VIEW should on the second left

- As a user, when I tap on DOCUMENTS_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

- AC

- Tap on a DOCUMENTS_EXPLORE_VIEW should navigate user to a documents collection list
- The documents list should reuse existing DOCUMENT list

- Audios

- As a user, when I land on the NEW_HOME screen, a AUDIO_EXPLORE_VIEW is in the EXPLORE_COLLECTION

- AC

- AUDIO_EXPLORE_VIEW should on the second right

- As a user, when I tap on AUDIO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

- AC

- Tap on a AUDIO_EXPLORE_VIEW should navigate user to a audio collection list
- The audio list should reuse existing audio list

- Audio Player

- Out of scope

- Videos

- As a user, when I land on the NEW_HOME screen, a VIDEO_EXPLORE_VIEW is in the EXPLORE_COLLECTION

- AC

- VIDEO_EXPLORE_VIEW should on the second right

- As a user, when I tap on VIDEO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

- AC

- Tap on a AUDIO_EXPLORE_VIEW should navigate user to a video collection list
- The video list should reuse existing audio list

### Banners

- Stories

- As a user, when I land on the NEW_HOME screen, I should see a BANNER_COLLECTIONS that may contain several notifications/alerts for user.

- AC

- Should have and only have 4 EXPLORE_VIEW

- As a user, I can scroll BANNER_COLLECTIONS left or right horizontally to see all the ALERT_BANNERs.

- AC

- User can slide on the BANNER_COLLECTION to the right / left most ALERT_BANNER.
- No cyclic swipe needed.

- As a user, I can tap on a ALERT_BANNER to see more.

- AC

- Different types of banner displays different presenting of the information.
- WHAT'S NEW type

- Presenting a screen to display MEGA app's new feature

- Tour type

- Presenting a tour of screen flows to introduce a feature

- As a user, I can see a page indicator on the bottom BANNER_COLLECTIONS that indicates which ALERT_BANNER I am on.

- AC

- Should display same amount of dots as the ALERT_BANNER
- When user sliding left and right, the indicator should highlight the corresponding dot

- As a service provider, I can configure different types of ALERT_BANNER as many as I like.

- AC

- Should provide a easy way push a new alert to the collections
- BANNER_COLLECTION should be flexible to be easily configured to display different types of banner
- Should define a template for different banners to consume similar information and attache to the BANNER_COLLECTION automatically

- ALERT_BANNER

- As a user, I can dismiss the ALERT_BANNER that I am not interested by tap on the 'x` on the top right of the banner.

- AC

- User can dismiss current ALERT_BANNER by tapping on the 'x' button on the right top.
- If all ALERT_BANNERs are dismissed, the BANNER_COLLECTION should automatically dismissed and views below should automatically slide up

- As a service provider, I should easily configure a template for ALERT_BANNER

- AC

- Service provider should configure a template banner by

- Layout

- Left Image, right text
- No Image, Text only
- Text title on top and text details below

- Content

- Image

- From app bundle
- From SDK
- From URL

- Text

- links
- text font, text size
- emoji

- Presenting Method

- Cover HOME_SCREEN
- Navigate user to next screen

- Dismiss-able

- whether user can dismiss this banner

- Displaying Rules
- By User Type
- By User State
- By Time Frame

- Re-appear Rules
- If not dismissed
- If tour not started
- If tour not accomplished

### Slide Up

- Stories

- As a user, when I on HOME_SCREEN, I can slide up the SLIDE_UP to see more activities and files

- AC

- When user slide up, the SLIDE_UP should automatically up to snap to NAVIGATION_BAR
- When user slide down, the SLIDE_UP should automatically down to the position where just below BANNER_COLLECTION if exists, or below EXPLRE_VIEW_COLLECTION
- When user slide slowly from bottom up or from top down, the SLIDE_UP should never stop between NAVIGATION_BAR and SLIDE_UP position which covers EXPLORE_COLLECTION or BANNER_COLLECTION.

- As a user, when I tap on the `Recents` button, I should see my recent changes.

- AC

- Recent changes/activities should be grouped by date
- Files should display file type icon on the left
- If files are images, should display previous for first/last 3 images

- As a user, when I tap on the `Favorites` button, I should see my favorite files in a list

- Out of scope

- As a user, when I tap on the `Offline` button, I should see all my offline files

- AC

- List offline files