feedbackkit-web 1.0.41 → 1.0.43

package/dist/feedbackkit.js

@@ -495,7 +495,7 @@ async function submitReport(report, configuration2, identity = {}) {
     } catch {
     }
     const detail = code ? ` (${code})` : "";
-    const message = code === "origin_not_allowed" ? `This site (${location.origin}) isn't in the project's allowed origins.` : response.status === 401 || response.status === 403 ? `Server rejected the project key or origin (HTTP ${response.status})${detail}.` : response.status === 429 ? "Too many reports right now — please try again in a minute." : `Server returned HTTP ${response.status}${detail}.`;
+    const message = code === "origin_not_allowed" ? `This site (${location.origin}) isn't in the project's allowed origins.` : response.status === 401 || response.status === 403 ? `Server rejected the project key or origin (HTTP ${response.status})${detail}.` : response.status === 429 ? "Too many reports right now — please try again in a minute." : response.status === 402 ? "Feedback for this site is paused this month. Please try again later." : `Server returned HTTP ${response.status}${detail}.`;
     throw new FeedbackSubmissionError(message, "server", response.status);
   }
 }
@@ -1431,7 +1431,10 @@ button:disabled { cursor: not-allowed; opacity: 0.45; }
   box-shadow: 0 0 0 1px var(--fk-border);
 }
 .fk-swatch[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--fk-text); }
-.fk-hint { margin-left: auto; font-size: 12px; color: var(--fk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+/* Shrinks (with an ellipsis) instead of wrapping onto its own line: hints
+   differ in length per tool, and a toolbar that changed height on every tool
+   switch would make the screenshot below jump mid-annotation. */
+.fk-hint { flex: 1 1 0; min-width: 0; margin-left: auto; text-align: right; font-size: 12px; color: var(--fk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .fk-canvas-wrap {
   position: relative;
   flex: 1;
@@ -1822,6 +1825,7 @@ class Dialog {
     toolbar.append(this.undoButton, this.clearButton);
     this.hint = el("span", "fk-hint");
     this.hint.textContent = HINTS.pen;
+    this.hint.title = HINTS.pen;
     toolbar.append(this.hint);
     const wrap = el("div", "fk-canvas-wrap");
     if (this.shot) {
@@ -1852,6 +1856,7 @@ class Dialog {
     this.editor?.setTool(tool);
     this.toolButtons.forEach((b, t) => b.setAttribute("aria-pressed", String(t === tool)));
     this.hint.textContent = HINTS[tool];
+    this.hint.title = HINTS[tool];
   }
   // ---------------------------------------------------------------- composer
   buildComposer() {