@amplifyup/sdk 0.1.52 → 0.1.54

package/dist/react.js

@@ -1227,7 +1227,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) {
@@ -1480,9 +1482,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;
@@ -3426,11 +3440,9 @@ function EmptySlotHint({
 }
 var ComponentContext = 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;
@@ -3440,15 +3452,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
       }));
     };
@@ -3477,7 +3489,7 @@ function useLiveComposerProps(layoutNodeId, props) {
       window.removeEventListener("message", onMessage);
     };
   }, [layoutNodeId]);
-  return live;
+  return patch ? { ...props, ...patch } : props;
 }
 function useComponentProps() {
   const context = React.useContext(ComponentContext);
@@ -3776,9 +3788,10 @@ function ComposerInlineField({
         event.stopPropagation();
       },
       onClick: (event) => {
+        if (!isComposerEditMode()) return;
         const link = event.target?.closest?.("a");
         if (link) event.preventDefault();
-        if (render && isComposerEditMode()) {
+        if (render) {
           setEditing(true);
         }
       },