@yoamigo.com/core 0.3.16 → 0.3.17

package/dist/index.js

@@ -3552,7 +3552,7 @@ function YaImage({
   fallbackSrc,
   fallbackAlt
 }) {
-  const { getValue, mode } = useContentStore();
+  const { getValue, setValue, mode } = useContentStore();
   const containerRef = useRef8(null);
   const imgRef = useRef8(null);
   const [isSelected, setIsSelected] = useState7(false);
@@ -3560,12 +3560,14 @@ function YaImage({
   const [isSmallImage, setIsSmallImage] = useState7(false);
   const [isDropMode, setIsDropMode] = useState7(false);
   const [isDropHover, setIsDropHover] = useState7(false);
+  const [previewOverride, setPreviewOverride] = useState7(null);
   const rawValue = getValue(fieldId);
   const imageData = parseImageValue(rawValue);
-  const src = imageData.src || fallbackSrc || PLACEHOLDER_SVG;
-  const altText = imageData.alt || alt || fallbackAlt || "";
-  const objectFit = imageData.objectFit || propObjectFit || "cover";
-  const objectPosition = getObjectPosition(imageData) || propObjectPosition || "50% 50%";
+  const displayData = previewOverride || imageData;
+  const src = displayData.src || fallbackSrc || PLACEHOLDER_SVG;
+  const altText = displayData.alt || alt || fallbackAlt || "";
+  const objectFit = displayData.objectFit || propObjectFit || "cover";
+  const objectPosition = getObjectPosition(displayData) || propObjectPosition || "50% 50%";
   const handleClick = useCallback9(() => {
     if (mode !== "inline-edit") return;
     if (document.body.classList.contains("builder-selector-active")) return;
@@ -3598,17 +3600,23 @@ function YaImage({
     if (mode !== "inline-edit") return;
     const handleMessage2 = (event) => {
       if (event.data?.type === "YA_IMAGE_EDIT_COMPLETE" && event.data.fieldId === fieldId) {
+        const value = event.data.value;
+        setValue(fieldId, serializeImageValue(value), "user");
+        setPreviewOverride(null);
         setIsSelected(false);
       }
       if (event.data?.type === "YA_IMAGE_EDIT_CANCEL" && event.data.fieldId === fieldId) {
+        setPreviewOverride(null);
         setIsSelected(false);
       }
       if (event.data?.type === "YA_IMAGE_UPDATE_PREVIEW" && event.data.fieldId === fieldId) {
+        const value = event.data.value;
+        setPreviewOverride(value);
       }
     };
     window.addEventListener("message", handleMessage2);
     return () => window.removeEventListener("message", handleMessage2);
-  }, [mode, fieldId]);
+  }, [mode, fieldId, setValue]);
   useEffect8(() => {
     if (mode !== "inline-edit") return;
     const handleDropModeMessage = (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoamigo.com/core",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "description": "Core components, router, and utilities for YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",