@alliance-droid/status-feedback-system 1.3.12 → 1.3.13

package/dist/components/DevFeedback.svelte

@@ -31,7 +31,7 @@
 		showOnboarding?: boolean;
 		/** URL to the feedback board page. If omitted, "View Open Issues" is hidden from the context menu. */
 		boardUrl?: string;
-		/** Pre-fill the email field (e.g. from the logged-in user's session) */
+		/** Authenticated user email. Required for submitting feedback. */
 		userEmail?: string;
 	}
 
@@ -115,7 +115,8 @@
 	let formType = $state<'bug' | 'feature'>('bug');
 	let formTitle = $state('');
 	let formMessage = $state('');
-	let formEmail = $state('');
+
+	let isAuthenticated = $derived(!!userEmail);
 	let submitting = $state(false);
 	let submitResult = $state<'success' | 'error' | null>(null);
 
@@ -233,7 +234,6 @@
 		formType = type;
 		formTitle = '';
 		formMessage = '';
-		formEmail = userEmail ?? '';
 		submitResult = null;
 		menuOpen = false;
 		formOpen = true;
@@ -249,7 +249,7 @@
 	}
 
 	async function handleSubmit() {
-		if (!formMessage.trim()) return;
+		if (!formMessage.trim() || !isAuthenticated) return;
 		submitting = true;
 		submitResult = null;
 
@@ -286,7 +286,7 @@
 				title: formTitle.trim() || undefined,
 				message: formMessage.trim(),
 				category: formType === 'bug' ? 'bug' : 'feature',
-				email: formEmail.trim() || undefined,
+				email: userEmail,
 				pageUrl: window.location.href,
 				metadata,
 			});
@@ -372,7 +372,17 @@
 								{formType === 'bug' ? "We'll look into this." : "Thanks for the suggestion!"}
 							</p>
 						</div>
+					{:else if !isAuthenticated}
+						<div class="text-center py-6 text-foreground-tertiary">
+							<i class="fa-solid fa-lock text-2xl" aria-hidden="true"></i>
+							<p class="mt-2 text-sm">Sign in to submit feedback</p>
+						</div>
 					{:else}
+						<div class="flex items-center gap-1.5 text-xs text-foreground-tertiary">
+							<i class="fa-solid fa-user" aria-hidden="true"></i>
+							<span>Submitting as <span class="font-medium text-foreground-secondary">{userEmail}</span></span>
+						</div>
+
 						<Input
 							bind:value={formTitle}
 							placeholder={formType === 'bug' ? 'Brief summary of the bug' : 'Feature title'}
@@ -388,13 +398,6 @@
 							rows={4}
 						/>
 
-						<Input
-							type="email"
-							bind:value={formEmail}
-							placeholder="your@email.com (optional)"
-							label="Email"
-						/>
-
 						<!-- Auto-captured context (bugs only) -->
 						{#if formType === 'bug'}
 							<div class="space-y-2">
@@ -470,7 +473,7 @@
 				</div>
 
 				<!-- Footer -->
-				{#if submitResult !== 'success'}
+				{#if submitResult !== 'success' && isAuthenticated}
 					<div class="flex justify-end gap-2 px-5 py-4 border-t border-border shrink-0">
 						<Button variant="neutral" style="outline" onclick={() => (formOpen = false)}>
 							Cancel

package/dist/components/DevFeedback.svelte.d.ts

@@ -9,7 +9,7 @@ interface Props {
     showOnboarding?: boolean;
     /** URL to the feedback board page. If omitted, "View Open Issues" is hidden from the context menu. */
     boardUrl?: string;
-    /** Pre-fill the email field (e.g. from the logged-in user's session) */
+    /** Authenticated user email. Required for submitting feedback. */
     userEmail?: string;
 }
 declare const DevFeedback: import("svelte").Component<Props, {}, "">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alliance-droid/status-feedback-system",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "type": "module",
   "description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
   "svelte": "./dist/index.js",