@select-org/select-post-builder 1.2.9 → 1.3.1

package/dist/post-builder.js

@@ -20540,8 +20540,8 @@ const ANALYTICS_EVENTS = {
   },
   // Editor interaction
   EDITOR: {
-    FOCUSED: "post_builder_editor_focused",
-    TAB_SWITCHED: "post_builder_editor_tab_switched"
+    FOCUSED: "post_builder_focused",
+    TAB_SWITCHED: "post_builder_tab_switched"
   },
   // Feature discovery
   FEATURE: {
@@ -20578,11 +20578,6 @@ const ANALYTICS_EVENTS = {
     ATTEMPTED: "post_builder_publish_attempted",
     SUCCESS: "post_builder_publish_success",
     FAILED: "post_builder_publish_failed"
-  },
-  // NEW: Validation
-  VALIDATION: {
-    ERROR: "post_builder_validation_error"
-    // NEW
   }
 }, FEATURE_NAME_MAP = {
   // Tiptap Marks (inline formatting)
@@ -20618,8 +20613,7 @@ class SessionManager {
       placement: d,
       startTime: Date.now(),
       lastErrorType: null,
-      hasUserFocused: !1,
-      focusTime: null,
+      focusSources: /* @__PURE__ */ new Set(),
       contentCreatedFired: !1,
       featureUsageCounts: /* @__PURE__ */ new Map()
     }), p;
