@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260803102521 → 0.8.1-dev.20260807124440

package/dist/{IframeClient-J22NMEVY.mjs → IframeClient-7MLB3UB2.mjs}

@@ -47,7 +47,7 @@ var IFrameLoaderView_default = IFrameLoaderView;
 
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var IframeClient = ({ src }) => {
+var IframeClient = ({ src, height, width }) => {
   const iframeRef = useRef(null);
   const [iframeHeight, setIframeHeight] = useState("100%");
   const [isDataFound, setIsDataFound] = useState(null);
@@ -56,11 +56,11 @@ var IframeClient = ({ src }) => {
       const eventName = event?.data?.eventName;
       const payload = event?.data?.payload;
       if (eventName === "SET_HEIGHT" && payload?.height) {
-        let height = 500;
+        let height2 = 500;
         if (payload.height > 500) {
-          height = payload.height + 50;
+          height2 = payload.height + 50;
         }
-        setIframeHeight(`${height}px`);
+        setIframeHeight(`${height2}px`);
       }
     };
     window.addEventListener("message", handleReceiveMessage);
@@ -83,10 +83,11 @@ var IframeClient = ({ src }) => {
     {
       ref: iframeRef,
       src,
-      className: "w-full h-full border-none",
+      className: " border-none",
       scrolling: "no",
-      style: { height: iframeHeight },
-      onLoad: handleIframeLoad
+      onLoad: handleIframeLoad,
+      height,
+      width
     }
   ) }) });
 };

package/dist/{IframeClient-RGJFZ5P2.mjs → IframeClient-ZFI2S3GR.mjs}

@@ -49,7 +49,7 @@ var IFrameLoaderView_default = IFrameLoaderView;
 
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var IframeClient = ({ src }) => {
+var IframeClient = ({ src, height, width }) => {
   const iframeRef = useRef(null);
   const [iframeHeight, setIframeHeight] = useState("100%");
   const [isDataFound, setIsDataFound] = useState(null);
@@ -58,11 +58,11 @@ var IframeClient = ({ src }) => {
       const eventName = event?.data?.eventName;
       const payload = event?.data?.payload;
       if (eventName === "SET_HEIGHT" && payload?.height) {
-        let height = 500;
+        let height2 = 500;
         if (payload.height > 500) {
-          height = payload.height + 50;
+          height2 = payload.height + 50;
         }
-        setIframeHeight(`${height}px`);
+        setIframeHeight(`${height2}px`);
       }
     };
     window.addEventListener("message", handleReceiveMessage);
@@ -85,10 +85,11 @@ var IframeClient = ({ src }) => {
     {
       ref: iframeRef,
       src,
-      className: "w-full h-full border-none",
+      className: " border-none",
       scrolling: "no",
-      style: { height: iframeHeight },
-      onLoad: handleIframeLoad
+      onLoad: handleIframeLoad,
+      height,
+      width
     }
   ) }) });
 };

package/dist/index.js

@@ -3913,7 +3913,7 @@ var init_IframeClient = __esm({
     import_react52 = __toESM(require("react"));
     init_IFrameLoaderView();
     import_jsx_runtime69 = require("react/jsx-runtime");
-    IframeClient = ({ src }) => {
+    IframeClient = ({ src, height, width }) => {
       const iframeRef = (0, import_react52.useRef)(null);
       const [iframeHeight, setIframeHeight] = (0, import_react52.useState)("100%");
       const [isDataFound, setIsDataFound] = (0, import_react52.useState)(null);
@@ -3922,11 +3922,11 @@ var init_IframeClient = __esm({
           const eventName = event?.data?.eventName;
           const payload = event?.data?.payload;
           if (eventName === "SET_HEIGHT" && payload?.height) {
-            let height = 500;
+            let height2 = 500;
             if (payload.height > 500) {
-              height = payload.height + 50;
+              height2 = payload.height + 50;
             }
-            setIframeHeight(`${height}px`);
+            setIframeHeight(`${height2}px`);
           }
         };
         window.addEventListener("message", handleReceiveMessage);
@@ -3949,10 +3949,11 @@ var init_IframeClient = __esm({
         {
           ref: iframeRef,
           src,
-          className: "w-full h-full border-none",
+          className: " border-none",
           scrolling: "no",
-          style: { height: iframeHeight },
-          onLoad: handleIframeLoad
+          onLoad: handleIframeLoad,
+          height,
+          width
         }
       ) }) });
     };
@@ -5880,7 +5881,7 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src, height: props.node.height, width: props.node.width }) });
 };
 var EmbedNode_default = EmbedNode;
 
