From 6aab1ff49dc2f053bb88a5d8455e50232e194567 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 24 Feb 2024 10:26:12 -0700
Subject: [PATCH 01/11] consolidate interface and remove copies of code

---
 src/App.vue                         | 11 ++---------
 src/components/GiftedDialog.vue     | 11 +++--------
 src/components/GiftedPrompts.vue    | 11 ++---------
 src/components/OfferDialog.vue      | 11 +++--------
 src/components/TopMessage.vue       | 12 +++---------
 src/views/AccountViewView.vue       | 15 ++++++---------
 src/views/ClaimView.vue             | 10 ++--------
 src/views/ContactAmountsView.vue    | 20 +++++++-------------
 src/views/ContactGiftingView.vue    | 19 +++++++------------
 src/views/ContactQRScanShowView.vue | 10 ++--------
 src/views/DiscoverView.vue          | 20 +++++++-------------
 src/views/HelpNotificationsView.vue | 10 ++--------
 src/views/HelpView.vue              | 10 ++--------
 src/views/HomeView.vue              | 12 +++---------
 src/views/IdentitySwitcherView.vue  | 12 +++---------
 src/views/ImportAccountView.vue     | 17 ++++++-----------
 src/views/NewEditProjectView.vue    | 10 ++--------
 src/views/ProjectViewView.vue       | 18 ++++++------------
 src/views/ProjectsView.vue          | 10 ++--------
 src/views/SearchAreaView.vue        | 12 +++---------
 src/views/SeedBackupView.vue        | 15 +++++----------
 src/views/StatisticsView.vue        | 11 +++--------
 22 files changed, 81 insertions(+), 206 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2d8935fa..0fee98a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -288,21 +288,14 @@ interface VapidResponse {
   };
 }
 
-import { DEFAULT_PUSH_SERVER } from "@/constants/app";
+import { DEFAULT_PUSH_SERVER, NotificationIface } from "@/constants/app";
 import { db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { sendTestThroughPushServer } from "@/libs/util";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component
 export default class App extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   b64 = "";
   serviceWorkerReady = false;
diff --git a/src/components/GiftedDialog.vue b/src/components/GiftedDialog.vue
index 3edb081c..5353f9e4 100644
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -67,6 +67,8 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from "vue-facing-decorator";
+
+import { NotificationIface } from "@/constants/app";
 import {
   createAndSubmitGive,
   didInfo,
@@ -78,16 +80,9 @@ 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;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component
 export default class GiftedDialog extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   @Prop message = "";
   @Prop projectId = "";
diff --git a/src/components/GiftedPrompts.vue b/src/components/GiftedPrompts.vue
index c20560ae..afd71014 100644
--- a/src/components/GiftedPrompts.vue
+++ b/src/components/GiftedPrompts.vue
@@ -64,20 +64,13 @@
 <script lang="ts">
 import { Vue, Component } from "vue-facing-decorator";
 
-import { AppString } from "@/constants/app";
+import { AppString, NotificationIface } from "@/constants/app";
 import { db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component
 export default class GivenPrompts extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   IDEAS = [
     "Did anyone fix food for you?",
diff --git a/src/components/OfferDialog.vue b/src/components/OfferDialog.vue
index c3385001..c0f2b69b 100644
--- a/src/components/OfferDialog.vue
+++ b/src/components/OfferDialog.vue
@@ -68,22 +68,17 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from "vue-facing-decorator";
+
+import { NotificationIface } from "@/constants/app";
 import { createAndSubmitOffer } from "@/libs/endorserServer";
 import * as libsUtil from "@/libs/util";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { Account } from "@/db/tables/accounts";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component
 export default class OfferDialog extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   @Prop message = "";
   @Prop projectId = "";
diff --git a/src/components/TopMessage.vue b/src/components/TopMessage.vue
index bccc2fec..87815ebb 100644
--- a/src/components/TopMessage.vue
+++ b/src/components/TopMessage.vue
@@ -4,20 +4,14 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-facing-decorator";
+
+import { AppString, NotificationIface } from "@/constants/app";
 import { db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
-import { AppString } from "@/constants/app";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
 
 @Component
 export default class TopMessage extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   @Prop selected = "";
 
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 864db7c0..7f2a4473 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -485,7 +485,11 @@ import { useClipboard } from "@vueuse/core";
 
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
-import { AppString, DEFAULT_PUSH_SERVER } from "@/constants/app";
+import {
+  AppString,
+  DEFAULT_PUSH_SERVER,
+  NotificationIface,
+} from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
@@ -495,13 +499,6 @@ import { ErrorResponse, RateLimits } from "@/libs/endorserServer";
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 interface IAccount {
   did: string;
   publicKeyHex: string;
@@ -513,7 +510,7 @@ const inputFileNameRef = ref<Blob>();
 
 @Component({ components: { QuickNav, TopMessage } })
 export default class AccountViewView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   AppConstants = AppString;
   DEFAULT_PUSH_SERVER = DEFAULT_PUSH_SERVER;
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index 0f175102..f0a1b176 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -407,6 +407,7 @@ import { useClipboard } from "@vueuse/core";
 
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import OfferDialog from "@/components/OfferDialog.vue";
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
@@ -418,18 +419,11 @@ import EntityIcon from "@/components/EntityIcon.vue";
 import { Account } from "@/db/tables/accounts";
 import { GiverInputInfo } from "@/libs/endorserServer";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: { EntityIcon, GiftedDialog, OfferDialog, QuickNav },
 })
 export default class ClaimView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   accountIdentityStr: string = "null";
   activeDid = "";
diff --git a/src/views/ContactAmountsView.vue b/src/views/ContactAmountsView.vue
index 84206c54..2902174e 100644
--- a/src/views/ContactAmountsView.vue
+++ b/src/views/ContactAmountsView.vue
@@ -105,9 +105,14 @@
 </template>
 
 <script lang="ts">
+import { AxiosError } from "axios";
+import * as didJwt from "did-jwt";
 import * as R from "ramda";
-
+import { IIdentifier } from "@veramo/core";
 import { Component, Vue } from "vue-facing-decorator";
+
+import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
@@ -118,21 +123,10 @@ import {
   GiveVerifiableCredential,
   SCHEMA_ORG_CONTEXT,
 } from "@/libs/endorserServer";
-import * as didJwt from "did-jwt";
-import { AxiosError } from "axios";
-import QuickNav from "@/components/QuickNav.vue";
-import { IIdentifier } from "@veramo/core";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
 
 @Component({ components: { QuickNav } })
 export default class ContactAmountssView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   apiServer = "";
diff --git a/src/views/ContactGiftingView.vue b/src/views/ContactGiftingView.vue
index 9cb7849a..d0144f70 100644
--- a/src/views/ContactGiftingView.vue
+++ b/src/views/ContactGiftingView.vue
@@ -76,29 +76,24 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
+import { IIdentifier } from "@veramo/core";
+
 import GiftedDialog from "@/components/GiftedDialog.vue";
+import QuickNav from "@/components/QuickNav.vue";
+import EntityIcon from "@/components/EntityIcon.vue";
+import { NotificationIface } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { Account, AccountsSchema } from "@/db/tables/accounts";
+import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
 import { GiverInputInfo } from "@/libs/endorserServer";
-import { Contact } from "@/db/tables/contacts";
-import QuickNav from "@/components/QuickNav.vue";
-import EntityIcon from "@/components/EntityIcon.vue";
-import { IIdentifier } from "@veramo/core";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
 
 @Component({
   components: { GiftedDialog, QuickNav, EntityIcon },
 })
 export default class ContactGiftingView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   allContacts: Array<Contact> = [];
diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index 537b0e74..f5cc1860 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -78,6 +78,7 @@ import { Component, Vue } from "vue-facing-decorator";
 import { QrcodeStream } from "vue-qrcode-reader";
 import { useClipboard } from "@vueuse/core";
 
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { deriveAddress, nextDerivationPath, SimpleSigner } from "@/libs/crypto";
@@ -91,13 +92,6 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: {
     QrcodeStream,
@@ -106,7 +100,7 @@ interface Notification {
   },
 })
 export default class ContactQRScanShow extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   apiServer = "";
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 3b0cb44a..6a313f9d 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -129,23 +129,17 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 
-import { accountsDB, db } from "@/db/index";
-import { Contact } from "@/db/tables/contacts";
-import { BoundingBox, MASTER_SETTINGS_KEY } from "@/db/tables/settings";
-import { accessToken } from "@/libs/crypto";
-import { didInfo, PlanData } from "@/libs/endorserServer";
 import QuickNav from "@/components/QuickNav.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
 import ProjectIcon from "@/components/ProjectIcon.vue";
 import TopMessage from "@/components/TopMessage.vue";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
+import { NotificationIface } from "@/constants/app";
+import { accountsDB, db } from "@/db/index";
+import { Contact } from "@/db/tables/contacts";
+import { BoundingBox, MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { accessToken } from "@/libs/crypto";
+import { didInfo, PlanData } from "@/libs/endorserServer";
 
 @Component({
   components: {
@@ -157,7 +151,7 @@ interface Notification {
   },
 })
 export default class DiscoverView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   allContacts: Array<Contact> = [];
diff --git a/src/views/HelpNotificationsView.vue b/src/views/HelpNotificationsView.vue
index a72535b2..823ebfd4 100644
--- a/src/views/HelpNotificationsView.vue
+++ b/src/views/HelpNotificationsView.vue
@@ -294,18 +294,12 @@
 import { Component, Vue } from "vue-facing-decorator";
 
 import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 import { sendTestThroughPushServer } from "@/libs/util";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({ components: { QuickNav } })
 export default class HelpNotificationsView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   subscription: PushSubscription | null = null;
 
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index 4d605266..45416303 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -325,18 +325,12 @@ import { Component, Vue } from "vue-facing-decorator";
 
 import * as Package from "../../package.json";
 import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 import { ONBOARD_MESSAGE } from "@/libs/util";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({ components: { QuickNav } })
 export default class Help extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   package = Package;
   commitHash = process.env.VUE_APP_GIT_HASH;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 36ac2a13..d4311018 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -230,6 +230,7 @@
 
 <script lang="ts">
 import { UAParser } from "ua-parser-js";
+import { IIdentifier } from "@veramo/core";
 import { Component, Vue } from "vue-facing-decorator";
 
 import EntityIcon from "@/components/EntityIcon.vue";
@@ -238,6 +239,7 @@ import GiftedPrompts from "@/components/GiftedPrompts.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
+import { NotificationIface } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { Account } from "@/db/tables/accounts";
 import { Contact } from "@/db/tables/contacts";
@@ -249,16 +251,8 @@ import {
   GiverInputInfo,
   GiveServerRecord,
 } from "@/libs/endorserServer";
-import { IIdentifier } from "@veramo/core";
 import { generateSaveAndActivateIdentity } from "@/libs/util";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 interface GiveRecordWithContactInfo extends GiveServerRecord {
   giver: {
     displayName: string;
@@ -281,7 +275,7 @@ interface GiveRecordWithContactInfo extends GiveServerRecord {
   },
 })
 export default class HomeView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   allContacts: Array<Contact> = [];
diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 283f3a12..8e259ac1 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -80,22 +80,16 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-import { AppString } from "@/constants/app";
+
+import { AppString, NotificationIface } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { AccountsSchema } from "@/db/tables/accounts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import QuickNav from "@/components/QuickNav.vue";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({ components: { QuickNav } })
 export default class IdentitySwitcherView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   Constants = AppString;
   public accounts: typeof AccountsSchema;
diff --git a/src/views/ImportAccountView.vue b/src/views/ImportAccountView.vue
index e5cd584d..657e1ff0 100644
--- a/src/views/ImportAccountView.vue
+++ b/src/views/ImportAccountView.vue
@@ -75,20 +75,15 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
+
+import { NotificationIface } from "@/constants/app";
+import { accountsDB, db } from "@/db/index";
+import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import {
   DEFAULT_ROOT_DERIVATION_PATH,
   deriveAddress,
   newIdentifier,
-} from "../libs/crypto";
-import { accountsDB, db } from "@/db/index";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
+} from "@/libs/crypto";
 
 @Component({
   components: {},
@@ -96,7 +91,7 @@ interface Notification {
 export default class ImportAccountView extends Vue {
   UPORT_DERIVATION_PATH = "m/7696500'/0'/0'/0'"; // for legacy imports, likely never used
 
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   mnemonic = "";
   address = "";
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 9cf9058e..ff89e9ea 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -138,6 +138,7 @@ import { Component, Vue } from "vue-facing-decorator";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";
 
 import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken, SimpleSigner } from "@/libs/crypto";
@@ -145,18 +146,11 @@ import { useAppStore } from "@/store/app";
 import { IIdentifier } from "@veramo/core";
 import { PlanVerifiableCredential } from "@/libs/endorserServer";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: { LMap, LMarker, LTileLayer, QuickNav },
 })
 export default class NewEditProjectView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   agentDid = "";
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index c8ae0050..317e0710 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -348,7 +348,12 @@ import { Component, Vue } from "vue-facing-decorator";
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import OfferDialog from "@/components/OfferDialog.vue";
 import TopMessage from "@/components/TopMessage.vue";
+import QuickNav from "@/components/QuickNav.vue";
+import EntityIcon from "@/components/EntityIcon.vue";
+import ProjectIcon from "@/components/ProjectIcon.vue";
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
+import { Account } from "@/db/tables/accounts";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
@@ -362,17 +367,6 @@ import {
   PlanServerRecord,
 } from "@/libs/endorserServer";
 import * as serverUtil from "@/libs/endorserServer";
-import QuickNav from "@/components/QuickNav.vue";
-import EntityIcon from "@/components/EntityIcon.vue";
-import ProjectIcon from "@/components/ProjectIcon.vue";
-import { Account } from "@/db/tables/accounts";
-
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
 
 @Component({
   components: {
@@ -385,7 +379,7 @@ interface Notification {
   },
 })
 export default class ProjectViewView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeDid = "";
   agentDid = "";
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index d75880b1..48c7a718 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -213,6 +213,7 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
@@ -225,18 +226,11 @@ import TopMessage from "@/components/TopMessage.vue";
 import { OfferServerRecord, PlanData } from "@/libs/endorserServer";
 import EntityIcon from "@/components/EntityIcon.vue";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: { EntityIcon, InfiniteScroll, QuickNav, ProjectIcon, TopMessage },
 })
 export default class ProjectsView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   apiServer = "";
   projects: PlanData[] = [];
diff --git a/src/views/SearchAreaView.vue b/src/views/SearchAreaView.vue
index 18de5618..4b3a7501 100644
--- a/src/views/SearchAreaView.vue
+++ b/src/views/SearchAreaView.vue
@@ -105,21 +105,15 @@ import {
   LTileLayer,
 } from "@vue-leaflet/vue-leaflet";
 
+import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 import { db } from "@/db/index";
 import { BoundingBox, MASTER_SETTINGS_KEY } from "@/db/tables/settings";
-import QuickNav from "@/components/QuickNav.vue";
 
 const DEFAULT_LAT_LONG_DIFF = 0.01;
 const WORLD_ZOOM = 2;
 const DEFAULT_ZOOM = 2;
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: {
     QuickNav,
@@ -130,7 +124,7 @@ interface Notification {
   },
 })
 export default class DiscoverView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   isChoosingSearchBox = false;
   isNewMarkerSet = false;
diff --git a/src/views/SeedBackupView.vue b/src/views/SeedBackupView.vue
index 24e55b4a..7d6f8148 100644
--- a/src/views/SeedBackupView.vue
+++ b/src/views/SeedBackupView.vue
@@ -65,25 +65,20 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-import { accountsDB, db } from "@/db/index";
 import * as R from "ramda";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+
 import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
+import { accountsDB, db } from "@/db/index";
+import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 
 interface Account {
   mnemonic: string;
 }
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({ components: { QuickNav } })
 export default class SeedBackupView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   activeAccount: Account | null | undefined = null;
   numAccounts = 0;
diff --git a/src/views/StatisticsView.vue b/src/views/StatisticsView.vue
index 1445bcdd..cd4b5938 100644
--- a/src/views/StatisticsView.vue
+++ b/src/views/StatisticsView.vue
@@ -53,8 +53,10 @@
 <script lang="ts">
 import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 import { Component, Vue } from "vue-facing-decorator";
+
 import { World } from "@/components/World/World.js";
 import QuickNav from "@/components/QuickNav.vue";
+import { NotificationIface } from "@/constants/app";
 
 interface RendererSVGType {
   domElement: Element;
@@ -64,16 +66,9 @@ interface Dictionary<T> {
   [key: string]: T;
 }
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({ components: { World, QuickNav } })
 export default class StatisticsView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   world: World;
   worldProperties: Dictionary<number> = {};

From 866dcb3a2acce50a4eee6f59691249d63e3b4dc4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 24 Feb 2024 18:38:11 -0700
Subject: [PATCH 02/11] add screens for the shortcuts for the BVC group
 (doesn't submit yet)

---
 package-lock.json                     |  14 +-
 package.json                          |   3 +-
 src/db/tables/settings.ts             |   1 +
 src/libs/endorserServer.ts            | 185 ++++++++++++++++++++-
 src/router/index.ts                   |  24 +++
 src/views/AccountViewView.vue         |  62 ++++++-
 src/views/HomeView.vue                |  13 +-
 src/views/QuickActionBvcBeginView.vue |  99 +++++++++++
 src/views/QuickActionBvcEndView.vue   | 228 ++++++++++++++++++++++++++
 src/views/QuickActionBvcView.vue      |  52 ++++++
 10 files changed, 667 insertions(+), 14 deletions(-)
 create mode 100644 src/views/QuickActionBvcBeginView.vue
 create mode 100644 src/views/QuickActionBvcEndView.vue
 create mode 100644 src/views/QuickActionBvcView.vue

diff --git a/package-lock.json b/package-lock.json
index 2ab5803d..fba20670 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "@pvermeer/dexie-encrypted-addon": "^3.0.0",
         "@tweenjs/tween.js": "^21.0.0",
         "@types/js-yaml": "^4.0.9",
+        "@types/luxon": "^3.4.2",
         "@veramo/core": "^5.4.1",
         "@veramo/credential-w3c": "^5.4.1",
         "@veramo/data-store": "^5.4.1",
@@ -41,7 +42,7 @@
         "js-generate-password": "^0.1.9",
         "js-yaml": "^4.1.0",
         "localstorage-slim": "^2.5.0",
-        "luxon": "^3.4.3",
+        "luxon": "^3.4.4",
         "merkletreejs": "^0.3.11",
         "moment": "^2.29.4",
         "notiwind": "^2.0.2",
@@ -9170,6 +9171,11 @@
         "@types/geojson": "*"
       }
     },
+    "node_modules/@types/luxon": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-3.4.2.tgz",
+      "integrity": "sha512-TifLZlFudklWlMBfhubvgqTXRzLDI5pCbGa4P8a3wPyUQSW+1xQ5eDsreP9DWHX3tjq1ke96uYG/nwundroWcA=="
+    },
     "node_modules/@types/mime": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.3.tgz",
@@ -20251,9 +20257,9 @@
       }
     },
     "node_modules/luxon": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.3.tgz",
