@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260616060453 → 0.8.1-dev.20260616091934

package/dist/index.js

@@ -1266,7 +1266,7 @@ var init_LinkNodeButton = __esm({
         const fieldNames = extractFieldNames(template);
         if (responseData) {
           fieldNames.forEach((fieldName) => {
-            const value = getNestedValue4(responseData, fieldName);
+            const value = getNestedValue5(responseData, fieldName);
             if (value !== void 0) {
               const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
               const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
@@ -1289,7 +1289,7 @@ var init_LinkNodeButton = __esm({
         }
         return result;
       }, [props.routeParameters, dataitem, extractFieldNames]);
-      const getNestedValue4 = (0, import_react35.useCallback)((obj, path) => {
+      const getNestedValue5 = (0, import_react35.useCallback)((obj, path) => {
         if (!obj || !path) return void 0;
         if (obj[path] !== void 0) {
           return obj[path];
@@ -1339,15 +1339,15 @@ var init_LinkNodeButton = __esm({
             console.log("Field names in redirect URL:", fieldNames);
             const fieldValueMap = {};
             fieldNames.forEach((fieldName) => {
-              const value = getNestedValue4(response, fieldName);
+              const value = getNestedValue5(response, fieldName);
               if (value !== void 0) {
                 fieldValueMap[fieldName] = String(value);
               } else {
-                const resultValue = getNestedValue4(response, `result.${fieldName}`);
+                const resultValue = getNestedValue5(response, `result.${fieldName}`);
                 if (resultValue !== void 0) {
                   fieldValueMap[fieldName] = String(resultValue);
                 } else {
-                  const dataValue = getNestedValue4(response, `data.${fieldName}`);
+                  const dataValue = getNestedValue5(response, `data.${fieldName}`);
                   if (dataValue !== void 0) {
                     fieldValueMap[fieldName] = String(dataValue);
                   }
@@ -1385,7 +1385,7 @@ var init_LinkNodeButton = __esm({
           setIsLoading(false);
           return { isSuccessful: false, message: err.message };
         }
-      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue4, props.apiBaseUrl, props.session]);
+      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue5, props.apiBaseUrl, props.session]);
       const renderButtonContent = () => {
         if (children) {
           return children;
@@ -2852,7 +2852,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = (0, import_react29.useRef)(null);
   const [isCreateOpen, setIsCreateOpen] = (0, import_react29.useState)(false);
   const [formData, setFormData] = (0, import_react29.useState)({});
-  const getNestedValue4 = (obj, path) => {
+  const getNestedValue5 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   (0, import_react29.useEffect)(() => {
@@ -2890,7 +2890,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue4(item, props.dataTextFieldName);
+    const value = getNestedValue5(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -2921,7 +2921,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue4(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue5(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -3076,7 +3076,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue4(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue5(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -5365,10 +5365,69 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
+function resolveAssetUrl(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+var getNestedValue3 = (obj, path) => {
+  if (!obj || !path) {
+    return void 0;
+  }
+  return path.split(".").reduce(
+    (current, key) => {
+      return current?.[key];
+    },
+    obj
+  );
+};
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (image) => {
+    let imageUrl = image.imageUrl;
+    if (image.datafield && props.dataitem) {
+      const fieldValue = getNestedValue3(
+        props.dataitem,
+        image.datafield
+      );
+      const resolvedAsset = resolveAssetUrl(
+        fieldValue,
+        image.tag
+      );
+      if (resolvedAsset) {
+        imageUrl = resolvedAsset;
+      }
+    }
+    if (!imageUrl) {
+      return "";
+    }
+    if (imageUrl.startsWith("http")) {
+      return imageUrl;
+    }
     const base = props.assetBaseUrl.replace(/\/$/, "");
     const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
@@ -5379,23 +5438,23 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img).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 src = resolveImageUrl(img);
       if (!src) return [];
       const media = deviceToMediaQuery(img.device);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
@@ -5435,7 +5494,7 @@ var ImageGalleryNode = (props) => {
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
-        const srcUrl = resolveImageUrl(match.imageUrl);
+        const srcUrl = resolveImageUrl(match);
         if (!srcUrl) return null;
         const mediaQuery = deviceToMediaQuery(match.device);
         return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -5451,7 +5510,7 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
+        const imageUrl = resolveImageUrl(img);
         if (!imageUrl) return null;
         const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
         const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
@@ -5497,7 +5556,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue3 = (obj, path) => {
+var getNestedValue4 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -5505,7 +5564,7 @@ var getNestedValue3 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl(fieldValue, tag) {
+function resolveAssetUrl2(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -5516,7 +5575,7 @@ function resolveAssetUrl(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
+      return resolveAssetUrl2(parsed, tag);
     } catch {
       return void 0;
     }
@@ -5542,11 +5601,11 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue3(
+        const fieldValue = getNestedValue4(
           dataItem,
           layer.datafield
         );
-        const resolvedAssetUrl = resolveAssetUrl(
+        const resolvedAssetUrl = resolveAssetUrl2(
           fieldValue,
           layer.tag
         );
@@ -5703,7 +5762,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue3(props.dataitem, fieldName);
+    const fieldValue = getNestedValue4(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -5736,7 +5795,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue3(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(

package/dist/index.mjs

@@ -1252,7 +1252,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = useRef2(null);
   const [isCreateOpen, setIsCreateOpen] = useState4(false);
   const [formData, setFormData] = useState4({});
-  const getNestedValue4 = (obj, path) => {
+  const getNestedValue5 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   useEffect5(() => {
@@ -1290,7 +1290,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue4(item, props.dataTextFieldName);
+    const value = getNestedValue5(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -1321,7 +1321,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue4(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue5(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -1476,7 +1476,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue4(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue5(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx25("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -3759,10 +3759,69 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
+function resolveAssetUrl(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+var getNestedValue3 = (obj, path) => {
+  if (!obj || !path) {
+    return void 0;
+  }
+  return path.split(".").reduce(
+    (current, key) => {
+      return current?.[key];
+    },
+    obj
+  );
+};
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (image) => {
+    let imageUrl = image.imageUrl;
+    if (image.datafield && props.dataitem) {
+      const fieldValue = getNestedValue3(
+        props.dataitem,
+        image.datafield
+      );
+      const resolvedAsset = resolveAssetUrl(
+        fieldValue,
+        image.tag
+      );
+      if (resolvedAsset) {
+        imageUrl = resolvedAsset;
+      }
+    }
+    if (!imageUrl) {
+      return "";
+    }
+    if (imageUrl.startsWith("http")) {
+      return imageUrl;
+    }
     const base = props.assetBaseUrl.replace(/\/$/, "");
     const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
@@ -3773,23 +3832,23 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img).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 src = resolveImageUrl(img);
       if (!src) return [];
       const media = deviceToMediaQuery(img.device);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
@@ -3829,7 +3888,7 @@ var ImageGalleryNode = (props) => {
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
-        const srcUrl = resolveImageUrl(match.imageUrl);
+        const srcUrl = resolveImageUrl(match);
         if (!srcUrl) return null;
         const mediaQuery = deviceToMediaQuery(match.device);
         return /* @__PURE__ */ jsx58(
@@ -3845,7 +3904,7 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
+        const imageUrl = resolveImageUrl(img);
         if (!imageUrl) return null;
         const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
         const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
@@ -3891,7 +3950,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue3 = (obj, path) => {
+var getNestedValue4 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -3899,7 +3958,7 @@ var getNestedValue3 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl(fieldValue, tag) {
+function resolveAssetUrl2(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -3910,7 +3969,7 @@ function resolveAssetUrl(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
+      return resolveAssetUrl2(parsed, tag);
     } catch {
       return void 0;
     }
@@ -3936,11 +3995,11 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue3(
+        const fieldValue = getNestedValue4(
           dataItem,
           layer.datafield
         );
-        const resolvedAssetUrl = resolveAssetUrl(
+        const resolvedAssetUrl = resolveAssetUrl2(
           fieldValue,
           layer.tag
         );
@@ -4097,7 +4156,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue3(props.dataitem, fieldName);
+    const fieldValue = getNestedValue4(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -4130,7 +4189,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ jsx59(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue3(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(

package/package.json

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