@@ -6133,36 +6134,6 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
-function resolveAssetUrl(fieldValue, tag) {
-  if (!fieldValue) {
-    return void 0;
-  }
-  if (typeof fieldValue === "string") {
-    const trimmed = fieldValue.trim();
-    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
-      return trimmed;
-    }
-    try {
-      const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
-    } catch {
-      return void 0;
-    }
-  }
-  if (Array.isArray(fieldValue)) {
-    const asset = tag ? fieldValue.find(
-      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
-    ) : fieldValue[0];
-    return asset?.assetUrl;
-  }
-  if (typeof fieldValue === "object" && fieldValue !== null) {
-    const assetObject = fieldValue;
-    if (assetObject.assetUrl) {
-      return assetObject.assetUrl;
-    }
-  }
-  return void 0;
-}
 var getNestedValue3 = (obj, path) => {
   if (!obj || !path) {
     return void 0;
@@ -6172,57 +6143,114 @@ var getNestedValue3 = (obj, path) => {
   }, obj);
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (image) => {
+  function resolveAsset(fieldValue, tag) {
+    if (!fieldValue) {
+      return void 0;
+    }
+    if (typeof fieldValue === "string") {
+      const trimmed = fieldValue.trim();
+      if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+        return {
+          assetUrl: trimmed
+        };
+      }
+      try {
+        const parsed = JSON.parse(trimmed);
+        return resolveAsset(parsed, tag);
+      } catch {
+        return void 0;
+      }
+    }
+    if (Array.isArray(fieldValue)) {
+      const asset = tag ? fieldValue.find(
+        (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+      ) : fieldValue[0];
+      if (!asset) return void 0;
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    if (typeof fieldValue === "object" && fieldValue !== null) {
+      const asset = fieldValue;
+      if (!asset.assetUrl) {
+        return void 0;
+      }
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    return void 0;
+  }
+  const resolveImage = (image) => {
     let imageUrl = image.imageUrl;
+    let posterUrl = image.posterUrl;
+    let intrinsicWidth = image.intrinsicWidth;
+    let intrinsicHeight = image.intrinsicHeight;
     if (image.datafield && props.dataitem) {
       const fieldValue = getNestedValue3(props.dataitem, image.datafield);
-      const resolvedAsset = resolveAssetUrl(fieldValue, image.tag);
+      const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
-        imageUrl = resolvedAsset;
+        imageUrl = resolvedAsset.assetUrl;
+        posterUrl = resolvedAsset.posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight;
       }
     }
     if (!imageUrl) {
-      return "";
-    }
-    if (imageUrl.startsWith("http")) {
-      return imageUrl;
+      return void 0;
     }
-    const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
-    return `${base}/${path}`;
+    return {
+      imageUrl: imageUrl.startsWith("http") ? imageUrl : AssetUtility_default.resolveUrl(props.assetBaseUrl, imageUrl),
+      posterUrl: posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl) : void 0,
+      intrinsicWidth,
+      intrinsicHeight
+    };
   };
   const resolvePosterUrl = (posterUrl) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
-  const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img).endsWith(".m3u8")
-  );
-  const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img).endsWith(".m3u8")
-  );
+  const hlsImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved?.imageUrl?.endsWith(".m3u8");
+  });
+  const staticImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved && !resolved.imageUrl?.endsWith(".m3u8");
+  });
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img);
-      if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const resolved = resolveImage(img);
+      if (!resolved) return [];
       return [
         {
-          src,
-          ...media ? { media } : {},
-          ...posterUrl ? { posterUrl } : {}
+          src: resolved.imageUrl,
+          ...deviceToMediaQuery(img.device) ? { media: deviceToMediaQuery(img.device) } : {},
+          ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
         }
       ];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
