@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260526122912 → 0.8.1-dev.20260527052314

package/dist/{HlsPlayer-G27NMG7A.mjs → HlsPlayer-3GPS6EL2.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-F6CXFHUE.mjs";
+} from "./chunk-2YXREMBN.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-F6CXFHUE.mjs → chunk-2YXREMBN.mjs}

@@ -36,7 +36,8 @@ var HlsPlayer = React.memo(
     showControls = true,
     loop = false,
     playOptions = "autoplay",
-    placementCode = ""
+    placementCode = "",
+    styles
   }) => {
     const containerRef = useRef(null);
     const videoRef = useRef(null);
@@ -299,7 +300,8 @@ var HlsPlayer = React.memo(
       "div",
       {
         ref: containerRef,
-        className: "relative w-full aspect-video bg-black",
+        className: "relative w-full overflow-hidden aspect-video bg-black",
+        style: styles,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onMouseMove: handleMouseMove,

package/dist/index.js

@@ -200,7 +200,8 @@ var init_HlsPlayer = __esm({
         showControls = true,
         loop = false,
         playOptions = "autoplay",
-        placementCode = ""
+        placementCode = "",
+        styles
       }) => {
         const containerRef = (0, import_react4.useRef)(null);
         const videoRef = (0, import_react4.useRef)(null);
@@ -463,7 +464,8 @@ var init_HlsPlayer = __esm({
           "div",
           {
             ref: containerRef,
-            className: "relative w-full aspect-video bg-black",
+            className: "relative w-full overflow-hidden aspect-video bg-black",
+            style: styles,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
             onMouseMove: handleMouseMove,
@@ -5267,11 +5269,11 @@ var parseMaybeNumber = (value) => {
   return Number.isFinite(n) ? n : void 0;
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (imageUrl2) => {
+    if (!imageUrl2) return "";
+    if (imageUrl2.startsWith("http")) return imageUrl2;
     const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
+    const path = imageUrl2.replace(/^\//, "");
     return `${base}/${path}`;
   };
   const resolvePosterUrl = (posterUrl) => {
@@ -5280,38 +5282,48 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img2) => resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img2) => !resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
-      const img = hlsImages.find((i) => i.device === deviceKey);
-      if (!img) return [];
-      const src = resolveImageUrl(img.imageUrl);
+      const img2 = hlsImages.find((i) => i.device === deviceKey);
+      if (!img2) return [];
+      const src = resolveImageUrl(img2.imageUrl);
       if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const media = deviceToMediaQuery(img2.device);
+      const posterUrl = resolvePosterUrl(img2.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+    ...hlsImages.filter((img2) => !img2.device).map((img2) => {
+      const src = resolveImageUrl(img2.imageUrl);
+      const posterUrl = resolvePosterUrl(img2.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
   ];
-  const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
+  const primaryHls = hlsImages.find((img2) => !img2.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
   const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
-  const staticSources = staticImages.filter((img) => !!img.device);
-  const staticFallback = staticImages.find((img) => !img.device) ?? staticImages[0] ?? null;
+  const staticSources = staticImages.filter((img2) => !!img2.device);
+  const staticFallback = staticImages.find((img2) => !img2.device) ?? staticImages[0] ?? null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
+  const img = staticFallback;
+  const imageUrl = resolveImageUrl(img.imageUrl);
+  if (!imageUrl) return null;
+  const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
+  const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
+  const alt = img.title || "Gallery image";
+  const styles = {};
+  if (img.height) styles.height = img.height;
+  if (img.width) styles.width = img.width;
+  if (img.borderRadius) styles.borderRadius = img.borderRadius;
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
     hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       HlsPlayer3,
@@ -5324,12 +5336,13 @@ var ImageGalleryNode = (props) => {
         playOptions: primaryHls?.playOptions ?? "",
         placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
-        session: props.session
+        session: props.session,
+        styles
       }
     ) }),
     staticFallback && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
-        const match = staticSources.find((img) => img.device === deviceKey);
+        const match = staticSources.find((img2) => img2.device === deviceKey);
         if (!match) return null;
         const srcUrl = resolveImageUrl(match.imageUrl);
         if (!srcUrl) return null;
@@ -5345,17 +5358,7 @@ var ImageGalleryNode = (props) => {
           deviceKey
         );
       }),
-      (() => {
-        const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
-        if (!imageUrl) return null;
-        const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
-        const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
-        const alt = img.title || "Gallery image";
-        const styles = {};
-        if (img.height) styles.height = img.height;
-        if (img.width) styles.width = img.width;
-        if (img.borderRadius) styles.borderRadius = img.borderRadius;
+      /* @__PURE__ */ (() => {
         return (
           // eslint-disable-next-line @next/next/no-img-element
           /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-F6CXFHUE.mjs";
+} from "./chunk-2YXREMBN.mjs";
 import {
   Button_default,
   ClientButton_default,
@@ -2049,7 +2049,7 @@ import React30 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic3 from "next/dynamic";
 import { jsx as jsx39 } from "react/jsx-runtime";
-var HlsPlayer = dynamic3(() => import("./HlsPlayer-G27NMG7A.mjs"), { ssr: false });
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-3GPS6EL2.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -3709,7 +3709,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
 import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs31 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-G27NMG7A.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-3GPS6EL2.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":
@@ -3732,11 +3732,11 @@ var parseMaybeNumber = (value) => {
   return Number.isFinite(n) ? n : void 0;
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (imageUrl2) => {
+    if (!imageUrl2) return "";
+    if (imageUrl2.startsWith("http")) return imageUrl2;
     const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl.replace(/^\//, "");
+    const path = imageUrl2.replace(/^\//, "");
     return `${base}/${path}`;
   };
   const resolvePosterUrl = (posterUrl) => {
@@ -3745,38 +3745,48 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img2) => resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img2) => !resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
-      const img = hlsImages.find((i) => i.device === deviceKey);
-      if (!img) return [];
-      const src = resolveImageUrl(img.imageUrl);
+      const img2 = hlsImages.find((i) => i.device === deviceKey);
+      if (!img2) return [];
+      const src = resolveImageUrl(img2.imageUrl);
       if (!src) return [];
-      const media = deviceToMediaQuery(img.device);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+      const media = deviceToMediaQuery(img2.device);
+      const posterUrl = resolvePosterUrl(img2.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
-      const posterUrl = resolvePosterUrl(img.posterUrl);
+    ...hlsImages.filter((img2) => !img2.device).map((img2) => {
+      const src = resolveImageUrl(img2.imageUrl);
+      const posterUrl = resolvePosterUrl(img2.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
   ];
-  const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
+  const primaryHls = hlsImages.find((img2) => !img2.device) ?? hlsImages[0];
   const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
   const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
-  const staticSources = staticImages.filter((img) => !!img.device);
-  const staticFallback = staticImages.find((img) => !img.device) ?? staticImages[0] ?? null;
+  const staticSources = staticImages.filter((img2) => !!img2.device);
+  const staticFallback = staticImages.find((img2) => !img2.device) ?? staticImages[0] ?? null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
+  const img = staticFallback;
+  const imageUrl = resolveImageUrl(img.imageUrl);
+  if (!imageUrl) return null;
+  const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
+  const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
+  const alt = img.title || "Gallery image";
+  const styles = {};
+  if (img.height) styles.height = img.height;
+  if (img.width) styles.width = img.width;
+  if (img.borderRadius) styles.borderRadius = img.borderRadius;
   return /* @__PURE__ */ jsxs31(Fragment7, { children: [
     hlsSources.length > 0 && /* @__PURE__ */ jsx58(Fragment7, { children: /* @__PURE__ */ jsx58(
       HlsPlayer2,
@@ -3789,12 +3799,13 @@ var ImageGalleryNode = (props) => {
         playOptions: primaryHls?.playOptions ?? "",
         placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
-        session: props.session
+        session: props.session,
+        styles
       }
     ) }),
     staticFallback && /* @__PURE__ */ jsx58(Fragment7, { children: /* @__PURE__ */ jsxs31("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
-        const match = staticSources.find((img) => img.device === deviceKey);
+        const match = staticSources.find((img2) => img2.device === deviceKey);
         if (!match) return null;
         const srcUrl = resolveImageUrl(match.imageUrl);
         if (!srcUrl) return null;
@@ -3810,17 +3821,7 @@ var ImageGalleryNode = (props) => {
           deviceKey
         );
       }),
-      (() => {
-        const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
-        if (!imageUrl) return null;
-        const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
-        const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
-        const alt = img.title || "Gallery image";
-        const styles = {};
-        if (img.height) styles.height = img.height;
-        if (img.width) styles.width = img.width;
-        if (img.borderRadius) styles.borderRadius = img.borderRadius;
+      /* @__PURE__ */ (() => {
         return (
           // eslint-disable-next-line @next/next/no-img-element
           /* @__PURE__ */ jsx58(

package/package.json

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