@mushi-mushi/web 1.1.0 → 1.2.1

package/dist/index.cjs

@@ -2056,8 +2056,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;
@@ -3513,7 +3586,7 @@ function createProactiveManager(config = {}) {
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/web";
-var MUSHI_SDK_VERSION = "1.1.0" ;
+var MUSHI_SDK_VERSION = "1.2.1" ;
 
 // src/mushi.ts
 var instance = null;
@@ -4261,6 +4334,9 @@ function createInstance(config) {
       enqueue({ action, metadata });
     }
   };
+  if (typeof globalThis !== "undefined" && (bootstrapConfig.debug ?? false)) {
+    exposeMarketingRecorder(widget);
+  }
   return sdk;
 }
 function mergeRuntimeConfig(config, runtime) {