-      return { src, ...posterUrl ? { posterUrl } : {} };
-    }).filter((s) => !!s.src)
+      const resolved = resolveImage(img);
+      if (!resolved) return void 0;
+      return {
+        src: resolved.imageUrl,
+        ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
+      };
+    }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
@@ -6264,7 +6292,11 @@ var ImageGalleryNode = (props) => {
         if (!match) {
           return null;
         }
-        const srcUrl = resolveImageUrl(match);
+        const resolved = resolveImage(match);
+        if (!resolved) {
+          return null;
+        }
+        const srcUrl = resolved.imageUrl;
         if (!srcUrl) {
           return null;
         }
@@ -6281,7 +6313,8 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -6308,7 +6341,8 @@ var ImageGalleryNode = (props) => {
     ] }) : (
       /* Case 2: Only device-specific images exist */
       /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: staticSources.map((img, index) => {
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -6950,7 +6984,7 @@ var getNestedValue6 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl2(fieldValue, tag) {
+function resolveAssetUrl(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -6961,7 +6995,7 @@ function resolveAssetUrl2(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl2(parsed, tag);
+      return resolveAssetUrl(parsed, tag);
     } catch {
       return void 0;
     }
@@ -6988,7 +7022,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
         const fieldValue = getNestedValue6(dataItem, layer.datafield);
-        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
+        const resolvedAssetUrl = resolveAssetUrl(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }

package/dist/index.mjs

@@ -1195,7 +1195,7 @@ import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-ZFI2S3GR.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1207,7 +1207,7 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
+  return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src, height: props.node.height, width: props.node.width }) });
 };
 var EmbedNode_default = EmbedNode;
 
@@ -1452,36 +1452,6 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
-function resolveAssetUrl(fieldValue, tag) {
-  if (!fieldValue) {
-    return void 0;
-  }
-  if (typeof fieldValue === "string") {
-    const trimmed = fieldValue.trim();
-    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
-      return trimmed;
-    }
-    try {
-      const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
-    } catch {
-      return void 0;
-    }
-  }
-  if (Array.isArray(fieldValue)) {
-    const asset = tag ? fieldValue.find(
-      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
-    ) : fieldValue[0];
-    return asset?.assetUrl;
-  }
-  if (typeof fieldValue === "object" && fieldValue !== null) {
-    const assetObject = fieldValue;
-    if (assetObject.assetUrl) {
-      return assetObject.assetUrl;
-    }
-  }
-  return void 0;
-}
 var getNestedValue3 = (obj, path) => {
   if (!obj || !path) {
     return void 0;
@@ -1491,57 +1461,114 @@ var getNestedValue3 = (obj, path) => {
   }, obj);
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (image) => {
+  function resolveAsset(fieldValue, tag) {
+    if (!fieldValue) {
+      return void 0;
+    }
+    if (typeof fieldValue === "string") {
+      const trimmed = fieldValue.trim();
+      if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+        return {
+          assetUrl: trimmed
+        };
+      }
+      try {
+        const parsed = JSON.parse(trimmed);
+        return resolveAsset(parsed, tag);
+      } catch {
+        return void 0;
+      }
+    }
+    if (Array.isArray(fieldValue)) {
+      const asset = tag ? fieldValue.find(
+        (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+      ) : fieldValue[0];
+      if (!asset) return void 0;
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    if (typeof fieldValue === "object" && fieldValue !== null) {
+      const asset = fieldValue;
+      if (!asset.assetUrl) {
+        return void 0;
+      }
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    return void 0;
+  }
+  const resolveImage = (image) => {
     let imageUrl = image.imageUrl;
+    let posterUrl = image.posterUrl;
+    let intrinsicWidth = image.intrinsicWidth;
+    let intrinsicHeight = image.intrinsicHeight;
     if (image.datafield && props.dataitem) {
       const fieldValue = getNestedValue3(props.dataitem, image.datafield);
-      const resolvedAsset = resolveAssetUrl(fieldValue, image.tag);
+      const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
-        imageUrl = resolvedAsset;
+        imageUrl = resolvedAsset.assetUrl;
+        posterUrl = resolvedAsset.posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight;
       }
     }
     if (!imageUrl) {
-      return "";
-    }
-    if (imageUrl.startsWith("http")) {
-      return imageUrl;
+      return void 0;
     }
-    const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
-    return `${base}/${path}`;
+    return {
+      imageUrl: imageUrl.startsWith("http") ? imageUrl : AssetUtility_default.resolveUrl(props.assetBaseUrl, imageUrl),
+      posterUrl: posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl) : void 0,
+      intrinsicWidth,
+      intrinsicHeight
+    };
   };
   const resolvePosterUrl = (posterUrl) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
-  const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img).endsWith(".m3u8")
-  );
-  const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img).endsWith(".m3u8")
-  );
+  const hlsImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved?.imageUrl?.endsWith(".m3u8");
+  });
+  const staticImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved && !resolved.imageUrl?.endsWith(".m3u8");
+  });
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img);
-      if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const resolved = resolveImage(img);
+      if (!resolved) return [];
       return [
         {
-          src,
-          ...media ? { media } : {},
-          ...posterUrl ? { posterUrl } : {}
+          src: resolved.imageUrl,
+          ...deviceToMediaQuery(img.device) ? { media: deviceToMediaQuery(img.device) } : {},
+          ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
         }
       ];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
