@triagly/sdk 1.4.0-beta.5 → 1.4.0-beta.6

package/dist/index.js

@@ -1083,6 +1083,7 @@
           type="text"
           id="triagly-name"
           placeholder="Your name"
+          ${this.config.user?.name ? `value="${this.escapeHtml(this.config.user.name)}"` : ''}
         />
       </div>
 
@@ -1092,9 +1093,16 @@
           type="email"
           id="triagly-email"
           placeholder="your@email.com"
+          ${this.config.user?.email ? `value="${this.escapeHtml(this.config.user.email)}"` : ''}
         />
       </div>
 
+      ${this.config.user?.email || this.config.user?.name ? `
+      <div class="triagly-identified-user" id="triagly-identified-user">
+        Submitting as ${this.escapeHtml(this.config.user.name || this.config.user.email || '')}
+      </div>
+      ` : ''}
+
       ${this.config.enableScreenshot ? `
       <div class="triagly-field triagly-screenshot-field">
         <label>Screenshot (optional)</label>
@@ -1394,9 +1402,13 @@
                 document.dispatchEvent(event);
                 // Wait for actual submission result
                 await submissionPromise;
-                // Show success
+                // Show success — personalize if we know the user's name
                 statusDiv.className = 'triagly-status triagly-success';
-                statusDiv.textContent = this.config.successMessage || 'Feedback sent successfully!';
+                const userName = this.config.user?.name;
+                const firstName = userName ? userName.split(' ')[0] : null;
+                statusDiv.textContent = firstName
+                    ? `Thanks, ${firstName}! Your feedback was received.`
+                    : (this.config.successMessage || 'Feedback sent successfully!');
                 // Close after delay
                 setTimeout(() => {
                     this.close();
@@ -1894,6 +1906,15 @@
       .triagly-spin {
         animation: triagly-spin 1s linear infinite;
       }
+
+      .triagly-identified-user {
+        font-size: 12px;
+        color: var(--triagly-label-text, #6b7280);
+        margin-bottom: 16px;
+        padding: 6px 10px;
+        background: var(--triagly-btn-secondary-bg, #f3f4f6);
+        border-radius: 4px;
+      }
     `;
             document.head.appendChild(style);
         }
@@ -1959,6 +1980,44 @@
             document.addEventListener('keydown', handleTab, true);
             this.container._tabHandler = handleTab;
         }
+        /**
+         * Update the identified user. If the widget is currently open, updates
+         * the live form fields and indicator. Otherwise stores for next open.
+         */
+        updateUser(user) {
+            this.config.user = { ...this.config.user, ...user };
+            if (!this.isOpen || !this.container)
+                return;
+            const nameInput = this.container.querySelector('#triagly-name');
+            const emailInput = this.container.querySelector('#triagly-email');
+            const indicator = this.container.querySelector('#triagly-identified-user');
+            if (nameInput && user.name !== undefined) {
+                nameInput.value = user.name;
+            }
+            if (emailInput && user.email !== undefined) {
+                emailInput.value = user.email;
+            }
+            const displayName = this.config.user?.name || this.config.user?.email;
+            if (indicator) {
+                if (displayName) {
+                    indicator.textContent = `Submitting as ${displayName}`;
+                    indicator.style.display = '';
+                }
+                else {
+                    indicator.style.display = 'none';
+                }
+            }
+        }
+        /**
+         * Escape HTML special characters to prevent XSS when injecting into innerHTML
+         */
+        escapeHtml(str) {
+            return str
+                .replace(/&/g, '&amp;')
+                .replace(/"/g, '&quot;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;');
+        }
         /**
          * Destroy the widget
          */
@@ -2075,6 +2134,7 @@
                 tags: data.tags,
                 reporterEmail: data.reporterEmail,
                 reporterName: data.reporterName,
+                reporterUserId: data.reporterUserId,
                 screenshot: data.screenshot,
                 turnstileToken,
                 hardenedToken,
@@ -2431,11 +2491,13 @@
                 }
                 // Collect metadata
                 const metadata = collectMetadata(this.config.metadata);
-                // Prepare feedback data
+                // Prepare feedback data, merging config.user as defaults
                 const feedbackData = {
                     title: data.title,
                     description: data.description,
-                    reporterEmail: data.reporterEmail,
+                    reporterEmail: data.reporterEmail || this.config.user?.email,
+                    reporterName: data.reporterName || this.config.user?.name,
+                    reporterUserId: this.config.user?.id,
                     consoleLogs: this.consoleLogger?.getLogs(),
                     screenshot: data.screenshot,
                 };
@@ -2477,6 +2539,15 @@
         close() {
             this.widget.close();
         }
+        /**
+         * Identify the current user. Call this after authentication to attach
+         * user context to future feedback submissions. If the widget is open,
+         * the form fields will update immediately.
+         */
+        identify(user) {
+            this.config.user = { ...this.config.user, ...user };
+            this.widget.updateUser(this.config.user);
+        }
         /**
          * Submit feedback programmatically without UI
          * Note: When Turnstile is enabled, you must use the widget UI or provide a token