-      "integrity": "sha512-tFWBiv3h7z+T/tDaoxA8rqTxy1CHV6gHS//QdaH4pulbq/JuBSGgQspQQqcgnwdAx6pNI7cmvz5Sv/addzHmUg==",
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.4.tgz",
+      "integrity": "sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==",
       "engines": {
         "node": ">=12"
       }
diff --git a/package.json b/package.json
index cfab56ec..ee91c068 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "@pvermeer/dexie-encrypted-addon": "^3.0.0",
     "@tweenjs/tween.js": "^21.0.0",
     "@types/js-yaml": "^4.0.9",
+    "@types/luxon": "^3.4.2",
     "@veramo/core": "^5.4.1",
     "@veramo/credential-w3c": "^5.4.1",
     "@veramo/data-store": "^5.4.1",
@@ -41,7 +42,7 @@
     "js-generate-password": "^0.1.9",
     "js-yaml": "^4.1.0",
     "localstorage-slim": "^2.5.0",
-    "luxon": "^3.4.3",
+    "luxon": "^3.4.4",
     "merkletreejs": "^0.3.11",
     "moment": "^2.29.4",
     "notiwind": "^2.0.2",
diff --git a/src/db/tables/settings.ts b/src/db/tables/settings.ts
index 4b3ad1e5..f95b3839 100644
--- a/src/db/tables/settings.ts
+++ b/src/db/tables/settings.ts
@@ -31,6 +31,7 @@ export type Settings = {
   }>;
 
   showContactGivesInline?: boolean; // Display contact inline or not
+  showShortcutBvc?: boolean; // Show shortcut for BVC actions
   vapid?: string; // VAPID (Voluntary Application Server Identification) field for web push
   warnIfProdServer?: boolean; // Warn if using a production server
   warnIfTestServer?: boolean; // Warn if using a testing server
