Is your feature request related to a problem? Please describe.
As a user I want to see the sidebar after the loggin in.

Describe the solution you'd like
The sidebar will appear based on platform

See Use case

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See CONTRIBUTING.md for contribution guidelines

Describe the bug
TypeError: Cannot read property 'injection' of undefined

To Reproduce
Steps to reproduce the behavior:

1. yarn install
2. yarn web

Expected behavior
Demo to run properly.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser chrome
• Version 68

Description

Research for a stable & tested BLS library, that can be used for HD wallets
Extend BIP32 signature derivation function to support BLS signatures. e.g. Generate a valid random BLS key pair based on a master random seed

You can view more details here
https://github.com/spacemeshos/app/wiki/Research-Notes

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
Provide a link or source to a stable & tested BLS JS library

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See test driven design here: https://github.com/spacemeshos/app/blob/master/__tests__/services/wallet.ts

Need to review with Iddo and Julian as next step.

Description
Implement an Ethereum style HD Wallet
You can view more details
https://github.com/spacemeshos/app/wiki/Wallet-Tech-Notes

Describe the solution you'd like
Libraries to consider include BIP32, BIP39, Hdkey

Mnemonic
Extended public & private key pair
Key derivation (PKDF2)
You can use Ethereum path (m/44/0/0/1)
https://github.com/bitcoinjs/bip32
https://github.com/bitcoinjs/bip39

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Contribution Guide
Please checkout the contribution guide

Is your feature request related to a problem? Please describe.
Each wallet should be saved to its own file in local (or cloud) storage so it can be backed-up and restored independently of other user wallets.

You can find more details here
https://github.com/spacemeshos/app/wiki/Wallet-Data-File-Format

Describe the solution you'd like

1. Ensure proper backup of generated wallet file
2. Ensure the wallet file meets the stated specifications
3. Ensure your PR meets the contributions guidelines

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to name or rename any of my wallets

Describe the solution you'd like

1. User selects to name a wallet and enters new name
2. Wallet name is updated in the app and in the wallet's data file

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See CONTRIBUTING.md for contribution guidelines

Description:
A modal that will show information after completing an action.

Requirements

• The design above should be implemented
• Responsive design to accommodate screens of different size

Assets Specssize
You can find out the assets specs like hex color code, font size etc needed for mobile & web in the below links

Mobile

Web

Coding Style

• Follow closely the coding style present in the codebase
• All methods, models, types and interfaces must be documented via short and simple text comments
• All Typescript code must pass tslint

Acceptance Criteriats

• There should be unit tests and integration tests for all implemented functionality
• The test coverage should be greater than 90%
• Use Jest testing suite

Additional Context

• Cross-platform components should be put in a shared folder

Given a random seed and and integer index i - specify an algorithm to create a unique derived private key in a deterministic manner per the BIP32 standard.

Description:

Implement the walkthrough component for both mobile and web views.

Requirements

• The design above should be implemented
• Responsive design to accommodate screens of different size

Assets Specs

You can find out the assets specs like hex color code, font size etc needed for mobile & web in the below links

Mobile

https://xd.adobe.com/spec/7338ce76-6817-4e69-6cda-f53f7505738d-0509/

Web

https://xd.adobe.com/spec/82a02ed8-aecc-466a-4107-10c94808ade3-f491/

Contribution Guide

Please checkout the contribution guide

Additional Context

Cross-platform components should be put in a shared folder

Please feel free to ask any questions

Description

Implement an Ethereum style HD Wallet
You can view more details
https://github.com/spacemeshos/app/wiki/Wallet-Tech-Notes

Describe the solution you'd like
Libraries to consider include BIP32, BIP39, Hdkey

• Mnemonic
• Extended public & private key pair
• Key derivation (PKDF2)
• You can use Ethereum path (m/44/0/0/1)

https://github.com/bitcoinjs/bip32
https://github.com/bitcoinjs/bip39

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Contribution Guide

Please checkout the contribution guide

Is your feature request related to a problem? Please describe.
As a user, I want to name or rename my account

Describe the solution you'd like