@@ -20630,9 +20624,9 @@ class SessionManager {
   deleteSession(n) {
     this.sessions.delete(n);
   }
-  markFocused(n) {
-    const d = this.getSession(n);
-    d && !d.hasUserFocused && (d.hasUserFocused = !0, d.focusTime = Date.now());
+  markFocused(n, d) {
+    const p = this.getSession(n);
+    return !p || p.focusSources.has(d) ? !1 : (p.focusSources.add(d), !0);
   }
   setLastError(n, d) {
     const p = this.getSession(n);
@@ -21812,16 +21806,18 @@ const analyticsStore = createStore((u, n) => ({
       debug: p.debug ?? !1
     }), p.debug;
   },
-  createSession: (d, p) => {
+  createSession: (d, p = EditorPlacement.Feed) => {
     const { sessionManager: m, logEventFn: g, enabled: y, debug: b } = n(), S = m.createSession(d, p);
     if (y && g) {
-      const E = {
-        session_id: S,
-        timestamp: Date.now(),
-        editor_type: d,
-        editor_placement: p
-        // NEW
-      };
+      const E = pickBy(
+        {
+          compose_session_id: S,
+          timestamp: Date.now(),
+          editor_type: d,
+          editor_placement: p
+        },
+        (T) => T != null
+      );
       g(ANALYTICS_EVENTS.SESSION.STARTED, E);
     }
     return S;
@@ -21839,7 +21835,7 @@ const analyticsStore = createStore((u, n) => ({
     if (!E)
       return;
     const T = {
-      session_id: d,
+      compose_session_id: d,
       timestamp: Date.now(),
       editor_type: E.editorType,
       editor_placement: E.placement,
@@ -21907,17 +21903,20 @@ const analyticsStore = createStore((u, n) => ({
       }
     );
   },
-  trackEditorFocus: (d) => {
-    const { sessionManager: p, trackEvent: m } = n();
-    p.markFocused(d);
-    const g = p.getSession(d), y = g?.focusTime ? g.focusTime - g.startTime : null;
-    m(d, ANALYTICS_EVENTS.EDITOR.FOCUSED, {
-      time_to_focus_ms: y || void 0
+  trackEditorFocus: (d, p) => {
+    const { sessionManager: m, trackEvent: g } = n();
+    if (!m.markFocused(d, p)) return;
+    const y = m.getSession(d);
+    g(d, ANALYTICS_EVENTS.EDITOR.FOCUSED, {
+      surface: "editor",
+      focus_source: p,
+      time_to_focus_ms: y ? Date.now() - y.startTime : void 0
     });
   },
   trackTabSwitch: (d, p, m) => {
     const { trackEvent: g } = n();
     g(d, ANALYTICS_EVENTS.EDITOR.TAB_SWITCHED, {
+      surface: "editor",
       from_tab: p,
       to_tab: m
     });
@@ -21990,14 +21989,6 @@ const analyticsStore = createStore((u, n) => ({
       option_count: p.option_count,
       option_type: p.option_type
     });
-  },
-  trackValidationError: (d, p) => {
-    const { trackEvent: m } = n();
-    m(d, ANALYTICS_EVENTS.VALIDATION.ERROR, {
-      field: p.field,
-      error_type: p.errorType,
-      error_message: p.errorMessage
-    });
   }
 }));
 function useAnalyticsStore(u) {
@@ -22012,7 +22003,7 @@ function useAnalyticsTracking() {
       trackPublish: (d) => n.trackPublish(u, d),
       trackAbandon: (d) => n.trackExplicitAbandon(u, d),
       trackFeature: (d) => n.trackFeature(u, d),
-      trackEditorFocus: () => n.trackEditorFocus(u),
+      trackEditorFocus: (d) => n.trackEditorFocus(u, d),
       trackTabSwitch: (d, p) => n.trackTabSwitch(u, d, p),
       trackContentCreated: (d) => n.trackContentCreated(u, d),
       trackMediaUploadSuccess: (d) => n.trackMediaUploadSuccess(u, d),
@@ -22022,7 +22013,6 @@ function useAnalyticsTracking() {
       trackLinkUnfurlFailed: (d) => n.trackLinkUnfurlFailed(u, d),
       trackPollOptionAdded: (d) => n.trackPollOptionAdded(u, d),
       trackPollOptionRemoved: (d) => n.trackPollOptionRemoved(u, d),
-      trackValidationError: (d) => n.trackValidationError(u, d),
       // Direct access to sessionId if needed
       sessionId: u
     }),
@@ -39726,58 +39716,67 @@ const DialogClose = forwardRef((u, n) => /* @__PURE__ */ jsx(Close, { ref: n, "d
   }
 ));
 var PostBuilderEvents = /* @__PURE__ */ ((u) => (u.POST_PUBLISH_ATTEMPTED = "select:post_publish_attempted", u.POST_PUBLISH_SUCCESSFUL = "select:post_publish_success", u.POST_PUBLISH_FAILED = "select:post_publish_failed", u.POST_SESSION_ROTATED = "select:post_session_rotated", u.DRAFT_REHYDRATE_REQUEST = "select:draft_rehydrate_request", u))(PostBuilderEvents || {});
+const USER_INPUT_FOCUS_WINDOW_MS = 150;
+function classifyFocus(u, n) {
+  return u !== null && n - u <= USER_INPUT_FOCUS_WINDOW_MS ? "user" : "auto";
+}
 function useEditorTracking({
   editor: u,
   editorType: n,
   idleTimeout: d = 3e5
   // 5 minutes default
 }) {
-  const { sessionId: p } = useAnalyticsSession(), m = useRef(), g = useRef(!1), y = useRef(!1), b = getAnalyticsStore(), S = useCallback(() => getEditorMetrics(u), [u]), E = useCallback(() => {
-    m.current && clearTimeout(m.current), !(!u || !p || y.current) && (m.current = setTimeout(() => {
-      const C = S();
-      C && !C.isEmpty && (b.trackExplicitAbandon(p, {
-        contentLength: C.characterCount,
-        hasUnsavedChanges: C.hasUnsavedChanges,
+  const { sessionId: p } = useAnalyticsSession(), m = useRef(), g = useRef(!1), y = getAnalyticsStore(), b = useCallback(() => getEditorMetrics(u), [u]), S = useCallback(() => {
+    m.current && clearTimeout(m.current), !(!u || !p || g.current) && (m.current = setTimeout(() => {
+      const T = b();
+      T && !T.isEmpty && (y.trackExplicitAbandon(p, {
+        contentLength: T.characterCount,
+        hasUnsavedChanges: T.hasUnsavedChanges,
         abandonReason: "idle_timeout"
-      }), y.current = !0);
+      }), g.current = !0);
     }, d));
-  }, [u, p, d, b, S]), T = useCallback(() => {
+  }, [u, p, d, y, b]), E = useCallback(() => {
     if (!u || !p) return;
-    const C = S();
-    C && (C.wordCount >= 1 || C.mediaCount > 0 || C.linkCount > 0 || C?.pollCount > 0) && b.trackContentCreated(p, {
+    const T = b();
+    T && (T.wordCount >= 1 || T.mediaCount > 0 || T.linkCount > 0 || T?.pollCount > 0) && y.trackContentCreated(p, {
       editorType: n,
-      wordCount: C.wordCount,
-      mediaCount: C.mediaCount,
-      linkCount: C.linkCount
+      wordCount: T.wordCount,
+      mediaCount: T.mediaCount,
+      linkCount: T.linkCount
     });
-  }, [u, p, b, n, S]);
+  }, [u, p, y, n, b]);
   useEffect(() => {
     if (!u || !p) return;
-    const C = () => {
-      g.current || (b.trackEditorFocus(p), g.current = !0, T()), E();
-    }, A = () => {
-      T(), E();
+    let T = null;
+    const C = (R) => {
+      !(R.target instanceof Node) || !u.view.dom?.contains(R.target) || (T = performance.now(), y.trackEditorFocus(p, "user"));
+    }, A = (R) => {
+      R.key === "Tab" && (T = performance.now());
+    }, k = () => {
+      y.trackEditorFocus(p, classifyFocus(T, performance.now())), E(), S();
+    }, _ = () => {
+      E(), S();
     };
-    return u.on("focus", C), u.on("update", A), () => {
-      u.off("focus", C), u.off("update", A);
+    return document.addEventListener("pointerdown", C, !0), document.addEventListener("keydown", A, !0), u.on("focus", k), u.on("update", _), () => {
+      document.removeEventListener("pointerdown", C, !0), document.removeEventListener("keydown", A, !0), u.off("focus", k), u.off("update", _);
     };
-  }, [u, p, b, E, T]), useEffect(() => {
+  }, [u, p, y, S, E]), useEffect(() => {
     if (!p) return;
-    const C = () => {
-      if (y.current) return;
-      const A = S();
-      A && !A.isEmpty && (b.trackExplicitAbandon(p, {
-        contentLength: A.characterCount,
-        hasUnsavedChanges: A.hasUnsavedChanges,
+    const T = () => {
+      if (g.current) return;
+      const C = b();
+      C && !C.isEmpty && (y.trackExplicitAbandon(p, {
+        contentLength: C.characterCount,
+        hasUnsavedChanges: C.hasUnsavedChanges,
         abandonReason: "navigation"
-      }), y.current = !0);
+      }), g.current = !0);
     };
-    return window.addEventListener("beforeunload", C), () => {
-      window.removeEventListener("beforeunload", C), m.current && clearTimeout(m.current);
+    return window.addEventListener("beforeunload", T), () => {
+      window.removeEventListener("beforeunload", T), m.current && clearTimeout(m.current);
     };
-  }, [p, b, S]), useEffect(() => () => {
-    m.current && clearTimeout(m.current), b.deleteSession(p);
-  }, [b, p]);
+  }, [p, y, b]), useEffect(() => () => {
+    m.current && clearTimeout(m.current), y.deleteSession(p);
+  }, [y, p]);
 }
 const useHostAnalyticsBridge = () => {
   const { sessionId: u, editorType: n, placement: d } = useAnalyticsSession(), p = useAnalyticsStore((b) => b.trackPublish), m = useAnalyticsStore((b) => b.deleteSession), g = useAnalyticsStore((b) => b.createSession), y = useRef(/* @__PURE__ */ new Set());
@@ -61085,7 +61084,7 @@ const PostBuilderEditor = ({
     const ye = (xe) => {
       if (!Z) return;
       const { newSessionId: me } = xe.detail;
-      te(me), Z.isFocused && se(me);
+      te(me), Z.isFocused && se(me, "auto");
     };
     return window.addEventListener(
       PostBuilderEvents.POST_SESSION_ROTATED,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@select-org/select-post-builder",
-  "version": "1.2.9",
+  "version": "1.3.1",
   "description": "A reusable, extensible Post Builder widget for the Select platform and beyond.",
   "main": "./dist/post-builder.cjs.js",
   "module": "./dist/post-builder.js",