@amplifyup/sdk 0.1.25 → 0.1.27

package/dist/AmplifyRenderer.js

@@ -60,7 +60,10 @@ var AWSAdapter = class {
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(eventData)
+        body: JSON.stringify(eventData),
+        // Keep the request alive through tab close so the single Time on Page
+        // flush on pagehide is not cancelled with the document.
+        keepalive: true
       });
       if (!response.ok) {
         if (this.config.debug) {
@@ -348,8 +351,6 @@ function isComposerPreview() {
 
 // src/index.ts
 var SESSION_IDLE_GAP_MS = 30 * 60 * 1e3;
-var DWELL_MILESTONES_SEC = [15, 30, 60, 120, 300];
-var DWELL_CHECKPOINT_SEC = 15 * 60;
 var DWELL_ACTIVITY_IDLE_MS = 2 * 60 * 1e3;
 var DWELL_POLL_MS = 5e3;
 function readPreviewQueryOverrides() {
@@ -420,7 +421,8 @@ var AmplifyUpSDK = class {
       reached: /* @__PURE__ */ new Set(),
       visibleMs: 0,
       visibleSince: null,
-      lastDwellSecondsSent: 0,
+      /** True after Time on Page has been sent for the current visit. */
+      dwellEmitted: false,
       /** When the tab last became hidden — used for idle-resume re-page. */
       hiddenAt: null,
       /** Last user interaction — freezes dwell when stale while visible. */
@@ -649,9 +651,9 @@ var AmplifyUpSDK = class {
   }
   /**
    * Automatic page-level Scroll Depth + Time on Page.
-   * Dwell uses milestones / sparse checkpoints (not a fixed 15s heartbeat),
-   * freezes while the tab is visible but the user is idle, and always flushes
-   * on hide / unload / SPA route change.
+   * Time on Page fires once per visit when the visit ends (route change,
+   * tab close, or 30-minute idle resume). Hidden tabs pause the clock;
+   * visible-but-idle tabs freeze after DWELL_ACTIVITY_IDLE_MS.
    */
   setupPageEngagement() {
     if (typeof window === "undefined" || typeof document === "undefined") return;
@@ -662,7 +664,7 @@ var AmplifyUpSDK = class {
     state.reached = /* @__PURE__ */ new Set();
     state.visibleMs = 0;
     state.visibleSince = document.visibilityState === "visible" ? Date.now() : null;
-    state.lastDwellSecondsSent = 0;
+    state.dwellEmitted = false;
     state.hiddenAt = document.visibilityState === "hidden" ? Date.now() : null;
     state.lastActivityAt = Date.now();
     state.activityIdle = false;
@@ -724,48 +726,34 @@ var AmplifyUpSDK = class {
         }
       }
     };
-    const nextEmitTarget = (lastSent) => {
-      for (const m of DWELL_MILESTONES_SEC) {
-        if (m > lastSent) return { seconds: m, reason: "milestone" };
-      }
-      const nextCheckpoint = Math.floor(lastSent / DWELL_CHECKPOINT_SEC) * DWELL_CHECKPOINT_SEC + DWELL_CHECKPOINT_SEC;
-      const target = nextCheckpoint > lastSent ? nextCheckpoint : lastSent + DWELL_CHECKPOINT_SEC;
-      return { seconds: target, reason: "checkpoint" };
-    };
-    const emitDwell = (reason, force = false) => {
+    const emitDwell = (reason) => {
       if (this.isPreviewMode()) return;
+      if (state.dwellEmitted) return;
       if (!state.activityIdle) {
         accumulateVisible();
       }
       const seconds = Math.floor(state.visibleMs / 1e3);
       if (seconds <= 0) return;
-      if (seconds <= state.lastDwellSecondsSent) return;
-      if (!force) {
-        const target = nextEmitTarget(state.lastDwellSecondsSent);
-        if (!target || seconds < target.seconds) return;
-        reason = target.reason;
-      }
-      state.lastDwellSecondsSent = seconds;
+      state.dwellEmitted = true;
       this.track("Time on Page", {
         seconds,
         path: this.lastTrackedPath || path(),
         reason
       });
     };
-    const evaluateDwell = () => {
+    const evaluateIdle = () => {
       if (document.visibilityState !== "visible") return;
       if (Date.now() - state.lastActivityAt >= DWELL_ACTIVITY_IDLE_MS) {
         freezeActivityIdle();
-        return;
       }
-      emitDwell("milestone", false);
     };
-    this._emitPageDwell = (force) => emitDwell("route", force !== false);
+    this._emitPageDwell = () => emitDwell("route");
     const onVisibility = () => {
       if (document.visibilityState === "visible") {
         const idleMs = state.hiddenAt != null ? Date.now() - state.hiddenAt : 0;
         state.hiddenAt = null;
         if (idleMs >= SESSION_IDLE_GAP_MS) {
+          emitDwell("idle-resume");
           this.resetEngagementQuiet();
           const resumePath = path();
           this.page(resumePath, { resumed: true });
@@ -782,14 +770,14 @@ var AmplifyUpSDK = class {
         state.visibleSince = Date.now();
         state.activityIdle = false;
       } else {
-        emitDwell("hidden", true);
+        accumulateVisible();
         state.hiddenAt = Date.now();
         state.visibleSince = null;
         state.activityIdle = false;
       }
     };
     const onPageHide = () => {
-      emitDwell("unload", true);
+      emitDwell("unload");
       if (state.hiddenAt == null) {
         state.hiddenAt = Date.now();
       }
@@ -810,10 +798,10 @@ var AmplifyUpSDK = class {
       window.addEventListener(evt, onActivity, { passive: true });
     }
     checkScroll();
-    const heartbeat = setInterval(() => {
-      evaluateDwell();
+    const idlePoll = setInterval(() => {
+      evaluateIdle();
     }, DWELL_POLL_MS);
-    this.trackingIntervals.push(heartbeat);
+    this.trackingIntervals.push(idlePoll);
     const previousCleanup = this.trackingCleanup;
     this.trackingCleanup = () => {
       window.removeEventListener("scroll", onScroll);
@@ -841,12 +829,12 @@ var AmplifyUpSDK = class {
     emit?.(true);
     this.resetEngagementQuiet();
   }
-  /** Reset dwell/scroll state without emitting (idle resume already flushed on hide). */
+  /** Reset dwell/scroll state without emitting (idle resume already flushed). */
   resetEngagementQuiet() {
     const state = this.pageEngagementState;
     state.reached = /* @__PURE__ */ new Set();
     state.visibleMs = 0;
-    state.lastDwellSecondsSent = 0;
+    state.dwellEmitted = false;
     state.hiddenAt = null;
     state.lastActivityAt = Date.now();
     state.activityIdle = false;
@@ -1624,6 +1612,12 @@ Available Console Commands:
         return;
       }
       try {
+        if (event.data?.type === "AMPLIFYUP_FIELD_PATCH") {
+          window.dispatchEvent(
+            new CustomEvent("amplifyup:field-patch", { detail: event.data })
+          );
+          return;
+        }
         if (event.data?.type === "COMPONENT_DELETABLE_STATUS") {
           const { componentId, deletable, nodeId } = event.data;
           const element = document.querySelector(`[data-component-id="${componentId}"]`);
@@ -1810,6 +1804,10 @@ Available Console Commands:
   setEventSelectionMode(enabled) {
     if (typeof document === "undefined") return;
     this.eventSelectionMode = enabled;
+    if (typeof window !== "undefined") {
+      window.__AMPLIFYUP_EVENT_SELECTION__ = enabled;
+      window.dispatchEvent(new CustomEvent("amplifyup:composer-edit"));
+    }
     if (this.eventSelectionClickHandler) {
       document.removeEventListener("click", this.eventSelectionClickHandler, true);
       this.eventSelectionClickHandler = null;
@@ -2047,6 +2045,14 @@ Available Console Commands:
         el.classList.add("amplifyup-selected");
       }
     });
+    if (typeof window !== "undefined") {
+      window.__AMPLIFYUP_COMPOSER_EDIT__ = highlightComponents;
+      window.dispatchEvent(
+        new CustomEvent("amplifyup:composer-edit", {
+          detail: { enabled: highlightComponents }
+        })
+      );
+    }
   }
   /** Document-level drag/drop for cross-iframe drags from Composer sidebar. */
   setupComposerDragDrop() {
@@ -2355,6 +2361,12 @@ Available Console Commands:
     const clearSelection = opts?.clearSelection !== false;
     this.highlightingEnabled = false;
     this.teardownComposerDragDrop();
+    if (opts?.clearSelection !== false && typeof window !== "undefined") {
+      window.__AMPLIFYUP_COMPOSER_EDIT__ = false;
+      window.dispatchEvent(
+        new CustomEvent("amplifyup:composer-edit", { detail: { enabled: false } })
+      );
+    }
     if (this.mutationObserver) {
       this.mutationObserver.disconnect();
       this.mutationObserver = null;