-      return { src, ...posterUrl ? { posterUrl } : {} };
-    }).filter((s) => !!s.src)
+      const resolved = resolveImage(img);
+      if (!resolved) return void 0;
+      return {
+        src: resolved.imageUrl,
+        ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
+      };
+    }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
@@ -1583,7 +1610,11 @@ var ImageGalleryNode = (props) => {
         if (!match) {
           return null;
         }
-        const srcUrl = resolveImageUrl(match);
+        const resolved = resolveImage(match);
+        if (!resolved) {
+          return null;
+        }
+        const srcUrl = resolved.imageUrl;
         if (!srcUrl) {
           return null;
         }
@@ -1600,7 +1631,8 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -1627,7 +1659,8 @@ var ImageGalleryNode = (props) => {
     ] }) : (
       /* Case 2: Only device-specific images exist */
       /* @__PURE__ */ jsx32(Fragment5, { children: staticSources.map((img, index) => {
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -2268,7 +2301,7 @@ var getNestedValue6 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl2(fieldValue, tag) {
+function resolveAssetUrl(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -2279,7 +2312,7 @@ function resolveAssetUrl2(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl2(parsed, tag);
+      return resolveAssetUrl(parsed, tag);
     } catch {
       return void 0;
     }
@@ -2306,7 +2339,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
         const fieldValue = getNestedValue6(dataItem, layer.datafield);
-        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
+        const resolvedAssetUrl = resolveAssetUrl(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }

package/dist/server.js

@@ -1683,7 +1683,7 @@ var init_IframeClient = __esm({
     import_react30 = __toESM(require("react"));
     init_IFrameLoaderView();
     import_jsx_runtime41 = require("react/jsx-runtime");
-    IframeClient = ({ src }) => {
+    IframeClient = ({ src, height, width }) => {
       const iframeRef = (0, import_react30.useRef)(null);
       const [iframeHeight, setIframeHeight] = (0, import_react30.useState)("100%");
       const [isDataFound, setIsDataFound] = (0, import_react30.useState)(null);
@@ -1692,11 +1692,11 @@ var init_IframeClient = __esm({
           const eventName = event?.data?.eventName;
           const payload = event?.data?.payload;
           if (eventName === "SET_HEIGHT" && payload?.height) {
-            let height = 500;
+            let height2 = 500;
             if (payload.height > 500) {
-              height = payload.height + 50;
+              height2 = payload.height + 50;
             }
-            setIframeHeight(`${height}px`);
+            setIframeHeight(`${height2}px`);
           }
         };
         window.addEventListener("message", handleReceiveMessage);
@@ -1719,10 +1719,11 @@ var init_IframeClient = __esm({
         {
           ref: iframeRef,
           src,
-          className: "w-full h-full border-none",
+          className: " border-none",
           scrolling: "no",
-          style: { height: iframeHeight },
-          onLoad: handleIframeLoad
+          onLoad: handleIframeLoad,
+          height,
+          width
         }
       ) }) });
     };
@@ -3733,7 +3734,7 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IframeClient2, { src }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IframeClient2, { src, height: props.node.height, width: props.node.width }) });
 };
 var EmbedNode_default = EmbedNode;
 
@@ -3984,36 +3985,6 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
-function resolveAssetUrl(fieldValue, tag) {
-  if (!fieldValue) {
-    return void 0;
-  }
-  if (typeof fieldValue === "string") {
-    const trimmed = fieldValue.trim();
-    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
-      return trimmed;
-    }
-    try {
-      const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
-    } catch {
-      return void 0;
-    }
-  }
-  if (Array.isArray(fieldValue)) {
-    const asset = tag ? fieldValue.find(
-      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
-    ) : fieldValue[0];
-    return asset?.assetUrl;
-  }
-  if (typeof fieldValue === "object" && fieldValue !== null) {
-    const assetObject = fieldValue;
-    if (assetObject.assetUrl) {
-      return assetObject.assetUrl;
-    }
-  }
-  return void 0;
-}
 var getNestedValue3 = (obj, path) => {
   if (!obj || !path) {
     return void 0;
@@ -4023,57 +3994,114 @@ var getNestedValue3 = (obj, path) => {
   }, obj);
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (image) => {
+  function resolveAsset(fieldValue, tag) {
+    if (!fieldValue) {
+      return void 0;
+    }
+    if (typeof fieldValue === "string") {
+      const trimmed = fieldValue.trim();
+      if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+        return {
+          assetUrl: trimmed
+        };
+      }
+      try {
+        const parsed = JSON.parse(trimmed);
+        return resolveAsset(parsed, tag);
+      } catch {
+        return void 0;
+      }
+    }
+    if (Array.isArray(fieldValue)) {
+      const asset = tag ? fieldValue.find(
+        (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+      ) : fieldValue[0];
+      if (!asset) return void 0;
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    if (typeof fieldValue === "object" && fieldValue !== null) {
+      const asset = fieldValue;
+      if (!asset.assetUrl) {
+        return void 0;
+      }
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    return void 0;
+  }
+  const resolveImage = (image) => {
     let imageUrl = image.imageUrl;
+    let posterUrl = image.posterUrl;
+    let intrinsicWidth = image.intrinsicWidth;
+    let intrinsicHeight = image.intrinsicHeight;
     if (image.datafield && props.dataitem) {
       const fieldValue = getNestedValue3(props.dataitem, image.datafield);
-      const resolvedAsset = resolveAssetUrl(fieldValue, image.tag);
+      const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
-        imageUrl = resolvedAsset;
+        imageUrl = resolvedAsset.assetUrl;
+        posterUrl = resolvedAsset.posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight;
       }
     }
     if (!imageUrl) {
-      return "";
-    }
-    if (imageUrl.startsWith("http")) {
-      return imageUrl;
+      return void 0;
     }
-    const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
-    return `${base}/${path}`;
+    return {
+      imageUrl: imageUrl.startsWith("http") ? imageUrl : AssetUtility_default.resolveUrl(props.assetBaseUrl, imageUrl),
+      posterUrl: posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl) : void 0,
+      intrinsicWidth,
+      intrinsicHeight
+    };
   };
   const resolvePosterUrl = (posterUrl) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
-  const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img).endsWith(".m3u8")
-  );
-  const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img).endsWith(".m3u8")
-  );
+  const hlsImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved?.imageUrl?.endsWith(".m3u8");
+  });
+  const staticImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved && !resolved.imageUrl?.endsWith(".m3u8");
+  });
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img);
-      if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const resolved = resolveImage(img);
+      if (!resolved) return [];
       return [
         {
-          src,
-          ...media ? { media } : {},
-          ...posterUrl ? { posterUrl } : {}
+          src: resolved.imageUrl,
+          ...deviceToMediaQuery(img.device) ? { media: deviceToMediaQuery(img.device) } : {},
+          ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
         }
       ];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
