@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260421095450 → 0.8.1-dev.20260421114017

package/dist/index.js

@@ -3395,7 +3395,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 var import_react37 = __toESM(require("react"));
@@ -4406,7 +4406,7 @@ var FormContainerNode = (props) => {
 var FormContainerNode_default = FormContainerNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 var import_dynamic4 = __toESM(require("next/dynamic"));
@@ -5104,19 +5104,19 @@ var Pagination = (props) => {
 var Pagination_default = Pagination;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
-var import_dynamic5 = __toESM(require("next/dynamic"));
+var import_react50 = __toESM(require("react"));
+init_HlsPlayer();
 var import_jsx_runtime67 = require("react/jsx-runtime");
-var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { 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;
   }
@@ -5163,7 +5163,7 @@ 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react50.default.Fragment, { children: [
     hlsImages.map((img, idx) => {
       const assetUrl = resolveImageUrl(img.imageUrl);
       if (!assetUrl) return null;
@@ -5171,36 +5171,30 @@ var ImageGalleryNode = (props) => {
       const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
       const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
       const mediaQuery = deviceToMediaQuery(img.device);
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "div",
         {
           className: "max-w-full",
           style: mediaQuery ? { "--media-query": mediaQuery } : void 0,
-          children: [
-            mediaQuery && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { children: `
-                [data-hls-idx="${idx}"] { display: none; }
-                @media ${mediaQuery} { [data-hls-idx="${idx}"] { display: block; } }
-              ` }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-hls-idx": mediaQuery ? idx : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-              HlsPlayer3,
-              {
-                assetUrl,
-                posterUrl,
-                intrinsicWidth: intrinsicWidth?.toString(),
-                intrinsicHeight: intrinsicHeight?.toString(),
-                showControls: true,
-                loop: false,
-                playOptions: void 0,
-                apiBaseUrl: props.apiBaseUrl,
-                session: props.session
-              }
-            ) })
-          ]
+          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-hls-idx": mediaQuery ? idx : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            HlsPlayer_default,
+            {
+              assetUrl,
+              posterUrl,
+              intrinsicWidth: intrinsicWidth?.toString(),
+              intrinsicHeight: intrinsicHeight?.toString(),
+              showControls: true,
+              loop: false,
+              playOptions: void 0,
+              apiBaseUrl: props.apiBaseUrl,
+              session: props.session
+            }
+          ) })
         },
         `hls-${idx}-${img.imageUrl}`
       );
     }),
