@amplifyup/sdk 0.1.30 → 0.1.32

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { P as PageConfig, C as ContentSource, A as AmplifyContentMeta, E as EventTrackingConfig$1, a as CDPAdapter, b as AmplifyUpConfig, c as EventProperties, I as IdentifyInput, d as IdentifyTraits, e as ProfileFieldsInput, f as AmplifyUpTarget } from './types-6qEnwLda.mjs';
-export { Z as ZoneConfig, i as isAmplifyUpTarget, n as normalizeAmplifyUpTarget, r as resolveAmplifyUpTarget, g as resolveAmplifyUpUrls } from './types-6qEnwLda.mjs';
+import { P as PageConfig, C as ContentSource, A as AmplifyContentMeta, E as EventTrackingConfig$1, a as CDPAdapter, b as AmplifyUpConfig, c as EventProperties, I as IdentifyInput, d as IdentifyTraits, e as ProfileFieldsInput, f as AmplifyUpTarget } from './types-npF_lNoq.mjs';
+export { Z as ZoneConfig, i as isAmplifyUpTarget, n as normalizeAmplifyUpTarget, r as resolveAmplifyUpTarget, g as resolveAmplifyUpUrls } from './types-npF_lNoq.mjs';
 export { i as isComposerPreview, a as isPreviewRequest } from './preview-BMrIgUvp.mjs';
 
 interface FetchContentResult {
@@ -122,6 +122,7 @@ interface EventTrackingConfig {
     selector?: string;
     description?: string;
     properties?: string[];
+    staticProperties?: Record<string, string>;
     enabled?: boolean;
     componentId?: string | null;
     componentName?: string | null;
@@ -145,6 +146,8 @@ declare class AmplifyUpSDK {
     private showZonesEnabled;
     private componentRegistry;
     private messageListener;
+    private composerBoundsRaf;
+    private composerBoundsScrollListener;
     private mutationObserver;
     private composerDragHandlers;
     /** Last slot highlighted during Composer drag — avoid clear/re-add flicker. */
@@ -414,6 +417,9 @@ declare class AmplifyUpSDK {
     private teardownComposerDragDrop;
     private clearComposerSelection;
     private markComposerSelection;
+    private postComposerSelectionBounds;
+    private setupComposerBoundsTracking;
+    private teardownComposerBoundsTracking;
     /** Visual outlines for Composer (direct iframe path — no preview-frame proxy). */
     private injectComposerHighlightStyles;
     /**

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PageConfig, C as ContentSource, A as AmplifyContentMeta, E as EventTrackingConfig$1, a as CDPAdapter, b as AmplifyUpConfig, c as EventProperties, I as IdentifyInput, d as IdentifyTraits, e as ProfileFieldsInput, f as AmplifyUpTarget } from './types-6qEnwLda.js';
-export { Z as ZoneConfig, i as isAmplifyUpTarget, n as normalizeAmplifyUpTarget, r as resolveAmplifyUpTarget, g as resolveAmplifyUpUrls } from './types-6qEnwLda.js';
+import { P as PageConfig, C as ContentSource, A as AmplifyContentMeta, E as EventTrackingConfig$1, a as CDPAdapter, b as AmplifyUpConfig, c as EventProperties, I as IdentifyInput, d as IdentifyTraits, e as ProfileFieldsInput, f as AmplifyUpTarget } from './types-npF_lNoq.js';
+export { Z as ZoneConfig, i as isAmplifyUpTarget, n as normalizeAmplifyUpTarget, r as resolveAmplifyUpTarget, g as resolveAmplifyUpUrls } from './types-npF_lNoq.js';
 export { i as isComposerPreview, a as isPreviewRequest } from './preview-BMrIgUvp.js';
 
 interface FetchContentResult {
@@ -122,6 +122,7 @@ interface EventTrackingConfig {
     selector?: string;
     description?: string;
     properties?: string[];
+    staticProperties?: Record<string, string>;
     enabled?: boolean;
     componentId?: string | null;
     componentName?: string | null;
@@ -145,6 +146,8 @@ declare class AmplifyUpSDK {
     private showZonesEnabled;
     private componentRegistry;
     private messageListener;
+    private composerBoundsRaf;
+    private composerBoundsScrollListener;
     private mutationObserver;
     private composerDragHandlers;
     /** Last slot highlighted during Composer drag — avoid clear/re-add flicker. */
@@ -414,6 +417,9 @@ declare class AmplifyUpSDK {
     private teardownComposerDragDrop;
     private clearComposerSelection;
     private markComposerSelection;
+    private postComposerSelectionBounds;
+    private setupComposerBoundsTracking;
+    private teardownComposerBoundsTracking;
     /** Visual outlines for Composer (direct iframe path — no preview-frame proxy). */
     private injectComposerHighlightStyles;
     /**

package/dist/index.js

@@ -556,6 +556,8 @@ var AmplifyUpSDK = class {
     this.showZonesEnabled = false;
     this.componentRegistry = [];
     this.messageListener = null;
+    this.composerBoundsRaf = 0;
+    this.composerBoundsScrollListener = null;
     this.mutationObserver = null;
     this.composerDragHandlers = null;
     /** Last slot highlighted during Composer drag — avoid clear/re-add flicker. */
@@ -1609,6 +1611,11 @@ Available Console Commands:
     if (config.componentName) {
       properties.componentName = config.componentName;
     }
+    if (config.staticProperties) {
+      for (const [key, value] of Object.entries(config.staticProperties)) {
+        if (key) properties[key] = value;
+      }
+    }
     if (config.properties && config.properties.length > 0) {
       config.properties.forEach((prop) => {
         const dataAttrValue = element.getAttribute(`data-${prop}`);
@@ -1975,13 +1982,23 @@ Available Console Commands:
       document.removeEventListener("click", this.eventSelectionClickHandler, true);
       this.eventSelectionClickHandler = null;
     }
+    if (enabled && typeof window !== "undefined" && window.__AMPLIFYUP_PREVIEW_MODE__) {
+      return;
+    }
     if (enabled) {
       this.eventSelectionClickHandler = (e) => {
-        const target = e.target;
-        if (!target) return;
+        const raw = e.target;
+        if (!raw) return;
+        const interactive = raw.closest(
+          'a, button, [role="button"], input, select, textarea, [data-el], [data-amplifyup-component], [data-component-id]'
+        );
+        const target = interactive instanceof HTMLElement ? interactive : raw;
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
         const selector = this.generateSelectorForElement(target);
         const tagName = target.tagName.toLowerCase();
-        const text = target.textContent?.trim().substring(0, 50) || "";
+        const text = (target.textContent || "").replace(/\s+/g, " ").trim().substring(0, 80);
         if (window.parent && window.parent !== window) {
           window.parent.postMessage({
             type: "ELEMENT_CLICKED_FOR_EVENT",
@@ -1990,9 +2007,6 @@ Available Console Commands:
             text
           }, "*");
         }
-        if (tagName === "a") {
-          e.preventDefault();
-        }
       };
       document.addEventListener("click", this.eventSelectionClickHandler, true);
       if (this.config?.debug) {
@@ -2202,6 +2216,7 @@ Available Console Commands:
       this.applyComponentHighlights(highlightComponents, showZones);
       this.setupMutationObserver();
       this.setupComposerDragDrop();
+      this.setupComposerBoundsTracking();
     }
     previouslySelected.forEach((el) => {
       if (document.contains(el)) {
@@ -2356,6 +2371,52 @@ Available Console Commands:
     this.clearComposerSelection();
     element.classList.add("amplifyup-selected");
   }
+  postComposerSelectionBounds() {
+    if (typeof document === "undefined") return;
+    if (!window.parent || window.parent === window) return;
+    const el = document.querySelector(".amplifyup-selected");
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    window.parent.postMessage(
+      {
+        type: "SELECTION_BOUNDS",
+        bounds: {
+          top: rect.top,
+          left: rect.left,
+          width: rect.width,
+          height: rect.height
+        }
+      },
+      "*"
+    );
+  }
+  setupComposerBoundsTracking() {
+    if (typeof document === "undefined") return;
+    this.teardownComposerBoundsTracking();
+    const onScroll = () => {
+      if (this.composerBoundsRaf) return;
+      this.composerBoundsRaf = requestAnimationFrame(() => {
+        this.composerBoundsRaf = 0;
+        this.postComposerSelectionBounds();
+      });
+    };
+    this.composerBoundsScrollListener = onScroll;
+    document.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("resize", onScroll);
+  }
+  teardownComposerBoundsTracking() {
+    const onScroll = this.composerBoundsScrollListener;
+    this.composerBoundsScrollListener = null;
+    if (this.composerBoundsRaf) {
+      cancelAnimationFrame(this.composerBoundsRaf);
+      this.composerBoundsRaf = 0;
+    }
+    if (!onScroll || typeof document === "undefined") return;
+    document.removeEventListener("scroll", onScroll, true);
+    window.removeEventListener("scroll", onScroll, true);
+    window.removeEventListener("resize", onScroll);
+  }
   /** Visual outlines for Composer (direct iframe path — no preview-frame proxy). */
   injectComposerHighlightStyles(highlightComponents, showZones) {
     if (typeof document === "undefined") return;
@@ -2523,6 +2584,7 @@ Available Console Commands:
     if (typeof document === "undefined") return;
     const clearSelection = opts?.clearSelection !== false;
     this.highlightingEnabled = false;
+    this.teardownComposerBoundsTracking();
     this.teardownComposerDragDrop();
     if (opts?.clearSelection !== false && typeof window !== "undefined") {
       window.__AMPLIFYUP_COMPOSER_EDIT__ = false;