@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260421115845 → 0.8.1-dev.20260422062852

package/dist/{HlsPlayer-LIFSWOII.mjs → HlsPlayer-UECDBJDB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-6C4HXWFR.mjs";
+} from "./chunk-Q46ODS3X.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-6C4HXWFR.mjs → chunk-Q46ODS3X.mjs}

@@ -11,7 +11,8 @@ var HlsPlayer = React.memo(
     intrinsicHeight,
     showControls = true,
     loop = false,
-    playOptions = "autoplay"
+    playOptions = "autoplay",
+    placementCode = ""
   }) => {
     const videoRef = useRef(null);
     const hlsRef = useRef(null);

package/dist/index.js

@@ -288,7 +288,8 @@ var init_HlsPlayer = __esm({
         intrinsicHeight,
         showControls = true,
         loop = false,
-        playOptions = "autoplay"
+        playOptions = "autoplay",
+        placementCode = ""
       }) => {
         const videoRef = (0, import_react33.useRef)(null);
         const hlsRef = (0, import_react33.useRef)(null);
@@ -5130,13 +5131,13 @@ var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() =>
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":
-      return "(max-width: 767px)";
+      return "(max-width: 480px)";
     case "md":
-      return "(min-width: 768px) and (max-width: 1199px)";
+      return "(max-width: 768px)";
     case "lg":
-      return "(min-width: 1200px) and (max-width: 1919px)";
-    case "tv":
-      return "(min-width: 1920px)";
+      return "(min-width: 769px)";
+    // case "tv":
+    //   return "(min-width: 1920px)";
     default:
       return null;
   }
@@ -5192,22 +5193,23 @@ var ImageGalleryNode = (props) => {
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: [
-    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "max-w-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       HlsPlayer3,
       {
         sources: hlsSources,
         posterUrl: hlsPosterUrl,
         intrinsicWidth: hlsIntrinsicWidth,
         intrinsicHeight: hlsIntrinsicHeight,
-        showControls: true,
-        loop: false,
-        playOptions: void 0,
+        showControls: primaryHls?.showControls ?? false,
+        loop: primaryHls?.loop ?? false,
+        playOptions: primaryHls?.playOptions ?? "",
+        placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
         session: props.session
       }
     ) }),
-    staticFallback && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("picture", { children: [
+    staticFallback && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-6C4HXWFR.mjs";
+} from "./chunk-Q46ODS3X.mjs";
 import {
   Button_default,
   ServiceClient_default,
@@ -2638,7 +2638,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import { Fragment as Fragment3, jsx as jsx39 } from "react/jsx-runtime";
-var HlsPlayer = dynamic(() => import("./HlsPlayer-LIFSWOII.mjs"), {
+var HlsPlayer = dynamic(() => import("./HlsPlayer-UECDBJDB.mjs"), {
   ssr: false
 });
 var getNestedValue = (obj, path) => {
@@ -4106,18 +4106,18 @@ var Pagination_default = Pagination;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic5 from "next/dynamic";
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-LIFSWOII.mjs"), { ssr: false });
+import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-UECDBJDB.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":
-      return "(max-width: 767px)";
+      return "(max-width: 480px)";
     case "md":
-      return "(min-width: 768px) and (max-width: 1199px)";
+      return "(max-width: 768px)";
     case "lg":
-      return "(min-width: 1200px) and (max-width: 1919px)";
-    case "tv":
-      return "(min-width: 1920px)";
+      return "(min-width: 769px)";
+    // case "tv":
+    //   return "(min-width: 1920px)";
     default:
       return null;
   }
@@ -4173,22 +4173,23 @@ var ImageGalleryNode = (props) => {
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsxs33("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx58("div", { className: "max-w-full w-full", children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
+    hlsSources.length > 0 && /* @__PURE__ */ jsx58(Fragment9, { children: /* @__PURE__ */ jsx58(
       HlsPlayer2,
       {
         sources: hlsSources,
         posterUrl: hlsPosterUrl,
         intrinsicWidth: hlsIntrinsicWidth,
         intrinsicHeight: hlsIntrinsicHeight,
-        showControls: true,
-        loop: false,
-        playOptions: void 0,
+        showControls: primaryHls?.showControls ?? false,
+        loop: primaryHls?.loop ?? false,
+        playOptions: primaryHls?.playOptions ?? "",
+        placementCode: primaryHls?.placementCode ?? "",
         apiBaseUrl: props.apiBaseUrl,
         session: props.session
       }
     ) }),
-    staticFallback && /* @__PURE__ */ jsx58("div", { className: "max-w-full", children: /* @__PURE__ */ jsxs33("picture", { children: [
+    staticFallback && /* @__PURE__ */ jsx58(Fragment9, { children: /* @__PURE__ */ jsxs33("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
@@ -4656,7 +4657,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
 import { useState as useState8 } from "react";
-import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState8(false);
   const [message, setMessage] = useState8("");
@@ -4699,7 +4700,7 @@ var Toast = () => {
   const closeToast = () => {
     setShowToast(false);
   };
-  return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs35("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx61(Fragment10, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs35("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx61(
       "span",
       {

package/package.json

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