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

package/dist/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEnD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAC,CAAwB;IACzC,OAAO,CAAC,gBAAgB,CAAC,CAAS;gBAGhC,cAAc,EAAE,MAAM,EACtB,WAAW,GAAE,WAA0B,EACvC,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAChC,gBAAgB,CAAC,EAAE,MAAM;IAU3B;;OAEG;IACH,mBAAmB,IAAI,MAAM,GAAG,SAAS;IAIzC;;OAEG;YACW,iBAAiB;IA4B/B;;OAEG;IACG,cAAc,CAClB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,gBAAgB,CAAC;CA2E7B"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEnD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAC,CAAwB;IACzC,OAAO,CAAC,gBAAgB,CAAC,CAAS;gBAGhC,cAAc,EAAE,MAAM,EACtB,WAAW,GAAE,WAA0B,EACvC,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAChC,gBAAgB,CAAC,EAAE,MAAM;IAU3B;;OAEG;IACH,mBAAmB,IAAI,MAAM,GAAG,SAAS;IAIzC;;OAEG;YACW,iBAAiB;IA4B/B;;OAEG;IACG,cAAc,CAClB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,gBAAgB,CAAC;CA4E7B"}

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-import { TriaglyConfig, FeedbackData } from './types';
+import { TriaglyConfig, TriaglyUser, FeedbackData } from './types';
 export declare class Triagly {
     private config;
     private widget;
     private api;
     private rateLimiter;
     private consoleLogger;
+    private submitHandler;
     constructor(config: TriaglyConfig);
     /**
      * Initialize the SDK
@@ -22,6 +23,12 @@ export declare class Triagly {
      * Programmatically close the feedback widget
      */
     close(): void;
+    /**
+     * 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: TriaglyUser): void;
     /**
      * Submit feedback programmatically without UI
      * Note: When Turnstile is enabled, you must use the widget UI or provide a token

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAC;AAKjB,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAA8B;gBAEvC,MAAM,EAAE,aAAa;IAsDjC;;OAEG;IACH,OAAO,CAAC,IAAI;IAkBZ;;OAEG;YACW,YAAY;IAwD1B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACG,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBxE;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB;AAGD,cAAc,SAAS,CAAC;AAexB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACb,MAAM,SAAS,CAAC;AAKjB,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,aAAa,CAAqB;gBAE9B,MAAM,EAAE,aAAa;IAyDjC;;OAEG;IACH,OAAO,CAAC,IAAI;IAkBZ;;OAEG;YACW,YAAY;IA0D1B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKjC;;;OAGG;IACG,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBxE;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB;AAGD,cAAc,SAAS,CAAC;AAexB,eAAe,OAAO,CAAC"}

package/dist/index.esm.js

@@ -1077,6 +1077,7 @@ class FeedbackWidget {
           type="text"
           id="triagly-name"
           placeholder="Your name"
+          ${this.config.user?.name ? `value="${this.escapeHtml(this.config.user.name)}"` : ''}
         />
       </div>
 
@@ -1086,9 +1087,16 @@ class FeedbackWidget {
           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>
@@ -1388,9 +1396,13 @@ class FeedbackWidget {
             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();
@@ -1888,6 +1900,15 @@ class FeedbackWidget {
       .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);
     }
@@ -1953,6 +1974,44 @@ class FeedbackWidget {
         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
      */
@@ -2069,6 +2128,7 @@ class TriaglyAPI {
             tags: data.tags,
             reporterEmail: data.reporterEmail,
             reporterName: data.reporterName,
+            reporterUserId: data.reporterUserId,
             screenshot: data.screenshot,
             turnstileToken,
             hardenedToken,
@@ -2386,6 +2446,9 @@ class Triagly {
         this.api = new TriaglyAPI(apiKey, this.config.environment || 'production', this.config.apiUrl, this.config.getToken, this.config.turnstileSiteKey);
         this.widget = new FeedbackWidget(this.config);
         this.rateLimiter = new RateLimiter(apiKey, 3, 5 * 60 * 1000);
+        this.submitHandler = (e) => {
+            this.handleSubmit(e.detail);
+        };
         // Initialize console logger if enabled
         if (this.config.captureConsole !== false) {
             this.consoleLogger = new ConsoleLogger(this.config.consoleLogLimit, this.config.consoleLogLevels);
@@ -2407,11 +2470,11 @@ class Triagly {
             // DOM is already ready
             this.widget.init();
         }
-        // Listen for form submissions
-        document.addEventListener('triagly:submit', (e) => {
-            const customEvent = e;
-            this.handleSubmit(customEvent.detail);
-        });
+        // Remove any previously registered listener before adding a fresh one.
+        // This prevents stacked listeners when the SDK is re-initialized (e.g. React
+        // re-renders) which would cause duplicate submissions.
+        document.removeEventListener('triagly:submit', this.submitHandler);
+        document.addEventListener('triagly:submit', this.submitHandler);
     }
     /**
      * Handle feedback submission
@@ -2425,11 +2488,13 @@ class Triagly {
             }
             // 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,
             };
@@ -2471,6 +2536,15 @@ class Triagly {
     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
@@ -2496,7 +2570,7 @@ class Triagly {
     destroy() {
         this.widget.destroy();
         this.consoleLogger?.stop();
-        document.removeEventListener('triagly:submit', () => { });
+        document.removeEventListener('triagly:submit', this.submitHandler);
     }
 }
 // Auto-initialize if config is in window