-    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: [
       ["sm", "md", "lg", "tv"].map((deviceKey) => {
         const match = staticSources.find(
           (img) => img.device === deviceKey
@@ -5476,7 +5470,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       SelectedNode,
       {
         node,
@@ -5578,9 +5572,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react50.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react51.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Wrapper,
       {
         id: guid,
@@ -5589,7 +5583,7 @@ var DivContainer = async (props) => {
         ...wrapperProps,
         children: dataToRender.map(
           (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
@@ -5628,11 +5622,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       SelectedNode,
       {
         node,
@@ -5648,7 +5642,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       SelectedNode,
       {
         node,
@@ -5669,13 +5663,13 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 init_ToastService();
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var Toast = () => {
-  const [showToast, setShowToast] = (0, import_react52.useState)(false);
-  const [message, setMessage] = (0, import_react52.useState)("");
-  const [messageType, setMessageType] = (0, import_react52.useState)("error");
+  const [showToast, setShowToast] = (0, import_react53.useState)(false);
+  const [message, setMessage] = (0, import_react53.useState)("");
+  const [messageType, setMessageType] = (0, import_react53.useState)("error");
   ToastService_default.showError = function(message2) {
     setShowToast(true);
     setMessage(message2);

package/dist/index.mjs

@@ -2403,7 +2403,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import React43 from "react";
+import React44 from "react";
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 import React32 from "react";
@@ -3411,7 +3411,7 @@ var FormContainerNode = (props) => {
 var FormContainerNode_default = FormContainerNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import React42 from "react";
+import React43 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic4 from "next/dynamic";
@@ -4105,19 +4105,18 @@ var Pagination = (props) => {
 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-5AJ5M4IS.mjs"), { ssr: false });
+import React42 from "react";
+import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
 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;
   }
@@ -4164,7 +4163,7 @@ var ImageGalleryNode = (props) => {
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsxs33("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: [
+  return /* @__PURE__ */ jsxs33(React42.Fragment, { children: [
     hlsImages.map((img, idx) => {
       const assetUrl = resolveImageUrl(img.imageUrl);
       if (!assetUrl) return null;
@@ -4172,36 +4171,30 @@ var ImageGalleryNode = (props) => {
       const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
       const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
       const mediaQuery = deviceToMediaQuery(img.device);
-      return /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsx58(
         "div",
         {
           className: "max-w-full",
           style: mediaQuery ? { "--media-query": mediaQuery } : void 0,
-          children: [
-            mediaQuery && /* @__PURE__ */ jsx58("style", { children: `
-                [data-hls-idx="${idx}"] { display: none; }
-                @media ${mediaQuery} { [data-hls-idx="${idx}"] { display: block; } }
-              ` }),
-            /* @__PURE__ */ jsx58("div", { "data-hls-idx": mediaQuery ? idx : void 0, children: /* @__PURE__ */ jsx58(
-              HlsPlayer2,
-              {
-                assetUrl,
-                posterUrl,
-                intrinsicWidth: intrinsicWidth?.toString(),
-                intrinsicHeight: intrinsicHeight?.toString(),
-                showControls: true,
-                loop: false,
-                playOptions: void 0,
-                apiBaseUrl: props.apiBaseUrl,
-                session: props.session
-              }
-            ) })
-          ]
+          children: /* @__PURE__ */ jsx58("div", { "data-hls-idx": mediaQuery ? idx : void 0, children: /* @__PURE__ */ jsx58(
+            HlsPlayer_default,
+            {
+              assetUrl,
+              posterUrl,
+              intrinsicWidth: intrinsicWidth?.toString(),
+              intrinsicHeight: intrinsicHeight?.toString(),
+              showControls: true,
+              loop: false,
+              playOptions: void 0,
+              apiBaseUrl: props.apiBaseUrl,
+              session: props.session
+            }
+          ) })
         },
         `hls-${idx}-${img.imageUrl}`
       );
     }),
-    staticFallback && /* @__PURE__ */ jsx58("div", { className: "max-w-full", children: /* @__PURE__ */ jsxs33("picture", { children: [
+    staticFallback && /* @__PURE__ */ jsx58(Fragment9, { children: /* @__PURE__ */ jsxs33("picture", { children: [
       ["sm", "md", "lg", "tv"].map((deviceKey) => {
         const match = staticSources.find(
           (img) => img.device === deviceKey
@@ -4477,7 +4470,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx59(React42.Fragment, { children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx59(React43.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4579,9 +4572,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs34(React42.Fragment, { children: [
+  return /* @__PURE__ */ jsxs34(React43.Fragment, { children: [
     /* @__PURE__ */ jsx59("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx59(React42.Fragment, { children: /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx59(React43.Fragment, { children: /* @__PURE__ */ jsx59(
       Wrapper,
       {
         id: guid,
@@ -4590,7 +4583,7 @@ var DivContainer = async (props) => {
         ...wrapperProps,
         children: dataToRender.map(
           (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ jsx59(React42.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx59(React43.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
@@ -4629,11 +4622,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx60(React43.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx60(React44.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ jsx60(React43.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx60(React43.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx60(React43.Fragment, { children: /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx60(React44.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx60(React44.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx60(React44.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
         node,
@@ -4649,7 +4642,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx60(React43.Fragment, { children: /* @__PURE__ */ jsx60(
+    ) }) : /* @__PURE__ */ jsx60(React44.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
         node,
@@ -4671,7 +4664,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("");
@@ -4714,7 +4707,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.20260421095450",
+  "version": "0.8.1-dev.20260421114017",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",