diff --git a/src/libs/endorserServer.ts b/src/libs/endorserServer.ts
index 55756e6c..be4865de 100644
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -50,9 +50,9 @@ export interface GenericVerifiableCredential {
 
 export interface GenericServerRecord extends GenericVerifiableCredential {
   handleId?: string;
-  id?: string;
-  issuedAt?: string;
-  issuer?: string;
+  id: string;
+  issuedAt: string;
+  issuer: string;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   claim: Record<any, any>;
   claimType?: string;
@@ -61,6 +61,9 @@ export const BLANK_GENERIC_SERVER_RECORD: GenericServerRecord = {
   "@context": SCHEMA_ORG_CONTEXT,
   "@type": "",
   claim: {},
+  id: "",
+  issuedAt: "",
+  issuer: "",
 };
 
 export interface GiveServerRecord {
@@ -579,6 +582,182 @@ export async function createAndSubmitClaim(
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isAccept = (claim: Record<any, any>) => {
+  return (
+    claim &&
+    claim["@context"] === SCHEMA_ORG_CONTEXT &&
+    claim["@type"] === "AcceptAction"
+  );
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isOffer = (claim: Record<any, any>) => {
+  return (
+    claim &&
+    claim["@context"] === SCHEMA_ORG_CONTEXT &&
+    claim["@type"] === "Offer"
+  );
+};
+
+export function currencyShortWordForCode(unitCode: string, single: boolean) {
+  return unitCode === "HUR" ? (single ? "hour" : "hours") : unitCode;
+}
+
+export function displayAmount(code: string, amt: number) {
+  return "" + amt + " " + currencyShortWordForCode(code, amt === 1);
+}
+
+// insert a space before any capital letters except the initial letter
+// (and capitalize initial letter, just in case)
+export const capitalizeAndInsertSpacesBeforeCaps = (text: string) => {
+  return !text
+    ? ""
+    : text[0].toUpperCase() + text.substr(1).replace(/([A-Z])/g, " $1");
+};
+
+/**
+ return readable summary of claim, or something generic
+
+ similar code is also contained in endorser-mobile
+ **/
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const claimSummary = (claim: Record<any, any>) => {
+  if (!claim) {
+    // to differentiate from "something" above
+    return "something";
+  }
+  if (claim.claim) {
+    // probably a Verified Credential
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    claim = claim.claim as Record<any, any>;
+  }
+  if (Array.isArray(claim)) {
+    if (claim.length === 1) {
+      claim = claim[0];
+    } else {
+      return "multiple claims";
+    }
+  }
+  const type = claim["@type"];
+  if (!type) {
+    return "a claim";
+  } else {
+    let typeExpl = capitalizeAndInsertSpacesBeforeCaps(type);
+    if (typeExpl === "Person") {
+      typeExpl += " claim";
+    }
+    return "a " + typeExpl;
+  }
+};
+
+/**
+ return readable description of claim if possible, as a past-tense action
+
+ identifiers is a list of objects with a 'did' field, each representing the user
+ contacts is a list of objects with a 'did' field for others and a 'name' field for their name
+
+ similar code is also contained in endorser-mobile
+ **/
+export const claimSpecialDescription = (
+  record: GenericServerRecord,
+  activeDid: string,
+  identifiers: Array<string>,
+  contacts: Array<Contact>,
+) => {
+  let claim = record.claim;
+  if (claim.claim) {
+    // it's probably a Verified Credential
+    claim = claim.claim;
+  }
+
+  const issuer = didInfo(record.issuer, activeDid, identifiers, contacts);
+  const type = claim["@type"] || "UnknownType";
+
+  if (type === "AgreeAction") {
+    return issuer + " agreed with " + claimSummary(claim.object);
+  } else if (isAccept(claim)) {
+    return issuer + " accepted " + claimSummary(claim.object);
+  } else if (type === "GiveAction") {
+    // agent.did is for legacy data, before March 2023
+    const giver = claim.agent?.identifier || claim.agent?.did;
+    const giverInfo = didInfo(giver, activeDid, identifiers, contacts);
+    let gaveAmount = claim.object?.amountOfThisGood
+      ? displayAmount(claim.object.unitCode, claim.object.amountOfThisGood)
+      : "";
+    if (claim.description) {
+      if (gaveAmount) {
+        gaveAmount = gaveAmount + ", and also: ";
+      }
+      gaveAmount = gaveAmount + claim.description;
+    }
+    if (!gaveAmount) {
+      gaveAmount = "something not described";
+    }
+    // recipient.did is for legacy data, before March 2023
+    const gaveRecipientId = claim.recipient?.identifier || claim.recipient?.did;
+    const gaveRecipientInfo = gaveRecipientId
+      ? " to " + didInfo(gaveRecipientId, activeDid, identifiers, contacts)
+      : "";
+    return giverInfo + " gave" + gaveRecipientInfo + ": " + gaveAmount;
+  } else if (type === "JoinAction") {
+    // agent.did is for legacy data, before March 2023
+    const agent = claim.agent?.identifier || claim.agent?.did;
+    const contactInfo = didInfo(agent, activeDid, identifiers, contacts);
+
+    let eventOrganizer =
+      claim.event && claim.event.organizer && claim.event.organizer.name;
+    eventOrganizer = eventOrganizer || "";
+    let eventName = claim.event && claim.event.name;
+    eventName = eventName ? " " + eventName : "";
+    let fullEvent = eventOrganizer + eventName;
+    fullEvent = fullEvent ? " attended the " + fullEvent : "";
+
+    let eventDate = claim.event && claim.event.startTime;
+    eventDate = eventDate ? " at " + eventDate : "";
+    return contactInfo + fullEvent + eventDate;
+  } else if (isOffer(claim)) {
+    const offerer = claim.offeredBy?.identifier;
+    const contactInfo = didInfo(offerer, activeDid, identifiers, contacts);
+    let offering = "";
+    if (claim.includesObject) {
+      offering +=
+        " " +
+        displayAmount(
+          claim.includesObject.unitCode,
+          claim.includesObject.amountOfThisGood,
+        );
+    }
+    if (claim.itemOffered?.description) {
+      offering += ", saying: " + claim.itemOffered?.description;
+    }
+    // recipient.did is for legacy data, before March 2023
+    const offerRecipientId =
+      claim.recipient?.identifier || claim.recipient?.did;
+    const offerRecipientInfo = offerRecipientId
+      ? " to " + didInfo(offerRecipientId, activeDid, identifiers, contacts)
+      : "";
+    return contactInfo + " offered" + offering + offerRecipientInfo;
+  } else if (type === "PlanAction") {
+    const claimer = claim.agent?.identifier || record.issuer;
+    const claimerInfo = didInfo(claimer, activeDid, identifiers, contacts);
+    return claimerInfo + " announced a project: " + claim.name;
+  } else if (type === "Tenure") {
+    // party.did is for legacy data, before March 2023
+    const claimer = claim.party?.identifier || claim.party?.did;
+    const contactInfo = didInfo(claimer, activeDid, identifiers, contacts);
+    const polygon = claim.spatialUnit?.geo?.polygon || "";
+    return (
+      contactInfo +
+      " possesses [" +
+      polygon.substring(0, polygon.indexOf(" ")) +
+      "...]"
+    );
+  } else {
+    return issuer + " declared " + claimSummary(claim as GenericServerRecord);
+  }
+};
+
 // from https://stackoverflow.com/a/175787/845494
 //
 export function isNumeric(str: string): boolean {
diff --git a/src/router/index.ts b/src/router/index.ts
index 68da028f..b3c078df 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -165,6 +165,30 @@ const routes: Array<RouteRecordRaw> = [
       import(/* webpackChunkName: "projects" */ "../views/ProjectsView.vue"),
     beforeEnter: enterOrStart,
   },
+  {
+    path: "/quick-action-bvc",
+    name: "quick-action-bvc",
+    component: () =>
+      import(
+        /* webpackChunkName: "quick-action-bvc" */ "../views/QuickActionBvcView.vue"
+      ),
+  },
+  {
+    path: "/quick-action-bvc-begin",
+    name: "quick-action-bvc-begin",
+    component: () =>
+      import(
+        /* webpackChunkName: "quick-action-bvc-begin" */ "../views/QuickActionBvcBeginView.vue"
+      ),
+  },
+  {
+    path: "/quick-action-bvc-end",
+    name: "quick-action-bvc-end",
+    component: () =>
+      import(
+        /* webpackChunkName: "quick-action-bvc-end" */ "../views/QuickActionBvcEndView.vue"
+      ),
+  },
   {
     path: "/scan-contact",
     name: "scan-contact",
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 7f2a4473..7b72d53c 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -299,7 +299,7 @@
       <label
         for="toggleShowAmounts"
         class="flex items-center justify-between cursor-pointer my-4"
-        @click="handleChange"
+        @click="toggleShowContactAmounts"
       >
         <!-- label -->
         <span class="text-slate-500 text-sm font-bold">Contacts Display</span>
@@ -439,6 +439,28 @@
         {{ DEFAULT_PUSH_SERVER }}
       </span>
 
+      <label
+        for="toggleShowShortcutBvc"
+        class="flex items-center justify-between cursor-pointer my-4"
+        @click="toggleShowShortcutBvc"
+      >
+        <!-- label -->
+        <span class="text-slate-500 text-sm font-bold"
+          >Show Shortcut on Home Page</span
+        >
+        <!-- toggle -->
+        <div class="relative ml-2">
+          <!-- input -->
+          <input type="checkbox" v-model="showShortcutBvc" class="sr-only" />
+          <!-- line -->
+          <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
+          <!-- dot -->
+          <div
+            class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"
+          ></div>
+        </div>
+      </label>
+
       <div class="mt-4">
         <h2 class="text-slate-500 text-sm font-bold">
           Contacts & Settings Database
@@ -537,6 +559,7 @@ export default class AccountViewView extends Vue {
   showB64Copy = false;
   showPubCopy = false;
   showAdvanced = false;
+  showShortcutBvc = false;
   subscription: PushSubscription | null = null;
   warnIfProdServer = false;
   warnIfTestServer = false;
@@ -596,6 +619,7 @@ export default class AccountViewView extends Vue {
       (settings?.lastName ? ` ${settings.lastName}` : ""); // pre v 0.1.3
     this.isRegistered = !!settings?.isRegistered;
     this.showContactGives = !!settings?.showContactGivesInline;
+    this.showShortcutBvc = !!settings?.showShortcutBvc;
     this.warnIfProdServer = !!settings?.warnIfProdServer;
     this.warnIfTestServer = !!settings?.warnIfTestServer;
     this.webPushServer = (settings?.webPushServer as string) || "";
@@ -653,7 +677,7 @@ export default class AccountViewView extends Vue {
       .then(() => setTimeout(fn, 2000));
   }
 
-  handleChange() {
+  toggleShowContactAmounts() {
     this.showContactGives = !this.showContactGives;
     this.updateShowContactAmounts();
   }
@@ -668,6 +692,11 @@ export default class AccountViewView extends Vue {
     this.updateWarnIfTestServer(this.warnIfTestServer);
   }
 
+  toggleShowShortcutBvc() {
+    this.showShortcutBvc = !this.showShortcutBvc;
+    this.updateShowShortcutBvc(this.showShortcutBvc);
+  }
+
   readableTime(timeStr: string) {
     return timeStr.substring(0, timeStr.indexOf("T"));
   }
@@ -763,7 +792,7 @@ export default class AccountViewView extends Vue {
         -1,
       );
       console.error(
-        "Telling user to try again after contact setting update because:",
+        "Telling user to try again after contact-amounts setting update because:",
         err,
       );
     }
@@ -786,7 +815,7 @@ export default class AccountViewView extends Vue {
         -1,
       );
       console.error(
-        "Telling user to try again after setting update because:",
+        "Telling user to try again after prod-server-warning setting update because:",
         err,
       );
     }
@@ -809,7 +838,30 @@ export default class AccountViewView extends Vue {
         -1,
       );
       console.error(
-        "Telling user to try again after setting update because:",
+        "Telling user to try again after test-server-warning setting update because:",
+        err,
+      );
+    }
+  }
+
+  public async updateShowShortcutBvc(newSetting: boolean) {
+    try {
+      await db.open();
+      db.settings.update(MASTER_SETTINGS_KEY, {
+        showShortcutBvc: newSetting,
+      });
+    } catch (err) {
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error Updating BVC Shortcut Setting",
+          text: "The setting may not have saved. Try again, maybe after restarting the app.",
+        },
+        -1,
+      );
+      console.error(
+        "Telling user to try again after BVC-shortcut setting update because:",
         err,
       );
     }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d4311018..47d8d223 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -59,6 +59,15 @@
       </div>
     </div>
 
+    <div v-if="showShortcutBvc" class="mb-4">
+      <router-link
+        :to="{ name: 'quick-action-bvc' }"
+        class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"
+      >
+        Bountiful Voluntaryist Community Actions</router-link
+      >
+    </div>
+
     <!-- show the actions for recognizing a give -->
     <div class="mb-8">
       <div v-if="isCreatingIdentifier">
@@ -287,6 +296,7 @@ export default class HomeView extends Vue {
   isCreatingIdentifier = false;
   isFeedLoading = true;
   isRegistered = false;
+  showShortcutBvc = false;
   userAgentInfo = new UAParser(); // see https://docs.uaparser.js.org/v2/api/ua-parser-js/get-os.html
 
   public async getIdentity(activeDid: string) {
@@ -321,6 +331,7 @@ export default class HomeView extends Vue {
       this.allContacts = await db.contacts.toArray();
       this.feedLastViewedClaimId = settings?.lastViewedClaimId;
       this.isRegistered = !!settings?.isRegistered;
+      this.showShortcutBvc = !!settings?.showShortcutBvc;
 
       if (this.allMyDids.length === 0) {
         this.isCreatingIdentifier = true;
@@ -473,7 +484,7 @@ export default class HomeView extends Vue {
       },
     );
 
-    if (response.status !== 200) {
+    if (!response.ok) {
       throw await response.text();
     }
 
diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
new file mode 100644
index 00000000..dfde3c1d
--- /dev/null
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -0,0 +1,99 @@
+<template>
+  <QuickNav />
+  <TopMessage />
+
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <!-- Back -->
+    <div class="text-lg text-center font-light relative px-7">
+      <h1
+        class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        @click="$router.back()"
+      >
+        <fa icon="chevron-left" class="fa-fw"></fa>
+      </h1>
+    </div>
+
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+      Beginning of BVC Saturday Meeting
+    </h1>
+
+    <div>
+      <h2 class="text-2xl m-4">You're Here</h2>
+      <div class="m-4 flex">
+        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+        <span class="pb-2 pl-2 pr-2">Attended</span>
+        <span v-if="gaveTime">
+          <input
+            type="text"
+            placeholder="How much time"
+            v-model="hours"
+            size="1"
+            class="border border-slate-400 h-6 px-2"
+          />
+          hour(s)
+        </span>
+        <!-- This is to match input height to avoid shifting when hiding & showing. -->
+        <span v-else class="h-6" />
+      </div>
+    </div>
+
+    <div class="m-4" v-if="gaveTime && hours && hours != '0'">
+      <button
+        @click="record()"
+        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+      >
+        Sign & Send
+      </button>
+    </div>
+  </section>
+</template>
+
+<script lang="ts">
+import { DateTime } from "luxon";
+import { Component, Vue } from "vue-facing-decorator";
+
+import QuickNav from "@/components/QuickNav.vue";
+import TopMessage from "@/components/TopMessage.vue";
+import { NotificationIface } from "@/constants/app";
+import { numberOrZero } from "@/libs/endorserServer";
+
+@Component({
+  components: {
+    QuickNav,
+    TopMessage,
+  },
+})
+export default class QuickActionBvcBeginView extends Vue {
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
+
+  gaveTime = false;
+  hours = "1";
+  todayOrPreviousStartDate = "";
+
+  async mounted() {
+    let currentOrPreviousSat = DateTime.now().setZone("America/Denver");
+    if (currentOrPreviousSat.weekday < 6) {
+      // it's not Saturday or Sunday,
+      // so move back one week before setting to the Saturday
+      currentOrPreviousSat = currentOrPreviousSat.minus({ week: 1 });
+    }
+    const eventStartDateObj = currentOrPreviousSat
+      .set({ weekday: 6 })
+      .set({ hour: 9 })
+      .startOf("hour");
+
+    // Hack, but full ISO pushes the length to 340 which crashes verifyJWT!
+    this.todayOrPreviousStartDate =
+      eventStartDateObj.toISO({
+        suppressMilliseconds: true,
+      }) || "";
+  }
+
+  record() {
+    const hoursNum = numberOrZero(this.hours);
+    alert("Nope" + hoursNum);
+  }
+}
+</script>
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
new file mode 100644
index 00000000..c86fb585
--- /dev/null
+++ b/src/views/QuickActionBvcEndView.vue
@@ -0,0 +1,228 @@
+<template>
+  <QuickNav />
+  <TopMessage />
+
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <!-- Back -->
+    <div class="text-lg text-center font-light relative px-7">
+      <h1
+        class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        @click="$router.back()"
+      >
+        <fa icon="chevron-left" class="fa-fw"></fa>
+      </h1>
+    </div>
+
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+      End of BVC Saturday Meeting
+    </h1>
+
+    <div>
+      <h2 class="text-2xl m-4">Confirm</h2>
+      <div v-if="claimsToConfirm.length === 0">
+        There are no claims today yet for you to confirm.
+        <span v-if="claimCountWithHidden">
+          (There are {{ claimCountWithHidden }} hidden claims.)
+        </span>
+      </div>
+      <ul class="border-t border-slate-300">
+        <li
+          class="border-b border-slate-300 py-2"
+          v-for="record in claimsToConfirm"
+          :key="record.id"
+        >
+          <div class="grid grid-cols-12">
+            <span class="col-span-11 justify-self-start">
+              <span>
+                <input type="checkbox" class="mr-2 h-6 w-6" />
+              </span>
+              {{
+                claimSpecialDescription(
+                  record,
+                  activeDid,
+                  allMyDids,
+                  allContacts,
+                )
+              }}
+              <a @click="onClickLoadClaim(record.id)">
+                <fa
+                  icon="circle-info"
+                  class="pl-2 text-blue-500 cursor-pointer"
+                />
+              </a>
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <h2 class="text-2xl m-4">Anything else?</h2>
+      <div class="m-4 flex">
+        <input type="checkbox" v-model="someoneGave" class="h-6 w-6" />
+        <span class="pb-2 pl-2 pr-2">Someone gave</span>
+        <span v-if="someoneGave">
+          <input
+            type="text"
+            v-model="description"
+            size="20"
+            class="border border-slate-400 h-6 px-2"
+          />
+        </span>
+        <!-- This is to match input height to avoid shifting when hiding & showing. -->
+        <span v-else class="h-6">...</span>
+      </div>
+    </div>
+
+    <div class="m-4" v-if="someoneGave && description">
+      <button
+        @click="record()"
+        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+      >
+        Sign & Send
+      </button>
+    </div>
+  </section>
+</template>
+
+<script lang="ts">
+import { DateTime } from "luxon";
+import * as R from "ramda";
+import { IIdentifier } from "@veramo/core";
+import { Component, Vue } from "vue-facing-decorator";
+
+import QuickNav from "@/components/QuickNav.vue";
+import TopMessage from "@/components/TopMessage.vue";
+import { NotificationIface } from "@/constants/app";
+import { accountsDB, db } from "@/db/index";
+import { Account } from "@/db/tables/accounts";
+import { Contact } from "@/db/tables/contacts";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
+import { accessToken } from "@/libs/crypto";
+import {
+  claimSpecialDescription,
+  containsHiddenDid,
+  GenericServerRecord,
+} from "@/libs/endorserServer";
+
+@Component({
+  methods: { claimSpecialDescription },
+  components: {
+    QuickNav,
+    TopMessage,
+  },
+})
+export default class QuickActionBvcBeginView extends Vue {
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
+
+  activeDid = "";
+  allContacts: Array<Contact> = [];
+  allMyDids: Array<string> = [];
+  apiServer = "";
+  claimCountWithHidden = 0;
+  claimsToConfirm: GenericServerRecord[] = [];
+  description = "";
+  someoneGave = false;
+
+  async created() {
+    await db.open();
+    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();
+  }
+
+  async mounted() {
+    let currentOrPreviousSat = DateTime.now().setZone("America/Denver");
+    if (currentOrPreviousSat.weekday < 6) {
+      // it's not Saturday or Sunday,
+      // so move back one week before setting to the Saturday
+      currentOrPreviousSat = currentOrPreviousSat.minus({ week: 1 });
+    }
+    const eventStartDateObj = currentOrPreviousSat
+      .set({ weekday: 6 })
+      .set({ hour: 9 })
+      .startOf("hour");
+
+    // Hack, but full ISO pushes the length to 340 which crashes verifyJWT!
+    const todayOrPreviousStartDate =
+      eventStartDateObj.toISO({
+        suppressMilliseconds: true,
+      }) || "";
+
+    await accountsDB.open();
+    const allAccounts = await accountsDB.accounts.toArray();
+    this.allMyDids = allAccounts.map((acc) => acc.did);
+    const account: Account | undefined = await accountsDB.accounts
+      .where("did")
+      .equals(this.activeDid)
+      .first();
+    const identity: IIdentifier = JSON.parse(
+      (account?.identity as string) || "null",
+    );
+    const headers = {
+      Authorization: "Bearer " + (await accessToken(identity)),
+    };
+    console.log("todayOrPreviousStartDate", todayOrPreviousStartDate);
+    try {
+      console.log(
+        this.apiServer +
+          "/api/claim/?" +
+          "issuedAt_greaterThanOrEqualTo=" +
+          encodeURIComponent(todayOrPreviousStartDate) +
+          "&excludeConfirmations=true",
+      );
+      const response = await fetch(
+        this.apiServer +
+          "/api/claim/?" +
+          "issuedAt_greaterThanOrEqualTo=" +
+          encodeURIComponent(todayOrPreviousStartDate) +
+          "&excludeConfirmations=true",
+        { headers },
+      );
+
+      if (!response.ok) {
+        console.log("Bad response", response);
+        throw new Error("Bad response when retrieving claims.");
+      }
+      response.json().then((data) => {
+        const dataByOthers = R.reject(
+          (claim: GenericServerRecord) => claim.issuer === this.activeDid,
+          data,
+        );
+        const dataByOthersWithoutHidden = R.reject(
+          containsHiddenDid,
+          dataByOthers,
+        );
+        this.claimsToConfirm = dataByOthersWithoutHidden;
+        this.claimCountWithHidden =
+          dataByOthers.length - dataByOthersWithoutHidden.length;
+      });
+    } catch (error) {
+      console.error("Error:", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "There was an error retrieving today's claims to confirm.",
+        },
+        -1,
+      );
+    }
+  }
+
+  onClickLoadClaim(jwtId: string) {
+    const route = {
+      path: "/claim/" + encodeURIComponent(jwtId),
+    };
+    this.$router.push(route);
+  }
+
+  record() {
+    alert("Nope");
+  }
+}
+</script>
diff --git a/src/views/QuickActionBvcView.vue b/src/views/QuickActionBvcView.vue
new file mode 100644
index 00000000..48aa8599
--- /dev/null
+++ b/src/views/QuickActionBvcView.vue
@@ -0,0 +1,52 @@
+<template>
+  <QuickNav />
+  <TopMessage />
+
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <!-- Back -->
+    <div class="text-lg text-center font-light relative px-7">
+      <h1
+        class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        @click="$router.back()"
+      >
+        <fa icon="chevron-left" class="fa-fw"></fa>
+      </h1>
+    </div>
+
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+      Bountiful Voluntaryist Community Actions
+    </h1>
+
+    <div>
+      <router-link
+        :to="{ name: 'quick-action-bvc-begin' }"
+        class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"
+      >
+        Beginning of Meeting
+      </router-link>
+      <router-link
+        :to="{ name: 'quick-action-bvc-end' }"
+        class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"
+      >
+        End of Meeting
+      </router-link>
+    </div>
+  </section>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from "vue-facing-decorator";
+
+import QuickNav from "@/components/QuickNav.vue";
+import TopMessage from "@/components/TopMessage.vue";
+
+@Component({
+  components: {
+    QuickNav,
+    TopMessage,
+  },
+})
+export default class QuickActionBvcView extends Vue {}
+</script>

From 2058205150bc2ed284cb24167158b09c3babea76 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 25 Feb 2024 18:38:54 -0700
Subject: [PATCH 03/11] for BVC shortcut: send attend & give actions, and list
 actions to confirm

---
 src/App.vue                           |   4 +-
 src/components/GiftedDialog.vue       |  19 +---
 src/components/OfferDialog.vue        |  27 +-----
 src/libs/endorserServer.ts            |  39 +++++---
 src/libs/util.ts                      |  30 +++++-
 src/views/AccountViewView.vue         |   2 +-
 src/views/ContactAmountsView.vue      |   2 +-
 src/views/ContactGiftingView.vue      |   2 +-
 src/views/ContactQRScanShowView.vue   |   3 +-
 src/views/ContactsView.vue            |  18 ++--
 src/views/DiscoverView.vue            |   8 +-
 src/views/HomeView.vue                |   8 +-
 src/views/QuickActionBvcBeginView.vue | 131 +++++++++++++++++++++++---
 src/views/QuickActionBvcEndView.vue   |  71 +++++++++-----
 src/views/QuickActionBvcView.vue      |   2 +-
 15 files changed, 247 insertions(+), 119 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0fee98a8..484d0153 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -582,7 +582,7 @@ export default class App extends Vue {
         }
       })
       .catch((error) => {
-        console.log("Push provider server communication failed:", error);
+        console.error("Push provider server communication failed:", error);
         return false;
       });
 
@@ -597,7 +597,7 @@ export default class App extends Vue {
         return response.ok;
       })
       .catch((error) => {
-        console.log("Push server communication failed:", error);
+        console.error("Push server communication failed:", error);
         return false;
       });
 
diff --git a/src/components/GiftedDialog.vue b/src/components/GiftedDialog.vue
index 5353f9e4..4d5da377 100644
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -77,7 +77,6 @@ import {
 import * as libsUtil from "@/libs/util";
 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";
 
 @Component
@@ -206,22 +205,6 @@ export default class GiftedDialog extends Vue {
     });
   }
 
-  public async getIdentity(activeDid: string) {
-    await accountsDB.open();
-    const account = (await accountsDB.accounts
-      .where("did")
-      .equals(activeDid)
-      .first()) as Account;
-    const identity = JSON.parse(account?.identity || "null");
-
-    if (!identity) {
-      throw new Error(
-        "Attempted to load Give records for DID ${activeDid} but no identifier was found",
-      );
-    }
-    return identity;
-  }
-
   /**
    *
    * @param giverDid may be null
@@ -262,7 +245,7 @@ export default class GiftedDialog extends Vue {
     }
 
     try {
-      const identity = await this.getIdentity(this.activeDid);
+      const identity = await libsUtil.getIdentity(this.activeDid);
       const result = await createAndSubmitGive(
         this.axios,
         this.apiServer,
diff --git a/src/components/OfferDialog.vue b/src/components/OfferDialog.vue
index c0f2b69b..6cce99dd 100644
--- a/src/components/OfferDialog.vue
+++ b/src/components/OfferDialog.vue
@@ -72,9 +72,8 @@ import { Vue, Component, Prop } from "vue-facing-decorator";
 import { NotificationIface } from "@/constants/app";
 import { createAndSubmitOffer } from "@/libs/endorserServer";
 import * as libsUtil from "@/libs/util";
-import { accountsDB, db } from "@/db/index";
+import { db } from "@/db/index";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
-import { Account } from "@/db/tables/accounts";
 
 @Component
 export default class OfferDialog extends Vue {
@@ -102,7 +101,7 @@ export default class OfferDialog extends Vue {
       this.activeDid = settings?.activeDid || "";
       // 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",
@@ -173,22 +172,6 @@ export default class OfferDialog extends Vue {
     });
   }
 
-  public async getIdentity(activeDid: string) {
-    await accountsDB.open();
-    const account = (await accountsDB.accounts
-      .where("did")
-      .equals(activeDid)
-      .first()) as Account;
-    const identity = JSON.parse(account?.identity || "null");
-
-    if (!identity) {
-      throw new Error(
-        `Attempted to load Offer records for DID ${activeDid} but no identifier was found`,
-      );
-    }
-    return identity;
-  }
-
   /**
    *
    * @param description may be an empty string
@@ -228,7 +211,7 @@ export default class OfferDialog extends Vue {
     }
 
     try {
-      const identity = await this.getIdentity(this.activeDid);
+      const identity = await libsUtil.getIdentity(this.activeDid);
       const result = await createAndSubmitOffer(
         this.axios,
         this.apiServer,
@@ -245,7 +228,7 @@ export default class OfferDialog extends Vue {
         this.isOfferCreationError(result.response)
       ) {
         const errorMessage = this.getOfferCreationErrorMessage(result);
-        console.log("Error with offer creation result:", result);
+        console.error("Error with offer creation result:", result);
         this.$notify(
           {
             group: "alert",
@@ -268,7 +251,7 @@ export default class OfferDialog extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.log("Error with offer recordation caught:", error);
+      console.error("Error with offer recordation caught:", error);
       const message =
         error.userMessage ||
         error.response?.data?.error?.message ||
diff --git a/src/libs/endorserServer.ts b/src/libs/endorserServer.ts
index be4865de..2d64b8ab 100644
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -229,16 +229,16 @@ export interface ErrorResponse {
   };
 }
 
-export interface ErrorResult {
-  type: "error";
-  error: InternalError;
-}
-
 export interface InternalError {
   error: string; // for system logging
   userMessage?: string; // for user display
 }
 
+export interface ErrorResult extends ResultWithType {
+  type: "error";
+  error: InternalError;
+}
+
 export type CreateAndSubmitClaimResult = SuccessResult | ErrorResult;
 
 // This is used to check for hidden info.
@@ -758,12 +758,23 @@ export const claimSpecialDescription = (
   }
 };
 
-// from https://stackoverflow.com/a/175787/845494
-//
-export function isNumeric(str: string): boolean {
-  return !isNaN(+str);
-}
-
-export function numberOrZero(str: string): number {
-  return isNumeric(str) ? +str : 0;
-}
+export const BVC_MEETUPS_PROJECT_CLAIM_ID =
+  //"https://endorser.ch/entity/01GXYPFF7FA03NXKPYY142PY4H";
+  "https://endorser.ch/entity/01HNTZYJJXTGT0EZS3VEJGX7AK";
+
+export const bvcMeetingJoinClaim = (did: string, startTime: string) => {
+  return {
+    "@context": SCHEMA_ORG_CONTEXT,
+    "@type": "JoinAction",
+    agent: {
+      identifier: did,
+    },
+    event: {
+      organizer: {
+        name: "Bountiful Voluntaryist Community",
+      },
+      name: "Saturday Morning Meeting",
+      startTime: startTime,
+    },
+  };
+};
diff --git a/src/libs/util.ts b/src/libs/util.ts
index 822cdaab..99c51ec1 100644
--- a/src/libs/util.ts
+++ b/src/libs/util.ts
@@ -1,14 +1,16 @@
 // many of these are also found in endorser-mobile utility.ts
 
 import axios, { AxiosResponse } from "axios";
+import { IIdentifier } from "@veramo/core";
+import { useClipboard } from "@vueuse/core";
 
 import { DEFAULT_PUSH_SERVER } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
+import { Account } from "@/db/tables/accounts";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { deriveAddress, generateSeed, newIdentifier } from "@/libs/crypto";
 import { GenericServerRecord, containsHiddenDid } from "@/libs/endorserServer";
 import * as serverUtil from "@/libs/endorserServer";
-import { useClipboard } from "@vueuse/core";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
@@ -55,6 +57,16 @@ export function iconForUnitCode(unitCode: string) {
   return UNIT_CODES[unitCode]?.faIcon || "question";
 }
 
+// from https://stackoverflow.com/a/175787/845494
+//
+export function isNumeric(str: string): boolean {
+  return !isNaN(+str);
+}
+
+export function numberOrZero(str: string): number {
+  return isNumeric(str) ? +str : 0;
+}
+
 export const isGlobalUri = (uri: string) => {
   return uri && uri.match(new RegExp(/^[A-Za-z][A-Za-z0-9+.-]+:/));
 };
@@ -180,6 +192,22 @@ export function findAllVisibleToDids(
  *
  **/
 
+export const getIdentity = async (activeDid: string): Promise<IIdentifier> => {
+  await accountsDB.open();
+  const account = (await accountsDB.accounts
+    .where("did")
+    .equals(activeDid)
+    .first()) as Account;
+  const identity = JSON.parse(account?.identity || "null");
+
+  if (!identity) {
+    throw new Error(
+      `Attempted to load Offer records for DID ${activeDid} but no identifier was found`,
+    );
+  }
+  return identity;
+};
+
 /**
  * Generates a new identity, saves it to the database, and sets it as the active identity.
  * @return {Promise<string>} with the DID of the new identity
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 7b72d53c..343871b6 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -446,7 +446,7 @@
       >
         <!-- label -->
         <span class="text-slate-500 text-sm font-bold"
-          >Show Shortcut on Home Page</span
+          >Show BVC Shortcut on Home Page</span
         >
         <!-- toggle -->
         <div class="relative ml-2">
diff --git a/src/views/ContactAmountsView.vue b/src/views/ContactAmountsView.vue
index 2902174e..a6fc0ff9 100644
--- a/src/views/ContactAmountsView.vue
+++ b/src/views/ContactAmountsView.vue
@@ -179,7 +179,7 @@ export default class ContactAmountssView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
-      console.log("Error retrieving settings or gives.", err);
+      console.error("Error retrieving settings or gives.", err);
       this.$notify(
         {
           group: "alert",
diff --git a/src/views/ContactGiftingView.vue b/src/views/ContactGiftingView.vue
index d0144f70..ac59292f 100644
--- a/src/views/ContactGiftingView.vue
+++ b/src/views/ContactGiftingView.vue
@@ -119,7 +119,7 @@ export default class ContactGiftingView extends Vue {
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
-      console.log("Error retrieving settings & contacts:", err);
+      console.error("Error retrieving settings & contacts:", err);
       this.$notify(
         {
           group: "alert",
diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index f5cc1860..2744121f 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -180,7 +180,6 @@ export default class ContactQRScanShow extends Vue {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   onScanDetect(content: any) {
     if (content[0]?.rawValue) {
-      //console.log("onDetect", content[0].rawValue);
       localStorage.setItem("contactEndorserUrl", content[0].rawValue);
       this.$router.push({ name: "contacts" });
     } else {
@@ -198,7 +197,7 @@ export default class ContactQRScanShow extends Vue {
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   onScanError(error: any) {
-    console.log("Scan was invalid:", error);
+    console.error("Scan was invalid:", error);
     this.$notify(
       {
         group: "alert",
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 3f353990..494e5379 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -284,6 +284,7 @@
 
 <script lang="ts">
 import { AxiosError } from "axios";
+import { IndexableType } from "dexie";
 import * as didJwt from "did-jwt";
 import * as R from "ramda";
 import { IIdentifier } from "@veramo/core";
@@ -311,7 +312,6 @@ import * as libsUtil from "@/libs/util";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
 import { Account } from "@/db/tables/accounts";
-import { IndexableType } from "dexie";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
@@ -497,7 +497,7 @@ export default class ContactsView extends Vue {
       this.givenToMeConfirmed = givenToMeConfirmed;
       this.givenToMeUnconfirmed = givenToMeUnconfirmed;
     } catch (error) {
-      console.log("Error loading gives", error);
+      console.error("Error loading gives", error);
       this.$notify(
         {
           group: "alert",
@@ -1000,7 +1000,7 @@ export default class ContactsView extends Vue {
           -1,
         );
       } else {
-        console.log("Got bad server response when checking visibility: ", resp);
+        console.error("Got bad server response checking visibility:", resp);
         const message = resp.data.error?.message || "Got bad server response.";
         this.$notify(
           {
@@ -1013,7 +1013,7 @@ export default class ContactsView extends Vue {
         );
       }
     } catch (err) {
-      console.log("Caught error from request to check visibility:", err);
+      console.error("Caught error from request to check visibility:", err);
       this.$notify(
         {
           group: "alert",
@@ -1026,12 +1026,6 @@ export default class ContactsView extends Vue {
     }
   }
 
-  // from https://stackoverflow.com/a/175787/845494
-  //
-  private isNumeric(str: string): boolean {
-    return !isNaN(+str);
-  }
-
   private nameForDid(contacts: Array<Contact>, did: string): string {
     const contact = R.find((con) => con.did == did, contacts);
     return this.nameForContact(contact);
@@ -1067,7 +1061,7 @@ export default class ContactsView extends Vue {
         return;
       }
     }
-    if (!this.isNumeric(this.hourInput)) {
+    if (!libsUtil.isNumeric(this.hourInput)) {
       this.$notify(
         {
           group: "alert",
@@ -1204,7 +1198,7 @@ export default class ContactsView extends Vue {
           }
         }
       } catch (error) {
-        console.log("Error in createAndSubmitContactGive: ", error);
+        console.error("Error in createAndSubmitContactGive: ", error);
         let userMessage = "There was an error. See logs for more info.";
         const serverError = error as AxiosError;
         if (serverError) {
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 6a313f9d..9126cc5a 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -254,7 +254,7 @@ export default class DiscoverView extends Vue {
 
       if (response.status !== 200) {
         const details = await response.text();
-        console.log("Problem with full search:", details);
+        console.error("Problem with full search:", details);
         this.$notify(
           {
             group: "alert",
@@ -282,7 +282,7 @@ export default class DiscoverView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (e: any) {
-      console.log("Error with feed load:", e);
+      console.error("Error with feed load:", e);
       this.$notify(
         {
           group: "alert",
@@ -337,7 +337,7 @@ export default class DiscoverView extends Vue {
 
       if (response.status !== 200) {
         const details = await response.text();
-        console.log("Problem with nearby search:", details);
+        console.error("Problem with nearby search:", details);
         this.$notify(
           {
             group: "alert",
@@ -374,7 +374,7 @@ export default class DiscoverView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (e: any) {
-      console.log("Error with feed load:", e);
+      console.error("Error with feed load:", e);
       this.$notify(
         {
           group: "alert",
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 47d8d223..de9ad797 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,8 +3,8 @@
   <TopMessage />
 
   <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+  <section id="Content" class="p-2 pb-24 max-w-3xl mx-auto">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-8">
       Time Safari
     </h1>
 
@@ -346,7 +346,7 @@ export default class HomeView extends Vue {
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
-      console.log("Error retrieving settings or feed.", err);
+      console.error("Error retrieving settings or feed.", err);
       this.$notify(
         {
           group: "alert",
@@ -452,7 +452,7 @@ export default class HomeView extends Vue {
         }
       })
       .catch((e) => {
-        console.log("Error with feed load:", e);
+        console.error("Error with feed load:", e);
         this.$notify(
           {
             group: "alert",
diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
index dfde3c1d..b5c58db8 100644
--- a/src/views/QuickActionBvcBeginView.vue
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -15,20 +15,24 @@
     </div>
 
     <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4">
       Beginning of BVC Saturday Meeting
     </h1>
 
     <div>
-      <h2 class="text-2xl m-4">You're Here</h2>
-      <div class="m-4 flex">
-        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+      <h2 class="text-2xl m-2">You're Here</h2>
+      <div class="m-2 flex">
+        <input type="checkbox" v-model="attended" class="h-6 w-6" />
         <span class="pb-2 pl-2 pr-2">Attended</span>
+      </div>
+      <div class="m-2 flex">
+        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+        <span class="pb-2 pl-2 pr-2">Spent Time</span>
         <span v-if="gaveTime">
           <input
             type="text"
             placeholder="How much time"
-            v-model="hours"
+            v-model="hoursStr"
             size="1"
             class="border border-slate-400 h-6 px-2"
           />
@@ -39,25 +43,44 @@
       </div>
     </div>
 
-    <div class="m-4" v-if="gaveTime && hours && hours != '0'">
+    <div
+      v-if="attended || (gaveTime && hoursStr && hoursStr != '0')"
+      class="flex justify-center mt-4"
+    >
       <button
         @click="record()"
-        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md w-56"
       >
         Sign & Send
       </button>
     </div>
+    <div v-else class="flex justify-center mt-4">
+      <button
+        class="block text-center text-md font-bold bg-slate-500 text-white px-2 py-3 rounded-md w-56"
+      >
+        Select Your Actions
+      </button>
+    </div>
   </section>
 </template>
 
 <script lang="ts">
+import axios from "axios";
 import { DateTime } from "luxon";
 import { Component, Vue } from "vue-facing-decorator";
 
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
 import { NotificationIface } from "@/constants/app";
-import { numberOrZero } from "@/libs/endorserServer";
+import { db } from "@/db/index";
+import {
+  BVC_MEETUPS_PROJECT_CLAIM_ID,
+  bvcMeetingJoinClaim,
+  createAndSubmitClaim,
+  createAndSubmitGive,
+} from "@/libs/endorserServer";
+import * as libsUtil from "@/libs/util";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 
 @Component({
   components: {
@@ -68,8 +91,11 @@ import { numberOrZero } from "@/libs/endorserServer";
 export default class QuickActionBvcBeginView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
 
-  gaveTime = false;
-  hours = "1";
+  activeDid = "";
+  apiServer = "";
+  attended = true;
+  gaveTime = true;
+  hoursStr = "1";
   todayOrPreviousStartDate = "";
 
   async mounted() {
@@ -91,9 +117,88 @@ export default class QuickActionBvcBeginView extends Vue {
       }) || "";
   }
 
-  record() {
-    const hoursNum = numberOrZero(this.hours);
-    alert("Nope" + hoursNum);
+  async record() {
+    await db.open();
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
+    const activeDid = settings?.activeDid || "";
+    const apiServer = settings?.apiServer || "";
+
+    try {
+      const hoursNum = libsUtil.numberOrZero(this.hoursStr);
+      const identity = await libsUtil.getIdentity(activeDid);
+
+      const result = await createAndSubmitGive(
+        axios,
+        apiServer,
+        identity,
+        activeDid,
+        undefined,
+        undefined,
+        hoursNum,
+        "HUR",
+        BVC_MEETUPS_PROJECT_CLAIM_ID,
+      );
+      if (result.type === "error") {
+        console.error("Error sending give:", result);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text:
+              result?.error?.userMessage ||
+              "There was an error sending the give.",
+          },
+          -1,
+        );
+      }
+
+      const result2 = await createAndSubmitClaim(
+        bvcMeetingJoinClaim(this.activeDid, this.todayOrPreviousStartDate),
+        identity,
+        apiServer,
+        axios,
+      );
+      if (result2.type === "error") {
+        console.error("Error sending give:", result2);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text:
+              result2?.error?.userMessage ||
+              "There was an error sending the attendance.",
+          },
+          -1,
+        );
+      }
+
+      if (result.type === "success" || result2.type === "success") {
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: "Your actions have been recorded.",
+          },
+          -1,
+        );
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      console.error("Error sending claims.", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: error.userMessage || "There was an error sending those claims.",
+        },
+        -1,
+      );
+    }
   }
 }
 </script>
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
index c86fb585..ca20e855 100644
--- a/src/views/QuickActionBvcEndView.vue
+++ b/src/views/QuickActionBvcEndView.vue
@@ -15,19 +15,26 @@
     </div>
 
     <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4">
       End of BVC Saturday Meeting
     </h1>
 
     <div>
-      <h2 class="text-2xl m-4">Confirm</h2>
-      <div v-if="claimsToConfirm.length === 0">
-        There are no claims today yet for you to confirm.
-        <span v-if="claimCountWithHidden">
-          (There are {{ claimCountWithHidden }} hidden claims.)
+      <h2 class="text-2xl m-2">Confirm</h2>
+      <div v-if="loadingConfirms" class="flex justify-center">
+        <fa icon="spinner" class="animate-spin" />
+      </div>
+      <div v-else-if="claimsToConfirm.length === 0">
+        There are no claims yet today for you to confirm.
+        <span v-if="claimCountWithHidden > 0">
+          {{
+            claimCountWithHidden === 1
+              ? "(There is 1 claim with hidden details.)"
+              : `(There are ${claimCountWithHidden} claims with hidden details.)`
+          }}
         </span>
       </div>
-      <ul class="border-t border-slate-300">
+      <ul class="border-t border-slate-300 m-2">
         <li
           class="border-b border-slate-300 py-2"
           v-for="record in claimsToConfirm"
@@ -36,7 +43,19 @@
           <div class="grid grid-cols-12">
             <span class="col-span-11 justify-self-start">
               <span>
-                <input type="checkbox" class="mr-2 h-6 w-6" />
+                <input
+                  type="checkbox"
+                  :checked="claimsToConfirmSelected.includes(record.id)"
+                  @click="
+                    claimsToConfirmSelected.includes(record.id)
+                      ? claimsToConfirmSelected.splice(
+                          claimsToConfirmSelected.indexOf(record.id),
+                          1,
+                        )
+                      : claimsToConfirmSelected.push(record.id)
+                  "
+                  class="mr-2 h-6 w-6"
+                />
               </span>
               {{
                 claimSpecialDescription(
@@ -59,10 +78,10 @@
     </div>
 
     <div>
-      <h2 class="text-2xl m-4">Anything else?</h2>
-      <div class="m-4 flex">
+      <h2 class="text-2xl m-2">Anything else?</h2>
+      <div class="m-2 flex">
         <input type="checkbox" v-model="someoneGave" class="h-6 w-6" />
-        <span class="pb-2 pl-2 pr-2">Someone gave</span>
+        <span class="pb-2 pl-2 pr-2">Someone else gave</span>
         <span v-if="someoneGave">
           <input
             type="text"
@@ -76,14 +95,24 @@
       </div>
     </div>
 
-    <div class="m-4" v-if="someoneGave && description">
+    <div
+      v-if="claimsToConfirmSelected.length || (someoneGave && description)"
+      class="flex justify-center mt-4"
+    >
       <button
         @click="record()"
-        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md w-56"
       >
         Sign & Send
       </button>
     </div>
+    <div v-else class="flex justify-center mt-4">
+      <button
+        class="block text-center text-md font-bold bg-slate-500 text-white px-2 py-3 rounded-md w-56"
+      >
+        Choose What To Confirm
+      </button>
+    </div>
   </section>
 </template>
 
@@ -123,7 +152,9 @@ export default class QuickActionBvcBeginView extends Vue {
   apiServer = "";
   claimCountWithHidden = 0;
   claimsToConfirm: GenericServerRecord[] = [];
-  description = "";
+  claimsToConfirmSelected: string[] = [];
+  description = "breakfast";
+  loadingConfirms = true;
   someoneGave = false;
 
   async created() {
@@ -135,6 +166,7 @@ export default class QuickActionBvcBeginView extends Vue {
   }
 
   async mounted() {
+    this.loadingConfirms = true;
     let currentOrPreviousSat = DateTime.now().setZone("America/Denver");
     if (currentOrPreviousSat.weekday < 6) {
       // it's not Saturday or Sunday,
@@ -165,15 +197,7 @@ export default class QuickActionBvcBeginView extends Vue {
     const headers = {
       Authorization: "Bearer " + (await accessToken(identity)),
     };
-    console.log("todayOrPreviousStartDate", todayOrPreviousStartDate);
     try {
-      console.log(
-        this.apiServer +
-          "/api/claim/?" +
-          "issuedAt_greaterThanOrEqualTo=" +
-          encodeURIComponent(todayOrPreviousStartDate) +
-          "&excludeConfirmations=true",
-      );
       const response = await fetch(
         this.apiServer +
           "/api/claim/?" +
@@ -187,7 +211,7 @@ export default class QuickActionBvcBeginView extends Vue {
         console.log("Bad response", response);
         throw new Error("Bad response when retrieving claims.");
       }
-      response.json().then((data) => {
+      await response.json().then((data) => {
         const dataByOthers = R.reject(
           (claim: GenericServerRecord) => claim.issuer === this.activeDid,
           data,
@@ -212,6 +236,7 @@ export default class QuickActionBvcBeginView extends Vue {
         -1,
       );
     }
+    this.loadingConfirms = false;
   }
 
   onClickLoadClaim(jwtId: string) {
diff --git a/src/views/QuickActionBvcView.vue b/src/views/QuickActionBvcView.vue
index 48aa8599..67c5f653 100644
--- a/src/views/QuickActionBvcView.vue
+++ b/src/views/QuickActionBvcView.vue
@@ -15,7 +15,7 @@
     </div>
 
     <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4">
       Bountiful Voluntaryist Community Actions
     </h1>
 

From 0b24d7bbd82d4dd8907de648a792f93dee87d26e Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 25 Feb 2024 18:55:58 -0700
Subject: [PATCH 04/11] for BVC: fix the attendee & show appropriate success
 message

---
 src/views/QuickActionBvcBeginView.vue | 104 +++++++++++++++-----------
 1 file changed, 59 insertions(+), 45 deletions(-)

diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
index b5c58db8..7cc0d998 100644
--- a/src/views/QuickActionBvcBeginView.vue
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -91,8 +91,6 @@ import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 export default class QuickActionBvcBeginView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
 
-  activeDid = "";
-  apiServer = "";
   attended = true;
   gaveTime = true;
   hoursStr = "1";
@@ -127,60 +125,76 @@ export default class QuickActionBvcBeginView extends Vue {
       const hoursNum = libsUtil.numberOrZero(this.hoursStr);
       const identity = await libsUtil.getIdentity(activeDid);
 
-      const result = await createAndSubmitGive(
-        axios,
-        apiServer,
-        identity,
-        activeDid,
-        undefined,
-        undefined,
-        hoursNum,
-        "HUR",
-        BVC_MEETUPS_PROJECT_CLAIM_ID,
-      );
-      if (result.type === "error") {
-        console.error("Error sending give:", result);
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text:
-              result?.error?.userMessage ||
-              "There was an error sending the give.",
-          },
-          -1,
+      let timeSuccess = false;
+      if (this.gaveTime && hoursNum > 0) {
+        const timeResult = await createAndSubmitGive(
+          axios,
+          apiServer,
+          identity,
+          activeDid,
+          undefined,
+          undefined,
+          hoursNum,
+          "HUR",
+          BVC_MEETUPS_PROJECT_CLAIM_ID,
         );
+        if (timeResult.type === "success") {
+          timeSuccess = true;
+        } else {
+          console.error("Error sending give:", timeResult);
+          this.$notify(
+            {
+              group: "alert",
+              type: "danger",
+              title: "Error",
+              text:
+                timeResult?.error?.userMessage ||
+                "There was an error sending the time.",
+            },
+            -1,
+          );
+        }
       }
 
-      const result2 = await createAndSubmitClaim(
-        bvcMeetingJoinClaim(this.activeDid, this.todayOrPreviousStartDate),
-        identity,
-        apiServer,
-        axios,
-      );
-      if (result2.type === "error") {
-        console.error("Error sending give:", result2);
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text:
-              result2?.error?.userMessage ||
-              "There was an error sending the attendance.",
-          },
-          -1,
+      let attendedSuccess = false;
+      if (this.attended) {
+        const attendResult = await createAndSubmitClaim(
+          bvcMeetingJoinClaim(activeDid, this.todayOrPreviousStartDate),
+          identity,
+          apiServer,
+          axios,
         );
+        if (attendResult.type === "success") {
+          attendedSuccess = true;
+        } else {
+          console.error("Error sending give:", attendResult);
+          this.$notify(
+            {
+              group: "alert",
+              type: "danger",
+              title: "Error",
+              text:
+                attendResult?.error?.userMessage ||
+                "There was an error sending the attendance.",
+            },
+            -1,
+          );
+        }
       }
 
-      if (result.type === "success" || result2.type === "success") {
+      if (timeSuccess || attendedSuccess) {
+        const actions =
+          timeSuccess && attendedSuccess
+            ? "attendance and time have been"
+            : timeSuccess
+              ? "time has been"
+              : "attendance has been";
         this.$notify(
           {
             group: "alert",
             type: "success",
             title: "Success",
-            text: "Your actions have been recorded.",
+            text: `Your ${actions} recorded.`,
           },
           -1,
         );

From 2c28913d974bc4085f8a8167f9d3394bd5f42b59 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Mon, 26 Feb 2024 19:27:34 -0700
Subject: [PATCH 05/11] for BVC: finish submission of confirmations & final
 give

---
 src/libs/endorserServer.ts            |  39 +++++++--
 src/views/ClaimView.vue               |   5 +-
 src/views/ProjectViewView.vue         |   5 +-
 src/views/QuickActionBvcBeginView.vue |   4 +-
 src/views/QuickActionBvcEndView.vue   | 119 +++++++++++++++++++++++++-
 5 files changed, 152 insertions(+), 20 deletions(-)

diff --git a/src/libs/endorserServer.ts b/src/libs/endorserServer.ts
index 2d64b8ab..48856114 100644
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -22,7 +22,7 @@ export interface AgreeVerifiableCredential {
   "@type": string;
   // "any" because arbitrary objects can be subject of agreement
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  object: Record<any, any>;
+  object: Record<string, any>;
 }
 
 export interface GiverInputInfo {
@@ -46,6 +46,7 @@ export interface ClaimResult {
 export interface GenericVerifiableCredential {
   "@context": string;
   "@type": string;
+  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any
 }
 
 export interface GenericServerRecord extends GenericVerifiableCredential {
@@ -54,7 +55,7 @@ export interface GenericServerRecord extends GenericVerifiableCredential {
   issuedAt: string;
   issuer: string;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  claim: Record<any, any>;
+  claim: Record<string, any>;
   claimType?: string;
 }
 export const BLANK_GENERIC_SERVER_RECORD: GenericServerRecord = {
@@ -330,7 +331,7 @@ export function addLastClaimOrHandleAsIdIfMissing(
 }
 
 // return clone of object without any nested *VisibleToDids keys
-// similar logic is found in endorser-mobile
+// similar code is also contained in endorser-mobile
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function removeVisibleToDids(input: any): any {
   if (input instanceof Object) {
@@ -340,7 +341,6 @@ export function removeVisibleToDids(input: any): any {
       const result: Record<string, any> = {};
       for (const key in input) {
         if (!key.endsWith("VisibleToDids")) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           result[key] = removeVisibleToDids(R.clone(input[key]));
         }
       }
@@ -349,7 +349,6 @@ export function removeVisibleToDids(input: any): any {
       // it's an array
       return R.map(removeVisibleToDids, input);
     }
-    return false;
   } else {
     return input;
   }
@@ -518,6 +517,28 @@ export async function createAndSubmitOffer(
   );
 }
 
+// similar logic is found in endorser-mobile
+export const createAndSubmitConfirmation = async (
+  identifier: IIdentifier,
+  claim: GenericVerifiableCredential,
+  lastClaimId: string, // used to set the lastClaimId
+  handleId: string | undefined,
+  apiServer: string,
+  axios: Axios,
+) => {
+  const goodClaim = removeSchemaContext(
+    removeVisibleToDids(
+      addLastClaimOrHandleAsIdIfMissing(claim, lastClaimId, handleId),
+    ),
+  );
+  const confirmationClaim: GenericVerifiableCredential = {
+    "@context": "https://schema.org",
+    "@type": "AgreeAction",
+    object: goodClaim,
+  };
+  return createAndSubmitClaim(confirmationClaim, identifier, apiServer, axios);
+};
+
 export async function createAndSubmitClaim(
   vcClaim: GenericVerifiableCredential,
   identity: IIdentifier,
@@ -583,7 +604,7 @@ export async function createAndSubmitClaim(
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isAccept = (claim: Record<any, any>) => {
+export const isAccept = (claim: Record<string, any>) => {
   return (
     claim &&
     claim["@context"] === SCHEMA_ORG_CONTEXT &&
@@ -592,7 +613,7 @@ export const isAccept = (claim: Record<any, any>) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isOffer = (claim: Record<any, any>) => {
+export const isOffer = (claim: Record<string, any>) => {
   return (
     claim &&
     claim["@context"] === SCHEMA_ORG_CONTEXT &&
@@ -622,7 +643,7 @@ export const capitalizeAndInsertSpacesBeforeCaps = (text: string) => {
  similar code is also contained in endorser-mobile
  **/
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const claimSummary = (claim: Record<any, any>) => {
+const claimSummary = (claim: Record<string, any>) => {
   if (!claim) {
     // to differentiate from "something" above
     return "something";
@@ -630,7 +651,7 @@ const claimSummary = (claim: Record<any, any>) => {
   if (claim.claim) {
     // probably a Verified Credential
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    claim = claim.claim as Record<any, any>;
+    claim = claim.claim as Record<string, any>;
   }
   if (Array.isArray(claim)) {
     if (claim.length === 1) {
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index f0a1b176..df55346c 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -730,10 +730,7 @@ export default class ClaimView extends Vue {
           ),
         ),
       );
-      const confirmationClaim: serverUtil.GenericVerifiableCredential & {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        object: any;
-      } = {
+      const confirmationClaim: serverUtil.GenericVerifiableCredential = {
         "@context": "https://schema.org",
         "@type": "AgreeAction",
         object: goodClaim,
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 317e0710..10dc4722 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -800,10 +800,7 @@ export default class ProjectViewView extends Vue {
           ),
         ),
       );
-      const confirmationClaim: serverUtil.GenericVerifiableCredential & {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        object: any;
-      } = {
+      const confirmationClaim: serverUtil.GenericVerifiableCredential = {
         "@context": "https://schema.org",
         "@type": "AgreeAction",
         object: goodClaim,
diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
index 7cc0d998..1aaf51c5 100644
--- a/src/views/QuickActionBvcBeginView.vue
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -125,6 +125,7 @@ export default class QuickActionBvcBeginView extends Vue {
       const hoursNum = libsUtil.numberOrZero(this.hoursStr);
       const identity = await libsUtil.getIdentity(activeDid);
 
+      // first send the claim for time given
       let timeSuccess = false;
       if (this.gaveTime && hoursNum > 0) {
         const timeResult = await createAndSubmitGive(
@@ -156,6 +157,7 @@ export default class QuickActionBvcBeginView extends Vue {
         }
       }
 
+      // now send the claim for attendance
       let attendedSuccess = false;
       if (this.attended) {
         const attendResult = await createAndSubmitClaim(
@@ -208,7 +210,7 @@ export default class QuickActionBvcBeginView extends Vue {
           group: "alert",
           type: "danger",
           title: "Error",
-          text: error.userMessage || "There was an error sending those claims.",
+          text: error.userMessage || "There was an error sending claims.",
         },
         -1,
       );
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
index ca20e855..b7db1446 100644
--- a/src/views/QuickActionBvcEndView.vue
+++ b/src/views/QuickActionBvcEndView.vue
@@ -117,6 +117,7 @@
 </template>
 
 <script lang="ts">
+import axios from "axios";
 import { DateTime } from "luxon";
 import * as R from "ramda";
 import { IIdentifier } from "@veramo/core";
@@ -131,10 +132,16 @@ import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
 import {
+  BVC_MEETUPS_PROJECT_CLAIM_ID,
   claimSpecialDescription,
   containsHiddenDid,
+  createAndSubmitConfirmation,
+  createAndSubmitGive,
+  ErrorResult,
   GenericServerRecord,
+  GenericVerifiableCredential,
 } from "@/libs/endorserServer";
+import * as libsUtil from "@/libs/util";
 
 @Component({
   methods: { claimSpecialDescription },
@@ -246,8 +253,116 @@ export default class QuickActionBvcBeginView extends Vue {
     this.$router.push(route);
   }
 
-  record() {
-    alert("Nope");
+  async record() {
+    try {
+      const identity = await libsUtil.getIdentity(this.activeDid);
+
+      // in parallel, make a confirmation for each selected claim and send them all to the server
+      const confirmResults = await Promise.allSettled(
+        this.claimsToConfirmSelected.map(async (jwtId) => {
+          const record = this.claimsToConfirm.find(
+            (claim) => claim.id === jwtId,
+          );
+          if (!record) {
+            return { type: "error", error: "Record not found." };
+          }
+          const identity = await libsUtil.getIdentity(this.activeDid);
+          return createAndSubmitConfirmation(
+            identity,
+            record.claim as GenericVerifiableCredential,
+            record.id,
+            record.handleId,
+            this.apiServer,
+            axios,
+          );
+        }),
+      );
+      // check for any rejected confirmations
+      const confirmsSucceeded = confirmResults.filter(
+        (result) =>
+          result.status === "fulfilled" && result.value.type === "success",
+      );
+      if (confirmsSucceeded.length < this.claimsToConfirmSelected.length) {
+        console.error("Error sending confirmations:", confirmResults);
+        const howMany = confirmsSucceeded.length === 0 ? "all" : "some";
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: `There was an error sending ${howMany} of the confirmations.`,
+          },
+          -1,
+        );
+      }
+
+      // now send the give for the description
+      let giveSucceeded = false;
+      if (this.someoneGave) {
+        const giveResult = await createAndSubmitGive(
+          axios,
+          this.apiServer,
+          identity,
+          undefined,
+          this.activeDid,
+          this.description,
+          undefined,
+          undefined,
+          BVC_MEETUPS_PROJECT_CLAIM_ID,
+        );
+        giveSucceeded = giveResult.type === "success";
+        if (!giveSucceeded) {
+          console.error("Error sending give:", giveResult);
+          this.$notify(
+            {
+              group: "alert",
+              type: "danger",
+              title: "Error",
+              text:
+                (giveResult as ErrorResult)?.error?.userMessage ||
+                "There was an error sending the give.",
+            },
+            -1,
+          );
+        }
+      }
+
+      if (confirmsSucceeded.length > 0 || giveSucceeded) {
+        const confirms =
+          confirmsSucceeded.length === 1 ? "confirmation" : "confirmations";
+        const actions =
+          confirmsSucceeded.length > 0 && giveSucceeded
+            ? `${confirms} and give have been`
+            : giveSucceeded
+              ? "give has been"
+              : confirms +
+                " " +
+                (confirmsSucceeded.length === 1 ? "has" : "have") +
+                " been";
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: `Your ${actions} recorded.`,
+          },
+          -1,
+        );
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      console.error("Error sending claims.", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: error.userMessage || "There was an error sending claims.",
+        },
+        -1,
+      );
+    }
   }
 }
 </script>

From a93b556e0c5bf07eb2a0381a381e0faf148fa601 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Mon, 26 Feb 2024 19:43:23 -0700
Subject: [PATCH 06/11] doc: refactor tasks

---
 project.task.yaml | 41 +++++++++++++++++++----------------------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/project.task.yaml b/project.task.yaml
index a63e09b7..324ccf6a 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -2,43 +2,40 @@
 tasks :
 
 - .2 fix give dialog from "more contacts" off home page to allow giving to this user
-- 01 in the feed, group by project or contact or topic or time/$ (via BC)
-- .2 anchor hash into BTC
-
-- .1 when gave to a project, say "gave to project"
 - .2 fix bottom of project selection map, where the icons are hidden but a tap goes to the icon's page
-- 01 separate not-on-platform vs totally anonymous; terminology "unidentified"?
+- .5 stop from seeing an error on the first page when browser doesn't support service workers (which I've seen on iPhone; visible in Firefox private window)
+- .2 don't show a warning on a totally new project when the authorized agent is set
+- .2 anchor hash into BTC
+- .2 list the "show more" contacts alphabetically
 
-- 01 page for BVC
+- 32 image on give :
+    - Show a camera to take a picture
+    - Scale the image to a reasonable size
+    - Upload to a public readable place
+    - check the rate limits
+    - use CID (hash?)
+    - put the image URL in the claim
+    - Rates - images erased?
+    - image not associated with JWT ULID since that's assigned later
 
 - 24 compelling UI for credential presentations
   - discover who in my network has activity on a project
+
 - 24 compelling UI for statistics (eg. World?)
 
-- .5 stop from seeing an error on the first page when browser doesn't support service workers (which I've seen on iPhone; visible in Firefox private window)
+- 01 in the feed, group by project or contact or topic or time/$ (via BC)
+- 01 separate not-on-platform vs totally anonymous; terminology "unidentified"?
 - .2 add links between projects
-- 32 image on give :
-  - Show a camera to take a picture
-  - Scale the image to a reasonable size
-  - Upload to a public readable place
-  - check the rate limits
-  - use CID (hash?)
-  - put the image URL in the claim
-  - Rates - images erased?
-  - image not associated with JWT ULID since that's assigned later
-
 - 24 make the contact browsing on the front page something that invites more action
 
-- .2 list the "show more" contacts alphabetically
 - .5 change server plan & project endpoints to use jwtId as identifier rather than rowid
 - 16 edit offers & gives, or revoke allowing re-creation
 - .1 When available in the server, give message for 'nonAmountGiven' on offers on ProjectsView page.
 - .1 Add help instructions for "Encryption key has changed" error. (It is a problem if localStorage is cleared, but the contacts & settings remain and they have to restore their seeds.)
-- .5 add more detail on TimeSafari.org
 - .1 show better error when user with no ID goes to the "My Project" page
-- 08 add button to front page to prompt for ideas for gratitude :
-  - show previous on "Your" screen
-  - checkboxes - randomize vs show in order, show non-person-oriented messages, show only contacts, show only projects
+- 01 in front page prompt for ideas for gratitude :
+  - randomize (not show in order)
+  - checkboxes - show non-person-oriented messages, show only contacts, show only projects
 
 - 08 allow user to add a time when they want their daily notification
 

From 1258cf02a10e1d2eab0642131ac955b2c0bfd07e Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 1 Mar 2024 14:06:01 -0700
Subject: [PATCH 07/11] bump to v 0.2.15

---
 CHANGELOG.md      | 13 +++++++++++--
 package-lock.json |  4 ++--
 package.json      |  2 +-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94ec7a56..d4d01661 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,9 +10,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - ?
 
 
-## [0.2.14] - 2024.02.14
+## [0.2.15] - 2024.03.01
+### Added
+- Shortcut page for Bountiful Voluntaryist Community
+### Changed
+- More readable, targeted summaries in home-page feed items
+### Changed in DB
+- Nothing
+
+
+## [0.2.14] - 2024.02.14 - 5f9edea1167dbfb64e16648764eed8c09b24eaeb
 ### Changed
-- Combine all service worker scripts into a single file
+- Combine all service worker scripts into a single file.
 ### Changed in DB
 - Nothing
 
diff --git a/package-lock.json b/package-lock.json
index fba20670..d777e434 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.15-beta",
+  "version": "0.2.15",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari_Test",
-      "version": "0.2.15-beta",
+      "version": "0.2.15",
       "dependencies": {
         "@dicebear/collection": "^5.3.5",
         "@dicebear/core": "^5.3.5",
diff --git a/package.json b/package.json
index ee91c068..7e6f8cf9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.15-beta",
+  "version": "0.2.15",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

From dbccbf7e4a5fed40946157d3d5d1ba12f804c7be Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 1 Mar 2024 14:40:51 -0700
Subject: [PATCH 08/11] fix: show on the confirmation page when there are
 hidden claims

---
 CHANGELOG.md                        |  2 +-
 README.md                           |  2 +-
 package-lock.json                   |  4 ++--
 package.json                        |  2 +-
 src/views/QuickActionBvcEndView.vue | 20 +++++++++++++-------
 5 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d4d01661..534cae56 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - ?
 
 
-## [0.2.15] - 2024.03.01
+## [0.2.16] - 2024.03.01
 ### Added
 - Shortcut page for Bountiful Voluntaryist Community
 ### Changed
diff --git a/README.md b/README.md
index fa0569d4..65468496 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ npm run lint
 
 * `npx prettier --write ./sw_scripts/`
 
-* Update the project.task.yaml & CHANGELOG.md & the version in package.json, run `npm install`, and commit.
+* Update the project.task.yaml & CHANGELOG.md & the version in package.json, run `npm install`, and commit. Then record the new hash in the changelog.
 
 * [Tag wth the new version.](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases)
 
diff --git a/package-lock.json b/package-lock.json
index d777e434..dc27e56d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari_Test",
-      "version": "0.2.15",
+      "version": "0.2.16",
       "dependencies": {
         "@dicebear/collection": "^5.3.5",
         "@dicebear/core": "^5.3.5",
diff --git a/package.json b/package.json
index 7e6f8cf9..ea5f2782 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
index b7db1446..af2b5268 100644
--- a/src/views/QuickActionBvcEndView.vue
+++ b/src/views/QuickActionBvcEndView.vue
@@ -26,13 +26,6 @@
       </div>
       <div v-else-if="claimsToConfirm.length === 0">
         There are no claims yet today for you to confirm.
-        <span v-if="claimCountWithHidden > 0">
-          {{
-            claimCountWithHidden === 1
-              ? "(There is 1 claim with hidden details.)"
-              : `(There are ${claimCountWithHidden} claims with hidden details.)`
-          }}
-        </span>
       </div>
       <ul class="border-t border-slate-300 m-2">
         <li
@@ -76,6 +69,19 @@
         </li>
       </ul>
     </div>
+    <div v-if="claimCountWithHidden > 0" class="border-b border-slate-300 pb-2">
+      <span>
+        {{
+          claimCountWithHidden === 1
+            ? "There is 1 other claim with hidden details,"
+            : `There are ${claimCountWithHidden} other claims with hidden details,`
+        }}
+        so if you expected but do not see details from someone then ask them to
+        check that their activity is visible to you on their Contacts
+        <fa icon="users" class="text-slate-500" />
+        page.
+      </span>
+    </div>
 
     <div>
       <h2 class="text-2xl m-2">Anything else?</h2>

From 3612ea42240c5e1b7d7eff29a39ff18f1b869b36 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 1 Mar 2024 15:54:50 -0700
Subject: [PATCH 09/11] bump to v 0.2.17; add "personalized" message and better
 confirmation-result messages

---
 CHANGELOG.md                          |  2 +-
 README.md                             | 13 +++++++------
 package-lock.json                     |  4 ++--
 package.json                          |  2 +-
 project.task.yaml                     |  1 +
 src/views/QuickActionBvcBeginView.vue | 12 ++++++------
 src/views/QuickActionBvcEndView.vue   | 15 +++++++++------
 7 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 534cae56..85ca1e2e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - ?
 
 
-## [0.2.16] - 2024.03.01
+## [0.2.17] - 2024.03.01
 ### Added
 - Shortcut page for Bountiful Voluntaryist Community
 ### Changed
diff --git a/README.md b/README.md
index 65468496..be28ce06 100644
--- a/README.md
+++ b/README.md
@@ -32,11 +32,7 @@ npm run lint
 
 * `npx prettier --write ./sw_scripts/`
 
-* Update the project.task.yaml & CHANGELOG.md & the version in package.json, run `npm install`, and commit. Then record the new hash in the changelog.
-
-* [Tag wth the new version.](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases)
-
-... though maybe you do that after testing and release, since that isn't used in the build (and you often increment a lot during testing).
+* Update the project.task.yaml & CHANGELOG.md & the version in package.json, run `npm install`.
 
 * If production: change src/constants/app.ts DEFAULT_*_SERVER to be "PROD" and package.json to remove "_Test". Also record what version is on production.
 
@@ -46,7 +42,12 @@ npm run lint
 
 * `rsync -azvu -e "ssh -i ~/.ssh/..." dist ubuntutest@test.timesafari.app:time-safari`
 
-* Revert src/constants/app.ts and package.json (if that was prod), edit package.json to increment version & add "-beta", `npm install`, and commit. Tag if you didn't before. Also record what version is on production.
+* Revert src/constants/app.ts and package.json (if that was prod).
+
+* Commit changes. Record the new hash in the changelog. Edit package.json to increment version & add "-beta", `npm install`, and commit. Tag if you didn't before. Also record what version is on production.
+
+* [Tag wth the new version.](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases)
+
 
 
 
diff --git a/package-lock.json b/package-lock.json
index dc27e56d..f1336925 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari_Test",
-      "version": "0.2.16",
+      "version": "0.2.17",
       "dependencies": {
         "@dicebear/collection": "^5.3.5",
         "@dicebear/core": "^5.3.5",
diff --git a/package.json b/package.json
index ea5f2782..12fda6fe 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/project.task.yaml b/project.task.yaml
index 324ccf6a..970760db 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -73,6 +73,7 @@ tasks :
 - create a help-desk document & add screenshots
 
 - .1 update "offer" units to have same functionality as "give" units
+- .5 add a link to any 'give' records that fulfill an offer on ClaimView
 - 01 on home page, prompt for install check in addition to "supports notifications" check (since they won't get notified if Chrome is closed)
 - 01 on Mac (& Windows?) desktop, add a help blurb so that they can find it again (since it doesn't show in Application list)
 - bug (that is hard to reproduce) - got error adding on Firefox user #0 as contact for themselves
diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
index 1aaf51c5..69b9b879 100644
--- a/src/views/QuickActionBvcBeginView.vue
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -142,7 +142,7 @@ export default class QuickActionBvcBeginView extends Vue {
         if (timeResult.type === "success") {
           timeSuccess = true;
         } else {
-          console.error("Error sending give:", timeResult);
+          console.error("Error sending time:", timeResult);
           this.$notify(
             {
               group: "alert",
@@ -169,7 +169,7 @@ export default class QuickActionBvcBeginView extends Vue {
         if (attendResult.type === "success") {
           attendedSuccess = true;
         } else {
-          console.error("Error sending give:", attendResult);
+          console.error("Error sending attendance:", attendResult);
           this.$notify(
             {
               group: "alert",
@@ -187,16 +187,16 @@ export default class QuickActionBvcBeginView extends Vue {
       if (timeSuccess || attendedSuccess) {
         const actions =
           timeSuccess && attendedSuccess
-            ? "attendance and time have been"
+            ? "Your attendance and time have been recorded."
             : timeSuccess
-              ? "time has been"
-              : "attendance has been";
+              ? "Your time has been recorded."
+              : "Your attendance has been recorded.";
         this.$notify(
           {
             group: "alert",
             type: "success",
             title: "Success",
-            text: `Your ${actions} recorded.`,
+            text: actions,
           },
           -1,
         );
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
index af2b5268..f158fbb0 100644
--- a/src/views/QuickActionBvcEndView.vue
+++ b/src/views/QuickActionBvcEndView.vue
@@ -95,6 +95,8 @@
             size="20"
             class="border border-slate-400 h-6 px-2"
           />
+          <br />
+          (Everyone likes personalized messages! 😁)
         </span>
         <!-- This is to match input height to avoid shifting when hiding & showing. -->
         <span v-else class="h-6">...</span>
@@ -326,7 +328,7 @@ export default class QuickActionBvcBeginView extends Vue {
               title: "Error",
               text:
                 (giveResult as ErrorResult)?.error?.userMessage ||
-                "There was an error sending the give.",
+                "There was an error sending that give.",
             },
             -1,
           );
@@ -338,19 +340,20 @@ export default class QuickActionBvcBeginView extends Vue {
           confirmsSucceeded.length === 1 ? "confirmation" : "confirmations";
         const actions =
           confirmsSucceeded.length > 0 && giveSucceeded
-            ? `${confirms} and give have been`
+            ? `Your ${confirms} and that give have been recorded.`
             : giveSucceeded
-              ? "give has been"
-              : confirms +
+              ? "That give has been recorded."
+              : "Your " +
+                confirms +
                 " " +
                 (confirmsSucceeded.length === 1 ? "has" : "have") +
-                " been";
+                " been recorded.";
         this.$notify(
           {
             group: "alert",
             type: "success",
             title: "Success",
-            text: `Your ${actions} recorded.`,
+            text: actions,
           },
           -1,
         );

From 750700e75e2ab16339bba0311524157def0aeedf Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 1 Mar 2024 15:59:38 -0700
Subject: [PATCH 10/11] bump version and add '-beta'

---
 CHANGELOG.md      | 2 +-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 85ca1e2e..96e74adb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - ?
 
 
-## [0.2.17] - 2024.03.01
+## [0.2.17] - 2024.03.01- 3612ea42240c5e1b7d7eff29a39ff18f1b869b36
 ### Added
 - Shortcut page for Bountiful Voluntaryist Community
 ### Changed
diff --git a/package-lock.json b/package-lock.json
index f1336925..11bee500 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.17",
+  "version": "0.2.18-beta",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari_Test",
-      "version": "0.2.17",
+      "version": "0.2.18-beta",
       "dependencies": {
         "@dicebear/collection": "^5.3.5",
         "@dicebear/core": "^5.3.5",
diff --git a/package.json b/package.json
index 12fda6fe..58446809 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari_Test",
-  "version": "0.2.17",
+  "version": "0.2.18-beta",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

From ca9044770009914f96b455ecb49898ee598e2ebc Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 2 Mar 2024 16:15:03 -0700
Subject: [PATCH 11/11] fix different "environment" variables for prod & dev

---
 .env.development           | 4 ++++
 .env.production            | 3 +++
 CHANGELOG.md               | 9 ++++++---
 README.md                  | 8 ++++----
 package.json               | 1 +
 src/constants/app.ts       | 4 +++-
 src/libs/endorserServer.ts | 4 ++--
 7 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 .env.development
 create mode 100644 .env.production

diff --git a/.env.development b/.env.development
new file mode 100644
index 00000000..9e5c0060
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+# Only the variables that start with VUE_APP_ are seen in the application process.env in Vue.
+
+# this won't resolve as a URL on production; it's a URN only found in the test system
+VUE_APP_BVC_MEETUPS_PROJECT_CLAIM_ID=https://endorser.ch/entity/01HNTZYJJXTGT0EZS3VEJGX7AK
diff --git a/.env.production b/.env.production
new file mode 100644
index 00000000..d3438007
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+# Only the variables that start with VUE_APP_ are seen in the application process.env in Vue.
+VUE_APP_BVC_MEETUPS_PROJECT_CLAIM_ID=https://endorser.ch/entity/01GXYPFF7FA03NXKPYY142PY4H
+VUE_APP_DEFAULT_ENDORSER_API_SERVER=https://api.endorser.ch
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 96e74adb..bab2bbc7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,11 +6,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
-### Changed in DB
-- ?
+### Fixed
+- Environment variable for BVC meetings project
+### Changed in DB or environment
+- Test that a new browser session will get the right default API
+- Test that a new browser session will send the right BVC meetings project
 
 
-## [0.2.17] - 2024.03.01- 3612ea42240c5e1b7d7eff29a39ff18f1b869b36
+## [0.2.17] - 2024.03.01 - 3612ea42240c5e1b7d7eff29a39ff18f1b869b36
 ### Added
 - Shortcut page for Bountiful Voluntaryist Community
 ### Changed
diff --git a/README.md b/README.md
index be28ce06..04286a07 100644
--- a/README.md
+++ b/README.md
@@ -34,9 +34,9 @@ npm run lint
 
 * Update the project.task.yaml & CHANGELOG.md & the version in package.json, run `npm install`.
 
-* If production: change src/constants/app.ts DEFAULT_*_SERVER to be "PROD" and package.json to remove "_Test". Also record what version is on production.
+* If production: change package.json to remove "_Test". Also record what version is on production.
 
-* `npm run build`
+* `npm run build-dev` for test servers or `npm run build` for production.
 
 * Get on the server and back up the time-safari folder.
 
@@ -44,9 +44,9 @@ npm run lint
 
 * Revert src/constants/app.ts and package.json (if that was prod).
 
-* Commit changes. Record the new hash in the changelog. Edit package.json to increment version & add "-beta", `npm install`, and commit. Tag if you didn't before. Also record what version is on production.
+* Commit changes. Record the new hash in the changelog. Edit package.json to increment version & add "-beta", `npm install`, and commit. Also record what version is on production.
 
-* [Tag wth the new version.](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases)
+* [Tag with the new version.](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases)
 
 
 
diff --git a/package.json b/package.json
index 58446809..07cae38b 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
+    "build-dev": "vue-cli-service build --mode development",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
diff --git a/src/constants/app.ts b/src/constants/app.ts
index 4e94d01f..92961076 100644
--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@@ -15,7 +15,9 @@ export enum AppString {
   NO_CONTACT_NAME = "(no name)",
 }
 
-export const DEFAULT_ENDORSER_API_SERVER = AppString.TEST_ENDORSER_API_SERVER;
+export const DEFAULT_ENDORSER_API_SERVER =
+  process.env.VUE_APP_DEFAULT_ENDORSER_API_SERVER ||
+  AppString.TEST_ENDORSER_API_SERVER;
 
 export const DEFAULT_PUSH_SERVER =
   window.location.protocol + "//" + window.location.host;
diff --git a/src/libs/endorserServer.ts b/src/libs/endorserServer.ts
index 48856114..ad508c09 100644
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -780,8 +780,8 @@ export const claimSpecialDescription = (
 };
 
 export const BVC_MEETUPS_PROJECT_CLAIM_ID =
-  //"https://endorser.ch/entity/01GXYPFF7FA03NXKPYY142PY4H";
-  "https://endorser.ch/entity/01HNTZYJJXTGT0EZS3VEJGX7AK";
+  process.env.VUE_APP_BVC_MEETUPS_PROJECT_CLAIM_ID ||
+  "https://endorser.ch/entity/01HNTZYJJXTGT0EZS3VEJGX7AK"; // this won't resolve as a URL on production; it's a URN only found in the test system
 
 export const bvcMeetingJoinClaim = (did: string, startTime: string) => {
   return {