@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260325114210 → 0.8.1-dev.20260325163935

package/dist/index.js

@@ -4680,8 +4680,86 @@ var Pagination = (props) => {
 };
 var Pagination_default = Pagination;
 
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
+var import_dynamic4 = __toESM(require("next/dynamic"));
 var import_jsx_runtime67 = require("react/jsx-runtime");
+var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
+  ssr: false
+});
+var parseMaybeNumber = (value) => {
+  if (typeof value === "number")
+    return Number.isFinite(value) ? value : void 0;
+  if (typeof value !== "string") return void 0;
+  const n = Number(value);
+  return Number.isFinite(n) ? n : void 0;
+};
+var shouldRenderForDevice = (imageDevice, currentDevice) => {
+  if (!imageDevice) return true;
+  return imageDevice == currentDevice;
+};
+var ImageGalleryNode = (props) => {
+  const resolveImageUrl = (imageUrl) => {
+    if (!imageUrl) return "";
+    if (imageUrl.startsWith("http")) return imageUrl;
+    return AssetUtility_default.getAssetFullPath(props.assetBaseUrl, imageUrl);
+  };
+  const resolvePosterUrl = (posterUrl) => {
+    if (!posterUrl) return void 0;
+    return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
+  };
+  const currentDevice = props.device;
+  const images = Array.isArray(props.node.images) ? props.node.images : [];
+  const visibleImages = images.filter(
+    (img) => shouldRenderForDevice(img.device, currentDevice)
+  );
+  if (visibleImages.length === 0) return null;
+  const FormatClass = {
+    center: "justify-center",
+    left: "justify-start",
+    right: "justify-end"
+  };
+  const formatClasses = FormatClass[props.node.format || ""] || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+    const imageUrl = resolveImageUrl(img.imageUrl);
+    if (!imageUrl) return null;
+    const posterUrl = resolvePosterUrl(img.posterUrl);
+    const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
+    const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
+    const isHls = imageUrl.endsWith(".m3u8");
+    const alt = img.title || "Gallery image";
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      HlsPlayer1,
+      {
+        assetUrl: imageUrl,
+        posterUrl,
+        intrinsicWidth: intrinsicWidth?.toString(),
+        intrinsicHeight: intrinsicHeight?.toString(),
+        showControls: true,
+        loop: false,
+        playOptions: void 0,
+        apiBaseUrl: props.apiBaseUrl,
+        session: props.session
+      }
+    ) : (
+      /* eslint-disable-next-line @next/next/no-img-element */
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        "img",
+        {
+          loading: "lazy",
+          className: "object-cover max-w-full",
+          src: imageUrl,
+          width: intrinsicWidth,
+          height: intrinsicHeight,
+          alt
+        }
+      )
+    ) }, `${img.imageUrl}-${idx}`);
+  }) });
+};
+var ImageGalleryNode_default = ImageGalleryNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -4789,6 +4867,7 @@ var DivContainer = async (props) => {
     quote: QuoteNode_default,
     code: CodeNode_default,
     image: ImageNode_default,
+    "image-gallery": ImageGalleryNode_default,
     horizontalrule: HorizontalRuleNode_default,
     widget: WidgetNode_default,
     embed: EmbedNode_default,
@@ -4863,7 +4942,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NoDataFound_default, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4875,7 +4954,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       SelectedNode,
       {
         node,
@@ -4975,9 +5054,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react50.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react50.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)(
       Wrapper,
       {
         id: guid,
@@ -4986,18 +5065,18 @@ 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_runtime67.jsx)(import_react50.default.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -5005,6 +5084,7 @@ var NodeTypes = {
   ["quote"]: QuoteNode_default,
   ["code"]: CodeNode_default,
   ["image"]: ImageNode_default,
+  ["image-gallery"]: ImageGalleryNode_default,
   ["horizontalrule"]: HorizontalRuleNode_default,
   ["widget"]: WidgetNode_default,
   ["form-container"]: FormContainerNode_default,
@@ -5024,11 +5104,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    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)(
       SelectedNode,
       {
         node,
@@ -5043,7 +5123,7 @@ var PageBodyRenderer = (props) => {
         assetBaseUrl: props.assetBaseUrl,
         device: props.device
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       SelectedNode,
       {
         node,

package/dist/index.mjs

@@ -4336,8 +4336,86 @@ var Pagination = (props) => {
 };
 var Pagination_default = Pagination;
 
+// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
+import dynamic4 from "next/dynamic";
+import { jsx as jsx63 } from "react/jsx-runtime";
+var HlsPlayer1 = dynamic4(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
+  ssr: false
+});
+var parseMaybeNumber = (value) => {
+  if (typeof value === "number")
+    return Number.isFinite(value) ? value : void 0;
+  if (typeof value !== "string") return void 0;
+  const n = Number(value);
+  return Number.isFinite(n) ? n : void 0;
+};
+var shouldRenderForDevice = (imageDevice, currentDevice) => {
+  if (!imageDevice) return true;
+  return imageDevice == currentDevice;
+};
+var ImageGalleryNode = (props) => {
+  const resolveImageUrl = (imageUrl) => {
+    if (!imageUrl) return "";
+    if (imageUrl.startsWith("http")) return imageUrl;
+    return AssetUtility_default.getAssetFullPath(props.assetBaseUrl, imageUrl);
+  };
+  const resolvePosterUrl = (posterUrl) => {
+    if (!posterUrl) return void 0;
+    return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
+  };
+  const currentDevice = props.device;
+  const images = Array.isArray(props.node.images) ? props.node.images : [];
+  const visibleImages = images.filter(
+    (img) => shouldRenderForDevice(img.device, currentDevice)
+  );
+  if (visibleImages.length === 0) return null;
+  const FormatClass = {
+    center: "justify-center",
+    left: "justify-start",
+    right: "justify-end"
+  };
+  const formatClasses = FormatClass[props.node.format || ""] || "";
+  return /* @__PURE__ */ jsx63("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+    const imageUrl = resolveImageUrl(img.imageUrl);
+    if (!imageUrl) return null;
+    const posterUrl = resolvePosterUrl(img.posterUrl);
+    const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
+    const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
+    const isHls = imageUrl.endsWith(".m3u8");
+    const alt = img.title || "Gallery image";
+    return /* @__PURE__ */ jsx63("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ jsx63(
+      HlsPlayer1,
+      {
+        assetUrl: imageUrl,
+        posterUrl,
+        intrinsicWidth: intrinsicWidth?.toString(),
+        intrinsicHeight: intrinsicHeight?.toString(),
+        showControls: true,
+        loop: false,
+        playOptions: void 0,
+        apiBaseUrl: props.apiBaseUrl,
+        session: props.session
+      }
+    ) : (
+      /* eslint-disable-next-line @next/next/no-img-element */
+      /* @__PURE__ */ jsx63(
+        "img",
+        {
+          loading: "lazy",
+          className: "object-cover max-w-full",
+          src: imageUrl,
+          width: intrinsicWidth,
+          height: intrinsicHeight,
+          alt
+        }
+      )
+    ) }, `${img.imageUrl}-${idx}`);
+  }) });
+};
+var ImageGalleryNode_default = ImageGalleryNode;
+
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import { jsx as jsx63, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs31 } from "react/jsx-runtime";
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -4445,6 +4523,7 @@ var DivContainer = async (props) => {
     quote: QuoteNode_default,
     code: CodeNode_default,
     image: ImageNode_default,
+    "image-gallery": ImageGalleryNode_default,
     horizontalrule: HorizontalRuleNode_default,
     widget: WidgetNode_default,
     embed: EmbedNode_default,
@@ -4519,7 +4598,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx63(NoDataFound_default, {});
+      return /* @__PURE__ */ jsx64(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4531,7 +4610,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx63(React46.Fragment, { children: /* @__PURE__ */ jsx63(
+    return /* @__PURE__ */ jsx64(React46.Fragment, { children: /* @__PURE__ */ jsx64(
       SelectedNode,
       {
         node,
@@ -4632,8 +4711,8 @@ var DivContainer = async (props) => {
     props.node.bgClass
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs31(React46.Fragment, { children: [
-    /* @__PURE__ */ jsx63("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx63(React46.Fragment, { children: /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx64("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ jsx64(React46.Fragment, { children: /* @__PURE__ */ jsx64(
       Wrapper,
       {
         id: guid,
@@ -4642,18 +4721,18 @@ 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__ */ jsx63(React46.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx64(React46.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx63("div", { children: /* @__PURE__ */ jsx63(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsx64(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -4661,6 +4740,7 @@ var NodeTypes = {
   ["quote"]: QuoteNode_default,
   ["code"]: CodeNode_default,
   ["image"]: ImageNode_default,
+  ["image-gallery"]: ImageGalleryNode_default,
   ["horizontalrule"]: HorizontalRuleNode_default,
   ["widget"]: WidgetNode_default,
   ["form-container"]: FormContainerNode_default,
@@ -4680,11 +4760,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx64(React47.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx65(React47.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ jsx64(React47.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx64(React47.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx64(React47.Fragment, { children: /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65(React47.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx65(React47.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx65(React47.Fragment, { children: /* @__PURE__ */ jsx65(
       SelectedNode,
       {
         node,
@@ -4699,7 +4779,7 @@ var PageBodyRenderer = (props) => {
         assetBaseUrl: props.assetBaseUrl,
         device: props.device
       }
-    ) }) : /* @__PURE__ */ jsx64(React47.Fragment, { children: /* @__PURE__ */ jsx64(
+    ) }) : /* @__PURE__ */ jsx65(React47.Fragment, { children: /* @__PURE__ */ jsx65(
       SelectedNode,
       {
         node,

package/package.json

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