-      return { src, ...posterUrl ? { posterUrl } : {} };
-    }).filter((s) => !!s.src)
+      const resolved = resolveImage(img);
+      if (!resolved) return void 0;
+      return {
+        src: resolved.imageUrl,
+        ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
+      };
+    }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
@@ -4115,7 +4143,11 @@ var ImageGalleryNode = (props) => {
         if (!match) {
           return null;
         }
-        const srcUrl = resolveImageUrl(match);
+        const resolved = resolveImage(match);
+        if (!resolved) {
+          return null;
+        }
+        const srcUrl = resolved.imageUrl;
         if (!srcUrl) {
           return null;
         }
@@ -4132,7 +4164,8 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -4159,7 +4192,8 @@ var ImageGalleryNode = (props) => {
     ] }) : (
       /* Case 2: Only device-specific images exist */
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: staticSources.map((img, index) => {
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -4800,7 +4834,7 @@ var getNestedValue6 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl2(fieldValue, tag) {
+function resolveAssetUrl(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -4811,7 +4845,7 @@ function resolveAssetUrl2(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl2(parsed, tag);
+      return resolveAssetUrl(parsed, tag);
     } catch {
       return void 0;
     }
@@ -4838,7 +4872,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
         const fieldValue = getNestedValue6(dataItem, layer.datafield);
-        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
+        const resolvedAssetUrl = resolveAssetUrl(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }

package/dist/server.mjs

@@ -1176,7 +1176,7 @@ import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic7 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic7(() => import("./IframeClient-J22NMEVY.mjs"), {
+var IframeClient = dynamic7(() => import("./IframeClient-7MLB3UB2.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1188,7 +1188,7 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
+  return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src, height: props.node.height, width: props.node.width }) });
 };
 var EmbedNode_default = EmbedNode;
 
@@ -1433,36 +1433,6 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
-function resolveAssetUrl(fieldValue, tag) {
-  if (!fieldValue) {
-    return void 0;
-  }
-  if (typeof fieldValue === "string") {
-    const trimmed = fieldValue.trim();
-    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
-      return trimmed;
-    }
-    try {
-      const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
-    } catch {
-      return void 0;
-    }
-  }
-  if (Array.isArray(fieldValue)) {
-    const asset = tag ? fieldValue.find(
-      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
-    ) : fieldValue[0];
-    return asset?.assetUrl;
-  }
-  if (typeof fieldValue === "object" && fieldValue !== null) {
-    const assetObject = fieldValue;
-    if (assetObject.assetUrl) {
-      return assetObject.assetUrl;
-    }
-  }
-  return void 0;
-}
 var getNestedValue3 = (obj, path) => {
   if (!obj || !path) {
     return void 0;
@@ -1472,57 +1442,114 @@ var getNestedValue3 = (obj, path) => {
   }, obj);
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (image) => {
+  function resolveAsset(fieldValue, tag) {
+    if (!fieldValue) {
+      return void 0;
+    }
+    if (typeof fieldValue === "string") {
+      const trimmed = fieldValue.trim();
+      if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+        return {
+          assetUrl: trimmed
+        };
+      }
+      try {
+        const parsed = JSON.parse(trimmed);
+        return resolveAsset(parsed, tag);
+      } catch {
+        return void 0;
+      }
+    }
+    if (Array.isArray(fieldValue)) {
+      const asset = tag ? fieldValue.find(
+        (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+      ) : fieldValue[0];
+      if (!asset) return void 0;
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    if (typeof fieldValue === "object" && fieldValue !== null) {
+      const asset = fieldValue;
+      if (!asset.assetUrl) {
+        return void 0;
+      }
+      return {
+        assetUrl: asset.assetUrl,
+        posterUrl: asset.posterUrl,
+        intrinsicWidth: asset.intrinsicWidth,
+        intrinsicHeight: asset.intrinsicHeight,
+        device: asset.device,
+        tag: asset.tag
+      };
+    }
+    return void 0;
+  }
+  const resolveImage = (image) => {
     let imageUrl = image.imageUrl;
+    let posterUrl = image.posterUrl;
+    let intrinsicWidth = image.intrinsicWidth;
+    let intrinsicHeight = image.intrinsicHeight;
     if (image.datafield && props.dataitem) {
       const fieldValue = getNestedValue3(props.dataitem, image.datafield);
-      const resolvedAsset = resolveAssetUrl(fieldValue, image.tag);
+      const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
-        imageUrl = resolvedAsset;
+        imageUrl = resolvedAsset.assetUrl;
+        posterUrl = resolvedAsset.posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight;
       }
     }
     if (!imageUrl) {
-      return "";
-    }
-    if (imageUrl.startsWith("http")) {
-      return imageUrl;
+      return void 0;
     }
-    const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
-    return `${base}/${path}`;
+    return {
+      imageUrl: imageUrl.startsWith("http") ? imageUrl : AssetUtility_default.resolveUrl(props.assetBaseUrl, imageUrl),
+      posterUrl: posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl) : void 0,
+      intrinsicWidth,
+      intrinsicHeight
+    };
   };
   const resolvePosterUrl = (posterUrl) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
-  const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img).endsWith(".m3u8")
-  );
-  const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img).endsWith(".m3u8")
-  );
+  const hlsImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved?.imageUrl?.endsWith(".m3u8");
+  });
+  const staticImages = rawImages.filter((img) => {
+    const resolved = resolveImage(img);
+    return resolved && !resolved.imageUrl?.endsWith(".m3u8");
+  });
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img);
-      if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const resolved = resolveImage(img);
+      if (!resolved) return [];
       return [
         {
-          src,
-          ...media ? { media } : {},
-          ...posterUrl ? { posterUrl } : {}
+          src: resolved.imageUrl,
+          ...deviceToMediaQuery(img.device) ? { media: deviceToMediaQuery(img.device) } : {},
+          ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
         }
       ];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
