@koderlabs/tasks-sdk-web-reporter 0.1.2 → 0.1.3

package/dist/index.d.cts

@@ -118,6 +118,25 @@ interface WidgetOptions {
     exposeGlobal?: boolean;
     /** Network recording settings. */
     networkRecording?: NetworkRecordingSettings;
+    /**
+     * When true (or when the project's `defaultReporterBehavior` is
+     * `current_user` from the remote config fetch), the modal refuses
+     * submission unless `client.options.user` carries an `id` or `email`.
+     * An anonymous click on the FAB renders a "Please sign in" CTA that
+     * navigates the user to `loginUrl` (default: `/login?next=<url>`).
+     *
+     * Set to `false` to override the remote config and always allow
+     * anonymous submissions (e.g. a public landing page collecting bug
+     * reports from logged-out visitors).
+     */
+    requireUser?: boolean;
+    /**
+     * Destination for the "Sign in to report a bug" CTA when `requireUser`
+     * is active and no user is set. Receives a `next` query param so the
+     * user lands back on the originating page after authenticating.
+     * Default: `/login?next=<current pathname+search>`.
+     */
+    loginUrl?: string;
 }
 
 /**
@@ -328,6 +347,10 @@ declare class WidgetIntegration implements Integration {
     private _wireRuntime;
     teardown(): void;
     show(): void;
+    /** True when the client carries a logged-in user (id or email present). */
+    private _hasIdentity;
+    /** Build a minimal "Please sign in" modal — no form, just a CTA + cancel. */
+    private _openLoginPrompt;
     hide(): void;
     isVisible(): boolean;
     capture(mode?: 'fullscreen' | 'advanced'): Promise<void>;

package/dist/index.d.ts

@@ -118,6 +118,25 @@ interface WidgetOptions {
     exposeGlobal?: boolean;
     /** Network recording settings. */
     networkRecording?: NetworkRecordingSettings;
+    /**
+     * When true (or when the project's `defaultReporterBehavior` is
+     * `current_user` from the remote config fetch), the modal refuses
+     * submission unless `client.options.user` carries an `id` or `email`.
+     * An anonymous click on the FAB renders a "Please sign in" CTA that
+     * navigates the user to `loginUrl` (default: `/login?next=<url>`).
+     *
+     * Set to `false` to override the remote config and always allow
+     * anonymous submissions (e.g. a public landing page collecting bug
+     * reports from logged-out visitors).
+     */
+    requireUser?: boolean;
+    /**
+     * Destination for the "Sign in to report a bug" CTA when `requireUser`
+     * is active and no user is set. Receives a `next` query param so the
+     * user lands back on the originating page after authenticating.
+     * Default: `/login?next=<current pathname+search>`.
+     */
+    loginUrl?: string;
 }
 
 /**
@@ -328,6 +347,10 @@ declare class WidgetIntegration implements Integration {
     private _wireRuntime;
     teardown(): void;
     show(): void;
+    /** True when the client carries a logged-in user (id or email present). */
+    private _hasIdentity;
+    /** Build a minimal "Please sign in" modal — no form, just a CTA + cancel. */
+    private _openLoginPrompt;
     hide(): void;
     isVisible(): boolean;
     capture(mode?: 'fullscreen' | 'advanced'): Promise<void>;

package/dist/index.js

@@ -1390,6 +1390,9 @@ var WidgetIntegration = class WidgetIntegration2 {
         this.opts.hotkey = false;
         this.opts.autoInject = false;
       }
+      if (init.requireUser === void 0 && typeof cfg.defaultReporterBehavior === "string") {
+        this.opts.requireUser = cfg.defaultReporterBehavior === "current_user";
+      }
     } catch {
     }
   }
@@ -1438,11 +1441,66 @@ var WidgetIntegration = class WidgetIntegration2 {
     if (this._visible) return;
     if (!this.client) return;
     this._visible = true;
-    this._openModal();
+    if (this.opts.requireUser && !this._hasIdentity()) {
+      this._openLoginPrompt();
+    } else {
+      this._openModal();
+    }
     this._emit({
       name: "show"
     });
   }
+  /** True when the client carries a logged-in user (id or email present). */
+  _hasIdentity() {
+    const u = this.client?.options.user;
+    return Boolean(u && (u.id || u.email));
+  }
+  /** Build a minimal "Please sign in" modal — no form, just a CTA + cancel. */
+  _openLoginPrompt() {
+    const shell = new ModalShell({
+      onClose: /* @__PURE__ */ __name(() => {
+        this._visible = false;
+        this._emit({
+          name: "hide"
+        });
+      }, "onClose")
+    });
+    this.shell?.destroy();
+    this.shell = shell;
+    const here = typeof window !== "undefined" ? window.location.pathname + window.location.search : "/";
+    const loginUrl = this.opts.loginUrl ?? `/login?next=${encodeURIComponent(here)}`;
+    const wrapper = document.createElement("div");
+    wrapper.style.cssText = "padding:24px;font-family:system-ui,-apple-system,sans-serif;text-align:center;max-width:340px;";
+    wrapper.innerHTML = `
+      <div style="font-size:32px;margin-bottom:8px">\u{1F512}</div>
+      <div style="font-size:18px;font-weight:600;color:#111827;margin-bottom:6px">Sign in to report a bug</div>
+      <div style="font-size:13px;color:#6b7280;margin-bottom:18px;line-height:1.5">This project requires reporters to be signed in so bug reports can be linked to your account.</div>
+    `;
+    const signInBtn = document.createElement("button");
+    signInBtn.type = "button";
+    signInBtn.textContent = "Sign in";
+    signInBtn.style.cssText = "width:100%;padding:10px 16px;background:#2563eb;color:#fff;border:0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;";
+    signInBtn.addEventListener("click", () => {
+      try {
+        window.location.assign(loginUrl);
+      } catch {
+      }
+    });
+    const cancelBtn = document.createElement("button");
+    cancelBtn.type = "button";
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.style.cssText = "width:100%;padding:10px 16px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;";
+    cancelBtn.addEventListener("click", () => {
+      shell.close();
+      this._visible = false;
+      this._emit({
+        name: "feedbackdiscarded"
+      });
+    });
+    wrapper.appendChild(signInBtn);
+    wrapper.appendChild(cancelBtn);
+    shell.open(wrapper);
+  }
   hide() {
     if (!this._visible) return;
     this.shell?.close();