@syntrologie/runtime-sdk 2.8.0-canary.32 → 2.8.0-canary.34

package/dist/bootstrap.d.ts

@@ -35,6 +35,16 @@ export type { SyntroInitOptions, SyntroInitResult } from './bootstrap-types';
  * @returns The initialized SDK components
  */
 declare function init(options: import('./bootstrap-types').SyntroInitOptions): Promise<import('./bootstrap-types').SyntroInitResult | undefined>;
+/**
+ * Emit a custom event through the SDK.
+ *
+ * Events flow through the EventBus (tile notification rule matching)
+ * and PostHog (analytics). Event names must use the `app:` prefix.
+ *
+ * @param eventName - Event name (e.g., 'app:setup:sdk_connected')
+ * @param props - Optional event properties
+ */
+declare function emit(eventName: string, props?: Record<string, unknown>): void;
 /**
  * The Syntro namespace for single-token initialization.
  */
@@ -42,6 +52,9 @@ export declare const Syntro: {
     init: typeof init;
     encodeToken: typeof encodeToken;
     decodeToken: typeof decodeToken;
+    events: {
+        emit: typeof emit;
+    };
 };
 declare global {
     interface Window {

package/dist/{chunk-IDMFX5NB.js → chunk-VOIWA5BM.js}

@@ -3456,7 +3456,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.32";
+var SDK_VERSION = "2.8.0-canary.34";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -4032,9 +4032,9 @@ function createPostHogNormalizer(publishFn) {
 
 // ../event-processor/dist/detectors/focus-bounce.js
 var FocusBounceDetector = class {
-  constructor(config, emit) {
+  constructor(config, emit2) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.focused = /* @__PURE__ */ new Map();
   }
   ingest(raw) {
@@ -4074,9 +4074,9 @@ var FocusBounceDetector = class {
 
 // ../event-processor/dist/detectors/hesitation.js
 var HesitationDetector = class {
-  constructor(config, emit) {
+  constructor(config, emit2) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.anchorX = 0;
     this.anchorY = 0;
     this.anchorTs = 0;
@@ -4133,9 +4133,9 @@ var HesitationDetector = class {
 
 // ../event-processor/dist/detectors/hover.js
 var HoverTracker = class {
-  constructor(config, emit, elementResolver) {
+  constructor(config, emit2, elementResolver) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.elementResolver = elementResolver;
     this.currentElement = null;
     this.hoverStartTs = null;
@@ -4189,9 +4189,9 @@ function elementKey(el) {
 
 // ../event-processor/dist/detectors/idle.js
 var IdleDetector = class {
-  constructor(config, emit) {
+  constructor(config, emit2) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.lastActivityTs = null;
     this.emitted = false;
   }
@@ -4224,9 +4224,9 @@ var IdleDetector = class {
 
 // ../event-processor/dist/detectors/rage-click.js
 var RageClickDetector = class {
-  constructor(config, emit) {
+  constructor(config, emit2) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.clicks = [];
   }
   ingest(raw) {
@@ -4266,9 +4266,9 @@ var RageClickDetector = class {
 
 // ../event-processor/dist/detectors/scroll-thrash.js
 var ScrollThrashDetector = class {
-  constructor(config, emit) {
+  constructor(config, emit2) {
     this.config = config;
-    this.emit = emit;
+    this.emit = emit2;
     this.lastY = null;
     this.lastDirection = null;
     this.reversals = [];
@@ -4309,23 +4309,23 @@ var ScrollThrashDetector = class {
 function createEventProcessor(options) {
   const config = { ...DEFAULT_DETECTOR_CONFIG, ...options == null ? void 0 : options.config };
   const listeners = [];
-  function emit(event) {
+  function emit2(event) {
     for (const cb of listeners)
       cb(event);
   }
-  const hesitation = new HesitationDetector(config, emit);
-  const rageClick = new RageClickDetector(config, emit);
-  const scrollThrash = new ScrollThrashDetector(config, emit);
-  const focusBounce = new FocusBounceDetector(config, emit);
-  const idle = new IdleDetector(config, emit);
-  const hover = new HoverTracker(config, emit, options == null ? void 0 : options.elementResolver);
+  const hesitation = new HesitationDetector(config, emit2);
+  const rageClick = new RageClickDetector(config, emit2);
+  const scrollThrash = new ScrollThrashDetector(config, emit2);
+  const focusBounce = new FocusBounceDetector(config, emit2);
+  const idle = new IdleDetector(config, emit2);
+  const hover = new HoverTracker(config, emit2, options == null ? void 0 : options.elementResolver);
   const clickAttrBuffer = [];
   return {
     ingest(raw) {
       if (raw.kind === "posthog") {
         const { kind: _, ...phEvent } = raw;
         if (shouldNormalizeEvent(phEvent)) {
-          emit(normalizePostHogEvent(phEvent));
+          emit2(normalizePostHogEvent(phEvent));
         }
       } else if (raw.kind === "rrweb") {
         hesitation.ingest(raw);
@@ -5756,6 +5756,17 @@ function ShadowCanvasOverlay({
     }
     onToggle();
   }, [isOpen, telemetry, runtime3, onToggle]);
+  useEffect7(() => {
+    if (!isOpen) return;
+    const handleOutsideClick = (e) => {
+      const path = e.composedPath();
+      if (containerRef.current && !path.includes(containerRef.current)) {
+        toggle2();
+      }
+    };
+    document.addEventListener("mousedown", handleOutsideClick);
+    return () => document.removeEventListener("mousedown", handleOutsideClick);
+  }, [isOpen, toggle2]);
   const onLauncherPointerDown = useCallback4((e) => {
     const rect = e.currentTarget.getBoundingClientRect();
     dragRef.current = {
@@ -5881,7 +5892,7 @@ function ShadowCanvasOverlay({
       style: {
         position: "fixed",
         inset: 0,
-        pointerEvents: isOpen ? "auto" : "none",
+        pointerEvents: "none",
         zIndex
       },
       children: /* @__PURE__ */ jsxs3("div", { style: wrapperStyle, children: [
@@ -5954,17 +5965,7 @@ function ShadowCanvasOverlay({
           ) }),
           footerSlot
         ] }),
-        /* @__PURE__ */ jsx8(
-          "div",
-          {
-            onClick: toggle2,
-            style: {
-              flex: "1 1 auto",
-              pointerEvents: isOpen ? "auto" : "none",
-              cursor: "default"
-            }
-          }
-        )
+        /* @__PURE__ */ jsx8("div", { style: { flex: "1 1 auto" } })
       ] })
     }
   );
@@ -12111,10 +12112,18 @@ async function init(options) {
     return void 0;
   }
 }
+function emit(eventName, props = {}) {
+  var _a2, _b;
+  if (typeof window === "undefined") return;
+  const runtime3 = (_a2 = window.SynOS) == null ? void 0 : _a2.runtime;
+  if (!((_b = runtime3 == null ? void 0 : runtime3.events) == null ? void 0 : _b.publish)) return;
+  runtime3.events.publish({ name: eventName, source: "custom", props });
+}
 var Syntro = {
   init,
   encodeToken,
-  decodeToken
+  decodeToken,
+  events: { emit }
 };
 if (typeof window !== "undefined") {
   window.Syntro = Syntro;
@@ -12226,4 +12235,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-IDMFX5NB.js.map
+//# sourceMappingURL=chunk-VOIWA5BM.js.map