@amplifyup/sdk 0.1.66 → 0.1.67

package/dist/react.mjs

@@ -5247,25 +5247,8 @@ function Image(props) {
       '[AmplifyUp SDK] Image value={\u2026} requires name="\u2026" for computed values'
     );
   }
-  const img = src ? /* @__PURE__ */ jsx(
-    "img",
-    {
-      ...imgProps,
-      src,
-      alt,
-      className: fieldAttrs ? void 0 : className,
-      width,
-      height,
-      style: fieldAttrs ? {
-        display: "block",
-        width: "100%",
-        height: "100%",
-        objectFit: "cover",
-        pointerEvents: "none"
-      } : typeof imgProps.style === "object" && imgProps.style ? imgProps.style : void 0
-    }
-  ) : null;
-  if (fieldAttrs) {
+  if (!src) {
+    if (!composerEdit || !fieldAttrs) return null;
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -5280,15 +5263,28 @@ function Image(props) {
           minHeight: height ? void 0 : 80,
           width: width || "100%",
           height: height || void 0,
-          cursor: "pointer",
-          background: src ? void 0 : "color-mix(in srgb, currentColor 8%, transparent)"
-        },
-        children: img
+          background: "color-mix(in srgb, currentColor 8%, transparent)",
+          cursor: "pointer"
+        }
       }
     );
   }
-  if (!src) return null;
-  return img;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...imgProps,
+      ...fieldAttrs,
+      src,
+      alt,
+      className,
+      width,
+      height,
+      style: {
+        ...typeof imgProps.style === "object" && imgProps.style ? imgProps.style : {},
+        ...composerEdit && fieldAttrs ? { cursor: "pointer" } : null
+      }
+    }
+  );
 }
 var usePathname = null;
 if (typeof window !== "undefined") {