@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260402063318 → 0.8.1-dev.20260402071330

package/dist/index.js

@@ -5128,10 +5128,12 @@ var parseMaybeNumber = (value) => {
 };
 var shouldRenderForDevice = (imageDevice, currentDevice) => {
   if (!imageDevice) return true;
-  if (imageDevice === currentDevice) return true;
-  return false;
+  return imageDevice === currentDevice;
 };
 var ImageGalleryNode = (props) => {
+  console.log("Gallery Component Loaded");
+  console.log("Current Device:", props.device);
+  console.log("Gallery Images:", props.node.images);
   const resolveImageUrl = (imageUrl) => {
     if (!imageUrl) return "";
     if (imageUrl.startsWith("http")) return imageUrl;
@@ -5143,19 +5145,22 @@ var ImageGalleryNode = (props) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
-  const currentDevice = props.device;
   const images = Array.isArray(props.node.images) ? props.node.images : [];
-  const visibleImages = images.filter(
-    (img) => shouldRenderForDevice(img.device, currentDevice)
-  );
-  if (visibleImages.length === 0) return null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: images.map((img, idx) => {
+    console.log("Checking Image:", img.imageUrl);
+    console.log("Image Device:", img.device);
+    console.log("Page Device:", props.device);
+    if (!shouldRenderForDevice(img.device, props.device)) {
+      console.log("\u274C Skipping Image (device mismatch)");
+      return null;
+    }
+    console.log("\u2705 Rendering Image");
     const imageUrl = resolveImageUrl(img.imageUrl);
     if (!imageUrl) return null;
     const posterUrl = resolvePosterUrl(img.posterUrl);

package/dist/index.mjs

@@ -4160,10 +4160,12 @@ var parseMaybeNumber = (value) => {
 };
 var shouldRenderForDevice = (imageDevice, currentDevice) => {
   if (!imageDevice) return true;
-  if (imageDevice === currentDevice) return true;
-  return false;
+  return imageDevice === currentDevice;
 };
 var ImageGalleryNode = (props) => {
+  console.log("Gallery Component Loaded");
+  console.log("Current Device:", props.device);
+  console.log("Gallery Images:", props.node.images);
   const resolveImageUrl = (imageUrl) => {
     if (!imageUrl) return "";
     if (imageUrl.startsWith("http")) return imageUrl;
@@ -4175,19 +4177,22 @@ var ImageGalleryNode = (props) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
-  const currentDevice = props.device;
   const images = Array.isArray(props.node.images) ? props.node.images : [];
-  const visibleImages = images.filter(
-    (img) => shouldRenderForDevice(img.device, currentDevice)
-  );
-  if (visibleImages.length === 0) return null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsx58("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+  return /* @__PURE__ */ jsx58("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: images.map((img, idx) => {
+    console.log("Checking Image:", img.imageUrl);
+    console.log("Image Device:", img.device);
+    console.log("Page Device:", props.device);
+    if (!shouldRenderForDevice(img.device, props.device)) {
+      console.log("\u274C Skipping Image (device mismatch)");
+      return null;
+    }
+    console.log("\u2705 Rendering Image");
     const imageUrl = resolveImageUrl(img.imageUrl);
     if (!imageUrl) return null;
     const posterUrl = resolvePosterUrl(img.posterUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260402063318",
+  "version": "0.8.1-dev.20260402071330",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",