-      return { src, ...posterUrl ? { posterUrl } : {} };
-    }).filter((s) => !!s.src)
+      const resolved = resolveImage(img);
+      if (!resolved) return void 0;
+      return {
+        src: resolved.imageUrl,
+        ...resolved.posterUrl ? { posterUrl: resolved.posterUrl } : {}
+      };
+    }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
@@ -1564,7 +1591,11 @@ var ImageGalleryNode = (props) => {
         if (!match) {
           return null;
         }
-        const srcUrl = resolveImageUrl(match);
+        const resolved = resolveImage(match);
+        if (!resolved) {
+          return null;
+        }
+        const srcUrl = resolved.imageUrl;
         if (!srcUrl) {
           return null;
         }
@@ -1581,7 +1612,8 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -1608,7 +1640,8 @@ var ImageGalleryNode = (props) => {
     ] }) : (
       /* Case 2: Only device-specific images exist */
       /* @__PURE__ */ jsx32(Fragment5, { children: staticSources.map((img, index) => {
-        const imageUrl = resolveImageUrl(img);
+        const resolved = resolveImage(img);
+        const imageUrl = resolved?.imageUrl;
         if (!imageUrl) {
           return null;
         }
@@ -2249,7 +2282,7 @@ var getNestedValue6 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl2(fieldValue, tag) {
+function resolveAssetUrl(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -2260,7 +2293,7 @@ function resolveAssetUrl2(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl2(parsed, tag);
+      return resolveAssetUrl(parsed, tag);
     } catch {
       return void 0;
     }
@@ -2287,7 +2320,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
         const fieldValue = getNestedValue6(dataItem, layer.datafield);
-        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
+        const resolvedAssetUrl = resolveAssetUrl(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260803102521",
+  "version": "0.8.1-dev.20260807124440",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",