As a user
I want to create and connect a wallet to a GameDAO account
So that I will be able to join a guild and use its features
———
Acceptance Criteria
Onboarding. Step 1
1 When a user clicks the "Join Premium Battlepass!" button, then open the "Onboarding. Step 1" popup with the following UI elements:
1.1. Stepper (see Pic.1 (1)).
1.2. Description (see Pic.1 (2)).
1.3. Talisman wallet and the "Create" button (see Pic.1 (3)).
• When a user clicks the "Create" button, then open the following page in a new browser tab.
1.4. Polkadot wallet and the "Create" button (see Pic.1 (4)).
• When a user clicks the "Create" button, then open the following page in a new browser tab.
1.5. The "I'll do it later" button (see Pic.1 (5)).
• Enabled by default.
• A hover state must be used.
• When a user clicks the "I'll do it later" button or clicks outside the popup, then close the popup.
1.6. The "Next (Connect Wallet)" button (see Pic.1 (6)).
• Enabled by default.
• A hover state must be used.
• When a user clicks the "Next (Connect Wallet)" button, then open the "Onboarding. Step 2" popup.
Pic.1. The "Onboarding. Step 1" popup
Onboarding. Step 2
2 The "Onboarding. Step 2" popup consist of the following UI elements:
2.1. Stepper (see Pic.2 (1)).
2.2. Description (see Pic.2 (2)).
2.3. Talisman wallet and the "Connect" button (see Pic.2 (3)).
• When a user clicks the "Connect" button, then connect user's Talisman wallet to his GameDAO account.
2.4. Polkadot wallet and the "Connect" button (see Pic.2 (4)).
• When a user clicks the "Connect" button, then connect user's Polkadot wallet to his GameDAO account.
2.5. The "Cancel" button (see Pic.2 (5)).
• Enabled by default.
• A hover state must be used.
• When a user clicks the "Cancel" button or clicks outside the popup, then close the popup.
2.6. The "Back" button (see Pic.2 (6)).
• Enabled by default.
• A hover state must be used.
• When a user clicks the "Back" button, then open the "Onboarding. Step 1" popup.
2.7. The "Next (Add Funds)" button (see Pic.2 (7)).
• Disabled by default.
Pic.2. The "Onboarding. Step 2" popup. Default state
3 When a user connects his wallet, then do the following actions:
• display the "Connected" status (see Pic.3 (1))
• enable the "Next (Add Funds)" button (see Pic.3 (3))
Pic.3. The "Onboarding. Step 2" popup. Wallet connected state
3.1. If a user clicks the "Connect" button, then disconnect a current wallet and connect a new one.
4 If a user clicks the "Next (Add Funds)" button (see Pic.3 (3)), then open the "Claim tokens" popup.
4.1 When a user clicks the "Claim ZERO Tokens", then provide a user 10 ZERO tokens and enable the "Next" button.
4.2. A user can claim tokens once. Discord ID must be used as a unique ID to determine whether a user has already claimed tokens or not.
5 When a user clicks the "Next" button, then open the "Sign transaction" popup.
5.1 Twitter is mentioned here if a user has connected his Twitter account. Otherwise it must be hidden on UI.
6 When a user clicks the "Sign Transaction" button, then open the "Transaction" popup.
6.1. When a user clicks the "Confirm" button, then allow a user to sign a transaction in his wallet and create his account on chain and after signing display the "Completed" popup.
7 When a user clicks the "Finish" button, then close the "Completed" popup.
Statement of Value
As a user I want to create and connect a wallet to a GameDAO account So that I will be able to join a guild and use its features
———
Acceptance Criteria
Onboarding. Step 1
1 When a user clicks the "Join Premium Battlepass!" button, then open the "Onboarding. Step 1" popup with the following UI elements: 1.1. Stepper (see Pic.1 (1)). 1.2. Description (see Pic.1 (2)). 1.3. Talisman wallet and the "Create" button (see Pic.1 (3)). • When a user clicks the "Create" button, then open the following page in a new browser tab. 1.4. Polkadot wallet and the "Create" button (see Pic.1 (4)). • When a user clicks the "Create" button, then open the following page in a new browser tab. 1.5. The "I'll do it later" button (see Pic.1 (5)).
• Enabled by default. • A hover state must be used. • When a user clicks the "I'll do it later" button or clicks outside the popup, then close the popup. 1.6. The "Next (Connect Wallet)" button (see Pic.1 (6)).
• Enabled by default. • A hover state must be used. • When a user clicks the "Next (Connect Wallet)" button, then open the "Onboarding. Step 2" popup.
Onboarding. Step 2
2 The "Onboarding. Step 2" popup consist of the following UI elements: 2.1. Stepper (see Pic.2 (1)). 2.2. Description (see Pic.2 (2)). 2.3. Talisman wallet and the "Connect" button (see Pic.2 (3)). • When a user clicks the "Connect" button, then connect user's Talisman wallet to his GameDAO account. 2.4. Polkadot wallet and the "Connect" button (see Pic.2 (4)). • When a user clicks the "Connect" button, then connect user's Polkadot wallet to his GameDAO account. 2.5. The "Cancel" button (see Pic.2 (5)). • Enabled by default. • A hover state must be used. • When a user clicks the "Cancel" button or clicks outside the popup, then close the popup. 2.6. The "Back" button (see Pic.2 (6)). • Enabled by default. • A hover state must be used. • When a user clicks the "Back" button, then open the "Onboarding. Step 1" popup. 2.7. The "Next (Add Funds)" button (see Pic.2 (7)).
• Disabled by default.
3 When a user connects his wallet, then do the following actions: • display the "Connected" status (see Pic.3 (1)) • enable the "Next (Add Funds)" button (see Pic.3 (3))
3.1. If a user clicks the "Connect" button, then disconnect a current wallet and connect a new one.
4 If a user clicks the "Next (Add Funds)" button (see Pic.3 (3)), then open the "Claim tokens" popup. 4.1 When a user clicks the "Claim ZERO Tokens", then provide a user 10 ZERO tokens and enable the "Next" button. 4.2. A user can claim tokens once. Discord ID must be used as a unique ID to determine whether a user has already claimed tokens or not.
5 When a user clicks the "Next" button, then open the "Sign transaction" popup. 5.1 Twitter is mentioned here if a user has connected his Twitter account. Otherwise it must be hidden on UI.
6 When a user clicks the "Sign Transaction" button, then open the "Transaction" popup. 6.1. When a user clicks the "Confirm" button, then allow a user to sign a transaction in his wallet and create his account on chain and after signing display the "Completed" popup.
7 When a user clicks the "Finish" button, then close the "Completed" popup.
———
Additional Information
User Flow