@7365admin1/layer-common 4.73.1-staging.460 → 4.73.1-staging.461

package/components/ServiceProviderMain.vue

@@ -140,7 +140,11 @@
               :status="item.viewStatus || item.statusRaw || item.status"
               :label="item.status"
             />
-            <div v-if="item.statusLine" class="mt-1 sp-sub">{{ item.statusLine }}</div>
+            <div
+              v-if="item.statusLine"
+              class="mt-1 sp-sub"
+              :class="{ 'text-error': item.statusLine.startsWith('Email failed') }"
+            >{{ item.statusLine }}</div>
             <!-- Was `text-caption text-medium-emphasis` - Roboto 12px at
                  Vuetify's 60% opacity. The design's sub-line is `--muted`. -->
             <div v-if="item.rejectionReason" class="mt-1 sp-reject-reason">

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.73.1-staging.460",
+  "version": "4.73.1-staging.461",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",

package/utils/sp-inviter-row.ts

@@ -19,8 +19,19 @@ export type TSentInvitation = {
   createdAt?: string | null;
   answeredAt?: string | null;
   onSite?: boolean;
+  /** The latest invitation-email attempt, from the server (core 3.134+). */
+  emailStatus?: { state?: "sent" | "failed"; at?: string | null; reason?: string } | null;
 };
 
+/** "30 Sep, 14:14" - when the email went out. */
+export function spDayTime(value?: string | null): string {
+  if (!value) return "";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime())
+    ? ""
+    : d.toLocaleString("en-GB", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
+}
+
 const ANSWERED: Record<string, string> = {
   complete: "Accepted",
   declined: "Declined",
@@ -91,7 +102,20 @@ export function sentStatusLine(row: TSentInvitation): string {
     return `Accepted${when ? ` on ${when}` : ""} · no longer on this site`;
   }
   if (ANSWERED[status]) return when ? `${ANSWERED[status]} on ${when}` : "";
-  if (status === "awaiting-approval") return "Seven365 checks it before it is sent";
-  if (status === "pending") return "Sent - waiting for their answer";
+  // Who has to act, and that nothing is emailed until they do.
+  if (status === "awaiting-approval") {
+    return "Waiting for a Seven365 Super Admin to approve - the email is sent after approval";
+  }
+  if (status === "pending") {
+    const email = row.emailStatus;
+    if (email?.state === "failed") {
+      return `Email failed: ${email.reason || "could not be sent"} - use Resend`;
+    }
+    if (email?.state === "sent") {
+      const when = spDayTime(email.at);
+      return `Email sent${when ? ` ${when}` : ""} - waiting for their answer`;
+    }
+    return "Sent - waiting for their answer";
+  }
   return "";
 }