Add method and flow to add an existing vesting contract

nimiq · Nov 24, 2020 · 414c70a · 414c70a
1 parent f3090aa
commit 414c70a
Show file tree

Hide file tree

Showing 10 changed files with 319 additions and 6 deletions.
diff --git a/client/HubApi.ts b/client/HubApi.ts
@@ -219,6 +219,13 @@ export default class HubApi<DB extends BehaviorType = BehaviorType.POPUP> { // D
         return this._request(requestBehavior, RequestType.RENAME, [request]);
     }
 
+    public addVestingContract<B extends BehaviorType = DB>(
+        request: Promise<BasicRequest> | BasicRequest,
+        requestBehavior: RequestBehavior<B> = this._defaultBehavior as any,
+    ): Promise<B extends BehaviorType.REDIRECT ? void : Account> {
+        return this._request(requestBehavior, RequestType.ADD_VESTING_CONTRACT, [request]);
+    }
+
     public migrate<B extends BehaviorType = DB>(
         requestBehavior: RequestBehavior<B> = this._defaultBehavior as any,
     ): Promise<B extends BehaviorType.REDIRECT ? void : Account[]> {

diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
         "@nimiq/iqons": "^1.5.2",
         "@nimiq/keyguard-client": "^1.3.0",
         "@nimiq/ledger-api": "^1.1.0",
-        "@nimiq/network-client": "^0.4.0",
+        "@nimiq/network-client": "^0.6.2",
         "@nimiq/rpc": "^0.4.1",
         "@nimiq/style": "^0.8.2",
         "@nimiq/utils": "^0.5.0",

diff --git a/src/components/Network.vue b/src/components/Network.vue
@@ -1,7 +1,7 @@
 <template></template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator';
 import { SignedTransaction } from '../lib/PublicRequestTypes';
 import { NetworkClient, DetailedPlainTransaction } from '@nimiq/network-client';
 import Config from 'config';

diff --git a/src/i18n/en.po b/src/i18n/en.po
@@ -62,6 +62,10 @@ msgstr ""
 msgid "Add a message..."
 msgstr ""
 
+#: src/views/AddVestingContract.vue:51
+msgid "Add contract"
+msgstr ""
+
 #: src/views/AddAccountSelection.vue:4
 msgid "Add to account"
 msgstr ""
@@ -70,6 +74,10 @@ msgstr ""
 msgid "Add to Ledger"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:4
+msgid "Add Vesting Contract"
+msgstr ""
+
 #: src/views/AddAddressLedger.vue:16
 msgid "Address Added"
 msgstr ""
@@ -87,6 +95,10 @@ msgstr ""
 msgid "Amount"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:40
+msgid "Amount/Step:"
+msgstr ""
+
 #: src/views/CashlinkManage.vue:158
 #: src/views/CheckoutTransmission.vue:77
 msgid "Awaiting receipt confirmation..."
@@ -153,6 +165,14 @@ msgstr ""
 msgid "Backed Up"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:28
+msgid "Balance:"
+msgstr ""
+
+#: src/views/AddVestingContract.vue:36
+msgid "Blocks/Step:"
+msgstr ""
+
 #: src/lib/LabelingMachine.ts:43
 msgid "Blue"
 msgstr ""
@@ -347,6 +367,14 @@ msgstr ""
 msgid "Continue"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:56
+msgid "Contract added."
+msgstr ""
+
+#: src/views/AddVestingContract.vue:20
+msgid "Contract Information"
+msgstr ""
+
 #: src/views/CashlinkManage.vue:32
 msgid "Copied"
 msgstr ""
@@ -409,6 +437,10 @@ msgstr ""
 msgid "Enter manually"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:45
+msgid "Enter the address of a vesting contract."
+msgstr ""
+
 #: src/views/CashlinkCreate.vue:159
 msgid "express"
 msgstr ""
@@ -431,6 +463,10 @@ msgstr ""
 msgid "Fetching Addresses"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:16
+msgid "Fetching contract information..."
+msgstr ""
+
 #: src/views/LoginSuccess.vue:42
 msgid "Fetching your addresses"
 msgstr ""
@@ -621,6 +657,10 @@ msgstr ""
 msgid "Orange"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:22
+msgid "Owner:"
+msgstr ""
+
 #: src/components/NonNimiqCheckoutCard.vue:103
 msgid "Pay with {currencyFullName}"
 msgstr ""
@@ -765,11 +805,16 @@ msgstr ""
 msgid "standard"
 msgstr ""
 
+#: src/views/AddVestingContract.vue:32
+msgid "Start Block:"
+msgstr ""
+
 #: src/views/Migrate.vue:232
 msgid "Storing your new accounts..."
 msgstr ""
 
 #: src/components/NimiqCheckoutCard.vue:277
+#: src/views/AddVestingContract.vue:11
 #: src/views/CashlinkManage.vue:154
 #: src/views/CheckoutTransmission.vue:73
 msgid "Syncing consensus..."
@@ -903,6 +948,7 @@ msgid "Verify Payment"
 msgstr ""
 
 #: src/lib/LabelingMachine.ts:25
+#: src/views/AddVestingContract.vue:141
 msgid "Vesting Contract"
 msgstr ""
 

diff --git a/src/lib/PublicRequestTypes.ts b/src/lib/PublicRequestTypes.ts
@@ -22,6 +22,7 @@ export enum RequestType {
     LOGOUT = 'logout',
     ADD_ADDRESS = 'add-address',
     RENAME = 'rename',
+    ADD_VESTING_CONTRACT = 'add-vesting-contract',
     CHOOSE_ADDRESS = 'choose-address',
     CREATE_CASHLINK = 'create-cashlink',
     MANAGE_CASHLINK = 'manage-cashlink',

diff --git a/src/lib/RequestParser.ts b/src/lib/RequestParser.ts
@@ -250,6 +250,7 @@ export class RequestParser {
             case RequestType.CHOOSE_ADDRESS:
             case RequestType.LOGIN:
             case RequestType.MIGRATE:
+            case RequestType.ADD_VESTING_CONTRACT:
                 return {
                     kind: requestType,
                     appName: request.appName,
@@ -451,6 +452,7 @@ export class RequestParser {
             case RequestType.CHOOSE_ADDRESS:
             case RequestType.LOGIN:
             case RequestType.MIGRATE:
+            case RequestType.ADD_VESTING_CONTRACT:
                 return {
                     appName: request.appName,
                 } as BasicRequest;

diff --git a/src/lib/RpcApi.ts b/src/lib/RpcApi.ts
@@ -78,6 +78,7 @@ export default class RpcApi {
             RequestType.LOGOUT,
             RequestType.ADD_ADDRESS,
             RequestType.RENAME,
+            RequestType.ADD_VESTING_CONTRACT,
             RequestType.SIGN_MESSAGE,
             RequestType.MIGRATE,
             RequestType.CHOOSE_ADDRESS,

diff --git a/src/router.ts b/src/router.ts
@@ -44,6 +44,8 @@ const AddAddressLedger        = () => import(/*webpackChunkName: "add-ledger"*/
 const OnboardingSelector      = () => import(/*webpackChunkName: "onboarding"*/ './views/OnboardingSelector.vue');
 
 const Rename                  = () => import(/*webpackChunkName: "rename"*/ './views/Rename.vue');
+const AddVestingContract      = () => import(/*webpackChunkName: "add-vesting-contract"*/
+    './views/AddVestingContract.vue');
 
 const Migrate                 = () => import(/*webpackChunkName: "migrate"*/ './views/Migrate.vue');
 
@@ -247,6 +249,11 @@ export default new Router({
             component: Rename,
             name: RequestType.RENAME,
         },
+        {
+            path: `/${RequestType.ADD_VESTING_CONTRACT}`,
+            component: AddVestingContract,
+            name: RequestType.ADD_VESTING_CONTRACT,
+        },
         {
             path: `/${RequestType.MIGRATE}`,
             component: Migrate,