@amplifyup/sdk 0.1.53 → 0.1.54

package/dist/react.mjs

@@ -3434,11 +3434,9 @@ function EmptySlotHint({
 }
 var ComponentContext = createContext(null);
 function useLiveComposerProps(layoutNodeId, props) {
-  const [live, setLive] = useState(props);
-  useEffect(() => {
-    setLive(props);
-  }, [props]);
+  const [patch, setPatch] = useState(null);
   useEffect(() => {
+    setPatch(null);
     const matchesNode = (nodeId) => {
       if (nodeId && layoutNodeId && String(nodeId) !== String(layoutNodeId)) {
         return false;
@@ -3448,15 +3446,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
       }));
     };
@@ -3485,7 +3483,7 @@ function useLiveComposerProps(layoutNodeId, props) {
       window.removeEventListener("message", onMessage);
     };
   }, [layoutNodeId]);
-  return live;
+  return patch ? { ...props, ...patch } : props;
 }
 function useComponentProps() {
   const context = useContext(ComponentContext);
@@ -3784,9 +3782,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);
         }
       },