@amplifyup/sdk 0.1.52 → 0.1.54

package/dist/AmplifyRenderer.js

@@ -829,7 +829,9 @@ var AmplifyUpSDK = class {
           this.page(url);
           this.lastTrackedPath = url;
           this.setupPageEngagement();
-          this.installHistoryHooks();
+          if (!this.isNextJsApp()) {
+            this.installHistoryHooks();
+          }
         }
       }
       if (this.config?.debug && this.initialized) {
@@ -1082,9 +1084,21 @@ var AmplifyUpSDK = class {
       console.log("[AmplifyUp SDK] Route change page view", path);
     }
   }
+  /** True on Next.js (App or Pages). Do not patch history on these apps. */
+  isNextJsApp() {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return false;
+    }
+    const win = window;
+    if (win.next) return true;
+    if (document.getElementById("__next")) return true;
+    if (document.querySelector('script[src*="/_next/"]')) return true;
+    return false;
+  }
   /**
    * Patch history.pushState / replaceState + popstate for non-React SPAs.
-   * React/Next apps should also call routeChange from the provider.
+   * Next.js apps use AmplifyUpProvider.routeChange via usePathname instead —
+   * wrapping history breaks App Router <Link> (no RSC request).
    */
   installHistoryHooks() {
     if (typeof window === "undefined" || this.historyHooksInstalled) return;
@@ -2933,11 +2947,9 @@ var refreshEventTracking = () => getSDK().refreshEventTracking();
 getSDK();
 react.createContext(null);
 function useLiveComposerProps(layoutNodeId, props) {
-  const [live, setLive] = react.useState(props);
-  react.useEffect(() => {
-    setLive(props);
-  }, [props]);
+  const [patch, setPatch] = react.useState(null);
   react.useEffect(() => {
+    setPatch(null);
     const matchesNode = (nodeId) => {
       if (nodeId && layoutNodeId && String(nodeId) !== String(layoutNodeId)) {
         return false;
@@ -2947,15 +2959,15 @@ function useLiveComposerProps(layoutNodeId, props) {
     const applyField = (fieldName, value, nodeId) => {
       if (!fieldName || typeof fieldName !== "string") return;
       if (!matchesNode(nodeId)) return;
-      setLive((prev) => ({ ...prev, [fieldName]: value }));
+      setPatch((prev) => ({ ...prev || {}, [fieldName]: value }));
     };
     const applyProps = (nextProps, nodeId) => {
       if (!nextProps || typeof nextProps !== "object" || Array.isArray(nextProps)) {
         return;
       }
       if (!matchesNode(nodeId)) return;
-      setLive((prev) => ({
-        ...prev,
+      setPatch((prev) => ({
+        ...prev || {},
         ...nextProps
       }));
     };
@@ -2984,7 +2996,7 @@ function useLiveComposerProps(layoutNodeId, props) {
       window.removeEventListener("message", onMessage);
     };
   }, [layoutNodeId]);
-  return live;
+  return patch ? { ...props, ...patch } : props;
 }
 var usePathname = null;
 if (typeof window !== "undefined") {