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

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

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

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

@@ -310,7 +310,7 @@ var HlsPlayer = React.memo(
             "video",
             {
               ref: videoRef,
-              className: "w-full h-full object-contain",
+              className: "w-full h-full object-cover",
               poster: fallbackPoster,
               controls: showControls && (isMobile || isPlaying),
               muted: startsMuted,

package/dist/index.js

@@ -474,7 +474,7 @@ var init_HlsPlayer = __esm({
                 "video",
                 {
                   ref: videoRef,
-                  className: "w-full h-full object-contain",
+                  className: "w-full h-full object-cover",
                   poster: fallbackPoster,
                   controls: showControls && (isMobile || isPlaying),
                   muted: startsMuted,
@@ -5269,11 +5269,11 @@ var parseMaybeNumber = (value) => {
   return Number.isFinite(n) ? n : void 0;
 };
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl2) => {
-    if (!imageUrl2) return "";
-    if (imageUrl2.startsWith("http")) return imageUrl2;
+  const resolveImageUrl = (imageUrl) => {
+    if (!imageUrl) return "";
+    if (imageUrl.startsWith("http")) return imageUrl;
     const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl2.replace(/^\//, "");
+    const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
   };
   const resolvePosterUrl = (posterUrl) => {
@@ -5282,48 +5282,42 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img2) => resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img2) => !resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
-      const img2 = hlsImages.find((i) => i.device === deviceKey);
-      if (!img2) return [];
-      const src = resolveImageUrl(img2.imageUrl);
+      const img = hlsImages.find((i) => i.device === deviceKey);
+      if (!img) return [];
+      const src = resolveImageUrl(img.imageUrl);
       if (!src) return [];
-      const media = deviceToMediaQuery(img2.device);
-      const posterUrl = resolvePosterUrl(img2.posterUrl);
+      const media = deviceToMediaQuery(img.device);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    ...hlsImages.filter((img2) => !img2.device).map((img2) => {
-      const src = resolveImageUrl(img2.imageUrl);
-      const posterUrl = resolvePosterUrl(img2.posterUrl);
+    ...hlsImages.filter((img) => !img.device).map((img) => {
+      const src = resolveImageUrl(img.imageUrl);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
   ];
-  const primaryHls = hlsImages.find((img2) => !img2.device) ?? hlsImages[0];
+  const primaryHls = hlsImages.find((img) => !img.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((img2) => !!img2.device);
-  const staticFallback = staticImages.find((img2) => !img2.device) ?? staticImages[0] ?? null;
+  const hlsStyles = {};
+  if (primaryHls?.height) hlsStyles.height = primaryHls.height;
+  if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  if (primaryHls?.borderRadius) hlsStyles.borderRadius = primaryHls.borderRadius;
+  const staticSources = staticImages.filter((img) => !!img.device);
+  const staticFallback = staticImages.find((img) => !img.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,
@@ -5337,12 +5331,12 @@ var ImageGalleryNode = (props) => {
         placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
         session: props.session,
-        styles
+        styles: hlsStyles
       }
     ) }),
     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((img2) => img2.device === deviceKey);
+        const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
         const srcUrl = resolveImageUrl(match.imageUrl);
         if (!srcUrl) return null;
@@ -5358,7 +5352,17 @@ var ImageGalleryNode = (props) => {
           deviceKey
         );
       }),
-      /* @__PURE__ */ (() => {
+      (() => {
+        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 (
           // 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-2YXREMBN.mjs";
+} from "./chunk-GG2OSSQZ.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-3GPS6EL2.mjs"), { ssr: false });
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-TJGNEU53.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-3GPS6EL2.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-TJGNEU53.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 = (imageUrl2) => {
-    if (!imageUrl2) return "";
-    if (imageUrl2.startsWith("http")) return imageUrl2;
+  const resolveImageUrl = (imageUrl) => {
+    if (!imageUrl) return "";
+    if (imageUrl.startsWith("http")) return imageUrl;
     const base = props.assetBaseUrl.replace(/\/$/, "");
-    const path = imageUrl2.replace(/^\//, "");
+    const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
   };
   const resolvePosterUrl = (posterUrl) => {
@@ -3745,48 +3745,42 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img2) => resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img2) => !resolveImageUrl(img2.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
-      const img2 = hlsImages.find((i) => i.device === deviceKey);
-      if (!img2) return [];
-      const src = resolveImageUrl(img2.imageUrl);
+      const img = hlsImages.find((i) => i.device === deviceKey);
+      if (!img) return [];
+      const src = resolveImageUrl(img.imageUrl);
       if (!src) return [];
-      const media = deviceToMediaQuery(img2.device);
-      const posterUrl = resolvePosterUrl(img2.posterUrl);
+      const media = deviceToMediaQuery(img.device);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    ...hlsImages.filter((img2) => !img2.device).map((img2) => {
-      const src = resolveImageUrl(img2.imageUrl);
-      const posterUrl = resolvePosterUrl(img2.posterUrl);
+    ...hlsImages.filter((img) => !img.device).map((img) => {
+      const src = resolveImageUrl(img.imageUrl);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
   ];
-  const primaryHls = hlsImages.find((img2) => !img2.device) ?? hlsImages[0];
+  const primaryHls = hlsImages.find((img) => !img.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((img2) => !!img2.device);
-  const staticFallback = staticImages.find((img2) => !img2.device) ?? staticImages[0] ?? null;
+  const hlsStyles = {};
+  if (primaryHls?.height) hlsStyles.height = primaryHls.height;
+  if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  if (primaryHls?.borderRadius) hlsStyles.borderRadius = primaryHls.borderRadius;
+  const staticSources = staticImages.filter((img) => !!img.device);
+  const staticFallback = staticImages.find((img) => !img.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,
@@ -3800,12 +3794,12 @@ var ImageGalleryNode = (props) => {
         placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
         session: props.session,
-        styles
+        styles: hlsStyles
       }
     ) }),
     staticFallback && /* @__PURE__ */ jsx58(Fragment7, { children: /* @__PURE__ */ jsxs31("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
-        const match = staticSources.find((img2) => img2.device === deviceKey);
+        const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
         const srcUrl = resolveImageUrl(match.imageUrl);
         if (!srcUrl) return null;
@@ -3821,7 +3815,17 @@ var ImageGalleryNode = (props) => {
           deviceKey
         );
       }),
-      /* @__PURE__ */ (() => {
+      (() => {
+        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 (
           // 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.20260527052314",
+  "version": "0.8.1-dev.20260527055155",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",