@mushi-mushi/web 1.2.0 → 1.2.1

package/dist/index.d.cts

@@ -21,6 +21,7 @@ declare class Mushi {
  *         user-facing ARIA / keyboard wiring.
  */
 
+type WidgetStep = 'category' | 'intent' | 'details' | 'success' | 'reports' | 'report-detail';
 interface WidgetRewardsState {
     tier: {
         slug: string;
@@ -182,6 +183,16 @@ declare class MushiWidget {
     private loadReporterReports;
     private loadReporterComments;
     private submitReporterReply;
+    getRecorderStep(): WidgetStep;
+    getRecorderTrigger(): Element | null;
+    getRecorderCategoryButton(category: MushiReportCategory): Element | null;
+    getRecorderIntentButton(label: string): Element | null;
+    getRecorderSubmitButton(): Element | null;
+    recorderClickTrigger(): void;
+    recorderSelectCategory(category: MushiReportCategory): void;
+    recorderSelectIntent(label: string): void;
+    recorderFocusDescription(): void;
+    recorderSubmit(): void;
 }
 
 interface ConsoleCapture {

package/dist/index.d.ts

@@ -21,6 +21,7 @@ declare class Mushi {
  *         user-facing ARIA / keyboard wiring.
  */
 
+type WidgetStep = 'category' | 'intent' | 'details' | 'success' | 'reports' | 'report-detail';
 interface WidgetRewardsState {
     tier: {
         slug: string;
@@ -182,6 +183,16 @@ declare class MushiWidget {
     private loadReporterReports;
     private loadReporterComments;
     private submitReporterReply;
+    getRecorderStep(): WidgetStep;
+    getRecorderTrigger(): Element | null;
+    getRecorderCategoryButton(category: MushiReportCategory): Element | null;
+    getRecorderIntentButton(label: string): Element | null;
+    getRecorderSubmitButton(): Element | null;
+    recorderClickTrigger(): void;
+    recorderSelectCategory(category: MushiReportCategory): void;
+    recorderSelectIntent(label: string): void;
+    recorderFocusDescription(): void;
+    recorderSubmit(): void;
 }
 
 interface ConsoleCapture {

package/dist/index.js

@@ -2054,8 +2054,81 @@ var MushiWidget = class {
       this.render();
     }
   }
+  /* ── Marketing / Playwright recorder (debug GIF capture) ─────────── */
+  getRecorderStep() {
+    return this.step;
+  }
+  getRecorderTrigger() {
+    return this.shadow.querySelector(".mushi-trigger");
+  }
+  getRecorderCategoryButton(category) {
+    return this.shadow.querySelector(`[data-category="${category}"]`);
+  }
+  getRecorderIntentButton(label) {
+    return Array.from(this.shadow.querySelectorAll("[data-intent]")).find(
+      (el) => el.dataset.intent === label
+    ) ?? null;
+  }
+  getRecorderSubmitButton() {
+    return this.shadow.querySelector('[data-action="submit"]');
+  }
+  recorderClickTrigger() {
+    if (this.isOpen) this.close();
+    this.open();
+  }
+  recorderSelectCategory(category) {
+    if (!this.isOpen) this.open();
+    if (this.step !== "category") {
+      this.selectedCategory = null;
+      this.selectedIntent = null;
+      this.step = "category";
+      this.render();
+    }
+    this.selectedCategory = category;
+    this.step = "intent";
+    this.render();
+  }
+  recorderSelectIntent(label) {
+    if (!this.isOpen || this.step !== "intent") return;
+    this.selectedIntent = label;
+    this.step = "details";
+    this.render();
+  }
+  recorderFocusDescription() {
+    const textarea = this.shadow.querySelector(".mushi-textarea");
+    textarea?.focus();
+  }
+  recorderSubmit() {
+    const submit = this.shadow.querySelector('[data-action="submit"]');
+    submit?.click();
+  }
 };
 
+// src/marketing-recorder.ts
+function centerOf(el) {
+  if (!el) return null;
+  const r = el.getBoundingClientRect();
+  if (r.width === 0 && r.height === 0) return null;
+  return { x: r.left + r.width / 2, y: r.top + r.height / 2 };
+}
+function exposeMarketingRecorder(widget) {
+  if (typeof globalThis === "undefined") return;
+  const api = {
+    ready: () => widget.getIsMounted(),
+    getStep: () => widget.getRecorderStep(),
+    getTriggerCenter: () => centerOf(widget.getRecorderTrigger()),
+    getCategoryCenter: (category) => centerOf(widget.getRecorderCategoryButton(category)),
+    getIntentCenter: (label) => centerOf(widget.getRecorderIntentButton(label)),
+    getSubmitCenter: () => centerOf(widget.getRecorderSubmitButton()),
+    clickTrigger: () => widget.recorderClickTrigger(),
+    selectCategory: (category) => widget.recorderSelectCategory(category),
+    selectIntent: (label) => widget.recorderSelectIntent(label),
+    focusDescription: () => widget.recorderFocusDescription(),
+    submit: () => widget.recorderSubmit()
+  };
+  globalThis.__mushiRecorder = api;
+}
+
 // src/rewards.ts
 var MIN_FLUSH_INTERVAL = 3e4;
 var DEFAULT_FLUSH_INTERVAL = 3e5;
@@ -3511,7 +3584,7 @@ function createProactiveManager(config = {}) {
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/web";
-var MUSHI_SDK_VERSION = "1.2.0" ;
+var MUSHI_SDK_VERSION = "1.2.1" ;
 
 // src/mushi.ts
 var instance = null;
@@ -4259,6 +4332,9 @@ function createInstance(config) {
       enqueue({ action, metadata });
     }
   };
+  if (typeof globalThis !== "undefined" && (bootstrapConfig.debug ?? false)) {
+    exposeMarketingRecorder(widget);
+  }
   return sdk;
 }
 function mergeRuntimeConfig(config, runtime) {