diff --git a/docs/public/img/snippets/generate-keys.png b/docs/public/img/snippets/generate-keys.png deleted file mode 100644 index 1302d9b0..00000000 Binary files a/docs/public/img/snippets/generate-keys.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step10.png b/docs/public/img/snippets/rafiki-money-step10.png deleted file mode 100644 index ef4374c1..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step10.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step11.png b/docs/public/img/snippets/rafiki-money-step11.png deleted file mode 100644 index 6580886b..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step11.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step12.png b/docs/public/img/snippets/rafiki-money-step12.png deleted file mode 100644 index 30811cb2..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step12.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step13.png b/docs/public/img/snippets/rafiki-money-step13.png deleted file mode 100644 index 46d5bdee..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step13.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step14.png b/docs/public/img/snippets/rafiki-money-step14.png deleted file mode 100644 index 126d5a15..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step14.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step15.png b/docs/public/img/snippets/rafiki-money-step15.png deleted file mode 100644 index f53dc2ab..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step15.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step16.png b/docs/public/img/snippets/rafiki-money-step16.png deleted file mode 100644 index 363ea575..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step16.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step17.png b/docs/public/img/snippets/rafiki-money-step17.png deleted file mode 100644 index b2cf7ab1..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step17.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step19.png b/docs/public/img/snippets/rafiki-money-step19.png deleted file mode 100644 index c5543a79..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step19.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step2.png b/docs/public/img/snippets/rafiki-money-step2.png deleted file mode 100644 index a2bea757..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step2.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step20.png b/docs/public/img/snippets/rafiki-money-step20.png deleted file mode 100644 index b18d47f8..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step20.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step21.png b/docs/public/img/snippets/rafiki-money-step21.png deleted file mode 100644 index 82f2766b..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step21.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step4.png b/docs/public/img/snippets/rafiki-money-step4.png deleted file mode 100644 index 211462d6..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step4.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step5.png b/docs/public/img/snippets/rafiki-money-step5.png deleted file mode 100644 index de823d5e..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step5.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step8.png b/docs/public/img/snippets/rafiki-money-step8.png deleted file mode 100644 index cbcca206..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step8.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki-money-step9.png b/docs/public/img/snippets/rafiki-money-step9.png deleted file mode 100644 index 8ed11c60..00000000 Binary files a/docs/public/img/snippets/rafiki-money-step9.png and /dev/null differ diff --git a/docs/public/img/snippets/rafiki_money.png b/docs/public/img/snippets/rafiki_money.png deleted file mode 100644 index d74f78f3..00000000 Binary files a/docs/public/img/snippets/rafiki_money.png and /dev/null differ diff --git a/docs/public/img/snippets/tw-acct-options.png b/docs/public/img/snippets/tw-acct-options.png new file mode 100644 index 00000000..4862f12a Binary files /dev/null and b/docs/public/img/snippets/tw-acct-options.png differ diff --git a/docs/public/img/snippets/tw-create-acct.png b/docs/public/img/snippets/tw-create-acct.png new file mode 100644 index 00000000..0d174f3c Binary files /dev/null and b/docs/public/img/snippets/tw-create-acct.png differ diff --git a/docs/public/img/snippets/tw-create-payment-pointer.png b/docs/public/img/snippets/tw-create-payment-pointer.png new file mode 100644 index 00000000..852b7425 Binary files /dev/null and b/docs/public/img/snippets/tw-create-payment-pointer.png differ diff --git a/docs/public/img/snippets/tw-dashboard.png b/docs/public/img/snippets/tw-dashboard.png new file mode 100644 index 00000000..35927826 Binary files /dev/null and b/docs/public/img/snippets/tw-dashboard.png differ diff --git a/docs/public/img/snippets/tw-deposit.png b/docs/public/img/snippets/tw-deposit.png new file mode 100644 index 00000000..c6ba4838 Binary files /dev/null and b/docs/public/img/snippets/tw-deposit.png differ diff --git a/docs/public/img/snippets/tw-dev-keys-tab.png b/docs/public/img/snippets/tw-dev-keys-tab.png new file mode 100644 index 00000000..94e850fe Binary files /dev/null and b/docs/public/img/snippets/tw-dev-keys-tab.png differ diff --git a/docs/public/img/snippets/tw-generate-key-pair.png b/docs/public/img/snippets/tw-generate-key-pair.png new file mode 100644 index 00000000..4e6f90d2 Binary files /dev/null and b/docs/public/img/snippets/tw-generate-key-pair.png differ diff --git a/docs/public/img/snippets/tw-key-id.png b/docs/public/img/snippets/tw-key-id.png new file mode 100644 index 00000000..518d0fe6 Binary files /dev/null and b/docs/public/img/snippets/tw-key-id.png differ diff --git a/docs/public/img/snippets/tw-key-pair-success.png b/docs/public/img/snippets/tw-key-pair-success.png new file mode 100644 index 00000000..06edda8d Binary files /dev/null and b/docs/public/img/snippets/tw-key-pair-success.png differ diff --git a/docs/public/img/snippets/view-keys.png b/docs/public/img/snippets/view-keys.png deleted file mode 100644 index d964e090..00000000 Binary files a/docs/public/img/snippets/view-keys.png and /dev/null differ diff --git a/docs/src/content/docs/snippets/before-you-begin.mdx b/docs/src/content/docs/snippets/before-you-begin.mdx index ac0ce402..6db24990 100644 --- a/docs/src/content/docs/snippets/before-you-begin.mdx +++ b/docs/src/content/docs/snippets/before-you-begin.mdx @@ -11,34 +11,105 @@ The test wallet lets you create developer keys and wallet accounts, funded with ## Create an account on the test wallet 1. Go to wallet.interledger-test.dev. -2. Click **Create an account** at the bottom right of the screen. -3. Enter your e-mail address, a password, confirm the password and click the arrowhead. -4. Go to your inbox and look for an e-mail sent by `tech@interledger.org` with the subject "[Test.Wallet] Verify your account" and click **Confirm my email address.**
+2. Click **Create account** at the bottom-right of the screen. +3. Enter your e-mail address, a strong password, then confirm the password. Click the arrowhead. +4. Go to your inbox and look for an e-mail sent by `tech@interledger.org` with the subject "[Test.Wallet] Verify your account". Click **Confirm my email address.** 5. Click **Login to your account** at the email verification screen. 6. Log in with your credentials. -7. Complete the KYC steps, and liveness check. The only real information you need to share is your email address and phone number. All other information can be fictitious. If a photo is required, you can upload anything as long as it's not blank. +7. Complete the Know Your Customer (KYC) steps and liveness check. The only real information you need to share is your email address and phone number. All other information can be fictitious. If a photo is required, you can upload anything as long as it's not blank. A face scan may also be required. + :::note[Why are there so many KYC steps?] + The Interledger test wallet environment is running on a GateHub pre-production environment. The pre-production environment mimics the production environment, including the KYC steps. Remember that most of your personal details can be fake, including your identity document. + ::: You're now ready to create a test wallet and add money to it! -## Create a wallet account +## Create and fund a wallet account -1. You can create a wallet account by clicking **New Account.** -2. Enter a name for the account, choose an asset code (the currency) from the drop-down menu and click **Create account.** -3. Click **View Account.** -4. Click **Add payment pointer.** -5. Enter a Payment Pointer name and a Public name and then click **Create.** -6. Click **Deposit**. -7. Enter an amount, then click **Deposit**. +1. Click **New account** on the Interledger Wallet dashboard. + Test wallet dashboard screen showing the new account option +2. Enter any account name, select an asset (currency), then click **Create account**. + Create a new account screen with account name field and asset drop-down menu +3. Click **Close**, then click **Accounts** from the left nav bar. +4. Select the account you just created. +5. Click **Deposit**. + Account options screen showing buttons for deposit and add payment pointer +6. Enter any amount to deposit into the account, then click **Deposit**. + Deposit to account screen with amount field -Congratulations, you now have a funded test wallet! +You now have a funded test wallet! + +## Add a payment pointer to your wallet account + +1. Select the account from the Test Wallet dashboard. +2. Click **Add payment pointer**. + Account options screen showing buttons for add payment pointer and deposit +3. Enter a **Payment Pointer name** and a **Public name** of your choosing. + Create payment pointer screen with fields for payment pointer name and public name +4. Click **Create**. Your account now has a payment pointer. ## Obtain a public-private key pair and key ID Before you can initialize an authenticated Open Payments client, you must obtain a public-private key pair and a key ID. -1. Sign in to wallet.interledger-test.dev, if not already signed in. -2. Select **Settings > Developer Keys**. -3. Expand the drop-down menu for your wallet account. -4. Click **Generate public & private key**. Your key ID and public key appear on the site. A private key file named `private.key` automatically downloads to your machine. +1. Click **Settings** in the left sidebar on the dashboard. +2. Click the **Developer Keys** tab. +3. Expand the menu for your wallet account. + Developer keys tab with account expanded, showing the upload key and the generate public and private key buttons +4. Click **Generate public & private key**. +5. Enter any **nickname** for the key pair, then click **Generate keys**. A file named `private.key` automatically downloads to your machine + Generate public and private key screen with nickname field + Key pair generation success screen +6. Click **Close**. Your key ID appears on the screen, along with a **Show/Hide** option for your public key. + Developer keys tab with account expanded, showing the newly generated key id and an option to show the public key You can now use your keys and payment pointer to initialize an authenticated Open Payments client.