@m13v/seo-components 0.32.0 → 0.32.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m13v/seo-components",
-  "version": "0.32.0",
+  "version": "0.32.2",
   "scripts": {
     "build:css": "tailwind -i src/_build.css -o dist/styles.css --minify",
     "lint:mobile-spans": "node scripts/lint-mobile-spans.mjs",

package/src/components/InstallEmailGate.tsx

@@ -120,13 +120,18 @@ export function InstallEmailGate({
 
   const onOpen = () => {
     const skip = remember && hasCapturedInstallEmail(storageKey);
-    trackGetStartedClick({
-      destination: skip ? "modal:command" : "modal:email",
-      site,
-      section,
-      text: label,
-      component: "InstallEmailGate",
-    });
+    if (skip) {
+      // Gate already passed previously: fire the canonical funnel event for
+      // the gated-passed click. No event when the gate is fresh and we're
+      // about to ask for the email; that fires on submit instead.
+      trackGetStartedClick({
+        destination: "modal:command",
+        site,
+        section,
+        text: label,
+        component: "InstallEmailGate",
+      });
+    }
     setStage(skip ? "command" : "email");
     setError("");
   };
@@ -186,12 +191,16 @@ export function InstallEmailGate({
     try {
       await navigator.clipboard.writeText(text);
       setCopied(which);
-      trackGetStartedClick({
-        destination: which === "command" ? "clipboard:command" : "clipboard:config",
+      // Track the copy as its own event so it does not inflate the
+      // canonical `get_started_click` funnel. The gate event fires once
+      // when the email is submitted (or once on each subsequent gated-
+      // passed click), not for every clipboard copy.
+      capture("install_command_copied", {
+        component: "InstallEmailGate",
         site,
         section,
-        text: which === "command" ? command : configBlock?.label,
-        component: "InstallEmailGate",
+        which,
+        page: typeof window !== "undefined" ? window.location.pathname : undefined,
       });
       setTimeout(() => setCopied(null), 1800);
     } catch {

package/src/lib/book-call-route.ts

@@ -91,6 +91,14 @@ export interface BookCallConfig {
   emailSubject?: string;
   /** Override the email HTML. Receives the email-click URL and the submitted email. */
   emailHtml?: (emailClickUrl: string, subscriberEmail: string) => string;
+  /**
+   * Optional: log the outbound send. Called after the Resend send call returns;
+   * receives the subscriber email and the Resend email id (or null on failure).
+   * Errors thrown here are logged and swallowed so a flaky DB doesn't break the
+   * booking flow. Required for sites that want delivery / open / click webhook
+   * events to update the right `<slug>_emails` row by `resend_id`.
+   */
+  onSent?: (email: string, resendEmailId: string | null) => Promise<void>;
 }
 
 /* ------------------------------------------------------------------ */
@@ -121,6 +129,7 @@ export function createBookCallHandler(config: BookCallConfig) {
     apiKeyEnv = "RESEND_API_KEY",
     emailSubject,
     emailHtml,
+    onSent,
   } = config;
 
   return async function POST(req: NextRequest) {
@@ -175,14 +184,43 @@ export function createBookCallHandler(config: BookCallConfig) {
       ? emailHtml(emailClickUrl, email)
       : defaultBookCallEmailHtml(brand, siteUrl, emailClickUrl);
 
-    fetch("https://api.resend.com/emails", {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${resendKey}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ from: fromEmail, to: email, subject, html }),
-    }).catch((err) => console.error("[book-call] email send threw:", err));
+    if (onSent) {
+      // Sequential so the `onSent` callback receives the actual Resend id.
+      try {
+        const sendRes = await fetch("https://api.resend.com/emails", {
+          method: "POST",
+          headers: {
+            Authorization: `Bearer ${resendKey}`,
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({ from: fromEmail, to: email, subject, html }),
+        });
+        let resendEmailId: string | null = null;
+        if (sendRes.ok) {
+          const data = (await sendRes.json().catch(() => ({}))) as { id?: string };
+          resendEmailId = data.id || null;
+        } else {
+          const detail = await sendRes.text().catch(() => "");
+          console.error("[book-call] email send failed:", sendRes.status, detail);
+        }
+        try {
+          await onSent(email, resendEmailId);
+        } catch (err) {
+          console.error("[book-call] onSent callback error:", err);
+        }
+      } catch (err) {
+        console.error("[book-call] email send threw:", err);
+      }
+    } else {
+      fetch("https://api.resend.com/emails", {
+        method: "POST",
+        headers: {
+          Authorization: `Bearer ${resendKey}`,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ from: fromEmail, to: email, subject, html }),
+      }).catch((err) => console.error("[book-call] email send threw:", err));
+    }
 
     return new Response(
       JSON.stringify({ ok: true }),