1. A user accesses an account
2. A User specify to name the account and inputs the new unique account name
3. Account is renamed in the wallet's data file

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to send SMC tokens to others

Describe the solution you'd like
This feature will allow token holders to send tokens to others.

1. User inputs the payee account address (public key), amount to transfer and the transaction fee (auto computed using default gas price and only an issue once the network is at full transactional capacity. While the network growth, fee will be set to a very low amount just to mitigate spam attacks and users won't need to modify a gas price)
2. User confirms the transaction
3. The transaction is generated, signed and broadcasted to the Spacemesh network via the connected Spacemesh API endpoint (gateway, localhost, etc...)
4. The transaction and its receipt is recorded in the wallet's transaction log so the user can access it at a later time, check transaction status and resubmit failed transactions
5. User is notified when the transaction is confirmed by the network (most likely using the wallet's runtime platform notification capabilities)

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
Send SMC Amount
Send SMC Address

Web UI
Send SMC
Send SMC custom gas

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

https://github.com/spacemeshos/app/blob/master/__tests__/services/bls.ts

Need to write more tests and add the wallet file support module.

Is your feature request related to a problem? Please describe.
As a user, I would like to change the transaction gas.

Describe the solution you'd like
This feature will give the user a screen to change the transaction gas.

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

We are working on the core UX for the app focusing on the wallet first (dashboard later). We welcome designers and hackers who'd like to collaborate with us on this task. Start by reading all wiki pages in this repo and next review the visual design iterations and share your comments / ideas: https://docs.google.com/presentation/d/1pIJ27TggMRrgfJ8fK8cp1-FLugFK2T2_86s7mmKCakI/edit?usp=sharing . Join the Gitter chat, introduce yourself and let us know your ideas / thoughts on the UX: https://gitter.im/spacemesh-os/app

https://github.com/spacemeshos/app/blob/master/src/services/smapi/smapi.ts

Need to review with Iddo.

Is your feature request related to a problem? Please describe.
As a user, I want to know what is happening when am opening the app

Describe the solution you'd like
A connection UI will notify the user what is currently happening. If successful will take the user to the dashboard else will show a connection error UI.

See connecting to spacemesh network
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.
Web UI
Mobile UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

https://github.com/spacemeshos/app/wiki/Desktop-Experience-Usability-Testing-Playbook

Description:
Implement main menu component.

Requirements

• The design above should be implemented
• Responsive design to accommodate screens of different size

Assets Specssize
You can find out the assets specs like hex color code, font size etc needed for mobile & web in the below links

Mobile

Web

Coding Style

• Follow closely the coding style present in the codebase
• All methods, models, types and interfaces must be documented via short and simple text comments
• All Typescript code must pass tslint

Acceptance Criteriats

• There should be unit tests and integration tests for all implemented functionality
• The test coverage should be greater than 90%
• Use Jest testing suite

Additional Context

• Cross-platform components should be put in a shared folder
• Should be implemented in accordance with main menu description

Is your feature request related to a problem? Please describe.
As a user, I want to restore my wallet from paper backup

Describe the solution you'd like

1. This feature will allow the users to restore their existing wallet(s) from paper backup into the app
2. App prompts the user to input the wallet's seed 12 words mnemonic
3. User inputs the 12 words mnemonic phrases
4. User inputs a new pin code/passphrase or uses a biometric auth method to secure the new wallet data file in local storage
5. The wallet is recreated and saved to local storage, protected by the passphrase or the bio auth method
6. The wallet app starts pulling confirmed transactions for this wallet from the network and displays them in the UI

See Wallet Restore for guide

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to select network on the navbar

Describe the solution you'd like
I want to choose a network from the current screen using the option on the navar

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
Web UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to backup my wallet to file

Describe the solution you'd like
This feature will allow the users to backup their wallet to file

1. User selects to backup a wallet data file for his wallet
2. If the file is not protected by a passphrase, e.g. with a bio auth method that user is asked to provide a pin / passprhase to protected the file data and the file data is encrypted with a key derived from the user's passphrase.
3. On desktop, the app opens the OS file explorer (Finder, Explorer, etc...) in the file's directory and ideally selects the file
4. On mobile, the app opens the save to file option as the file is in the encrypted native app local store. 5. User can save his file to a cloud file storage or to the local file system

See Wallet Restore for guide

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to create additional accounts inside my wallet

Describe the solution you'd like

1. A User accesses the wallet
2. A User specify to add a new account in an open wallet
3. A User is prompted to name the new account
4. The new account is added to the wallet (data file and app ui)

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I would like to see a confirmation when transaction has been sent

Describe the solution you'd like
This feature will give the user a status of the transaction sent

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
Transaction Successful

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to see the network status of the app on the navbar beside the network name when am using it.

Describe the solution you'd like
This feature will help the user know when the app is connected or not.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
See the navbar
Mobile
Web

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Intro

This is an experimental funded product design task with is part of the Spacemesh platform. We believe that open source contributors should have an opportunity to contribute to the product requirements and design (both visual and interaction) beyond just implementing designs in code.

Task Overview

We need to break the current app product spec into good Github issues where each issue is relatively self-contained and can be worked on independently from the work on other issues

Next Steps

• Please start by going over all product specs in the wiki to familiarize yourself with the product requirements and the visual design we have created for it
• Please chat with us on the Gitter dev channel before applying to work on this issue. Introduce yourself and don't by shy but do be nice :-) we will gladly answer any questions you may have about the project

Read the Docs :-)

• Read the Spacemesh App Overview
• All product specs are in the wiki - go ahead and read them
• We have use cases / requirements specs and separate interaction design / ux / visual design specs
• We have separate tech notes for key aspects of the app
• Please look at the Product Guides module in the sidebar of the wiki for a directory of all the various specs
• All the relevant design mocks referenced by design guides are here: https://github.com/spacemeshos/app/tree/master/design/resources/mocks2.0

Requirements

• Create a detailed issue for each independent task that is required to build the product
• Each issue should describe a new feature and reference the relevant product wiki page(s)
• Each issue should have a github issue in this repo
• Each issue should include detailed requirements that will allow a developer to design and implement the feature
• Please ignore the payment scenarios for now - we will create issues for them later once the work on this issue is complete

What you bring?

• You are an intermediate software developer with great product development instincts
• You are able to create great requirements for developers
• You are familiar with the Cosmic app seed

Is your feature request related to a problem? Please describe.
As a user, I want to create a new wallet

Describe the solution you'd like
This wallet will allow the users own more wallets to store their tokens

1. User is prompted to name the wallet (wallet friendly name)
2. User names the new wallet
3. User is prompted to protect the wallet with pin code / passphrase / bio auth method
4. The wallet is created and protected according to the user's actions in step 3
5. The app displays the wallet's default account

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to select a wallet from the wallet page/screen

Describe the solution you'd like
I want to choose a wallet from the wallet screen

1. A User selects to open a specific wallet
2. App presents a list of available wallets (previously accessed by it on that device)
3. User unlocks the wallet using pin code / passphrase / bio auth
4. The app display's the open wallets default account

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
Web UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to see a screen where I can get my SMC address, QR code to share with others

Describe the solution you'd like
This feature will allow a user to get SMC address and QR code.

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
Web UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
Provide a complete CI solution for the project - build all 6 targets - ios, android, web, linux, os x, windows.

Describe the solution you'd like
We'd like to add full Travis CI solution for building all targets automatically. As Cosmic is full open source we should be able to utilize Travis CI free service for open source projects. Having a full CI solution is important. We'd also like integrate full github releases pipeline using Travis CI. Meaning, that we'll be able to deploy new project releases via Travis CI. See: https://docs.travis-ci.com/user/deployment/releases/ . Some research is needed regarding the best way to implement this feature.

Describe alternatives you've considered
None yet - Travis CI for open source seems like the best CI solution for github projects available.

Additional context
Contributors are welcome. We are funding this app using gitcoin funded issues. To get a headstart, join our gitter channel pull the latest working code and start doing dev builds locally.

Is your feature request related to a problem? Please describe.
As a user, I want to backup my wallet with paper backup

Describe the solution you'd like
This feature will allow the users to backup their wallet with the paper backup

See Wallet paper backup design for guide

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a developer, I need the app dependencies and dev dependencies up to date

Describe the solution you'd like
This feature will allow me test and build the app without failures.

Describe alternatives you've considered

Additional context

Acceptance Criteria

1. Application builds and works on all platforms

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a developer, I would like to have the UI layout, style guides setup.

Describe the solution you'd like
This will allow all developers working on this project to work in a consistent manner.

This task involves building the core app UI - the main menu, the header and the main view. The goal of this task is to provide an example of how to build responsive cosmic/universal design for the app so developers working on additional screens and flows will be able to refer to it.

• Responsive design of main menu, header and home screen view for all targets
• Handlers for menu commands
• Use assets and visual design based on the product guide
• Implement App navigation pattern (routing, use of redux, etc...)

See Design Wiki for guides

• Related issues: Full main menu: #6 - this task should just provide the structure and few commands.

Describe alternatives you've considered
n/a

Additional context

Cross-platform UI components should be put in a shared folder so they can be used in other screens.

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user I want to see the navbar after the loggin in.

Describe the solution you'd like
The navbar will house name of the app (logo), a help link, current network name and connection status

See Use case

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I would like to view all my transaction(s)

Describe the solution you'd like
This feature will give the user a screen to view their transaction(s)

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI
All Transactions
Filtered transactions

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I want to see a connection error screen when connection fails

Describe the solution you'd like
A connection error will prompt the user to retry

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
As a user, I would like to search for contacts I've sent tokens to earlier

Describe the solution you'd like
This feature will allow the user to search for payees (people who got paid from the wallet). Recent payees or with a friendly name.

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.
Mobile UI

Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Description

Provide API mocks for the following

• Post a Transaction
• Get Address Balance
• Retrieving an address transactions
• Buy SMC from exchanges
• Get SMC current price
• Get SMC from Tap on testnet
• Get transaction status by TX id

Describe the solution you'd like

• Mock transaction, should use something similar to Ethereum transaction
• All API calls MUST use the async / await javascript pattern
• Use typed promises

Describe alternatives you've considered

Contribution Guide

Please checkout the contribution guide

Description:

Implement the unlock wallet design for both mobile and web views.

Requirements

• The design above should be implemented
• Responsive design to accommodate screens of different size

Assets Specs

You can find out the assets specs like hex color code, font size etc needed for mobile & web in the below links

Mobile

https://xd.adobe.com/spec/7338ce76-6817-4e69-6cda-f53f7505738d-0509/

Web

https://xd.adobe.com/spec/82a02ed8-aecc-466a-4107-10c94808ade3-f491/

Contribution Guide

Please checkout the contribution guide

Additional Context

Cross-platform components should be put in a shared folder

Please feel free to ask any questions

Is your feature request related to a problem? Please describe.
As a user, I want to restore my wallet from file

Describe the solution you'd like
This feature will allow the users to restore their existing wallet(s) from file into the app

1. User locates the data file path on his device local storage
2. User is prompted to provide the wallet's pin code / passphrase
3. The app imports the wallet to its local storage and adds a new wallet to its model
4. User is prompt to protect the imported wallet with pin / passphrase or with a bio auth method (faceId, touchId, etc...)

Describe alternatives you've considered

Additional context
Cross-platform components should be put in a shared folder

See CONTRIBUTING.md for contribution guidelines

Is your feature request related to a problem? Please describe.
yes - users can easily send cryptocoins or tokens to the wrong address, for example, due to copy and paste errors. Providing them with a unique visual representation of an account ensures them that they are sending to a contact address and gives them more confidence when sending or receiving coins.

Describe the solution you'd like

• Add a visual icon for every account address.
• Allow users to copy an image of their account address (similar to QR code) and share it.
• Open source project for this idea:
  https://etcdevteam.github.io/hashicon/examples/

Describe alternatives you've considered
Need to do more research.

Additional context