add ability to give to fulfill an offer; adjust visibility of claim actions

src/components/GiftedDialog.vue

@@ -67,10 +67,15 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from "vue-facing-decorator";
-import { createAndSubmitGive, GiverInputInfo } from "@/libs/endorserServer";
+import {
+  createAndSubmitGive,
+  didInfo,
+  GiverInputInfo,
+} from "@/libs/endorserServer";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { Account } from "@/db/tables/accounts";
+import { Contact } from "@/db/tables/contacts";
 
 interface Notification {
   group: string;
@@ -85,9 +90,12 @@ export default class GiftedDialog extends Vue {
 
   @Prop message = "";
   @Prop projectId = "";
+  @Prop offerId = "";
   @Prop showGivenToUser = false;
 
   activeDid = "";
+  allContacts: Array<Contact> = [];
+  allMyDids: Array<string> = [];
   apiServer = "";
 
   amountInput = "0";
@@ -122,9 +130,16 @@ export default class GiftedDialog extends Vue {
       const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
       this.apiServer = settings?.apiServer || "";
       this.activeDid = settings?.activeDid || "";
+
+      this.allContacts = await db.contacts.toArray();
+
+      await accountsDB.open();
+      const allAccounts = await accountsDB.accounts.toArray();
+      this.allMyDids = allAccounts.map((acc) => acc.did);
+
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
-      console.log("Error retrieving settings from database:", err);
+      console.error("Error retrieving settings from database:", err);
       this.$notify(
         {
           group: "alert",
@@ -140,6 +155,14 @@ export default class GiftedDialog extends Vue {
   open(giver: GiverInputInfo) {
     this.description = "";
     this.giver = giver;
+    if (!this.giver.name) {
+      this.giver.name = didInfo(
+        this.giver.did,
+        this.activeDid,
+        this.allMyDids,
+        this.allContacts,
+      );
+    }
     // if we show "given to user" selection, default checkbox to true
     this.givenToUser = this.showGivenToUser;
     this.amountInput = "0";
@@ -271,6 +294,7 @@ export default class GiftedDialog extends Vue {
         amountInput,
         unitCode,
         this.projectId,
+        this.offerId,
         this.isTrade,
       );
 
@@ -279,7 +303,7 @@ export default class GiftedDialog extends Vue {
         this.isGiveCreationError(result.response)
       ) {
         const errorMessage = this.getGiveCreationErrorMessage(result);
-        console.log("Error with give creation result:", result);
+        console.error("Error with give creation result:", result);
         this.$notify(
           {
             group: "alert",
@@ -302,7 +326,7 @@ export default class GiftedDialog extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.log("Error with give recordation caught:", error);
+      console.error("Error with give recordation caught:", error);
       const message =
         error.userMessage ||
         error.response?.data?.error?.message ||