@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260831113446 → 0.8.1-dev.20260901054125

package/dist/server.js

@@ -2509,7 +2509,7 @@ var init_CommentFileNode = __esm({
 });
 
 // src/components/controls/view/CommentNodeRenderer.tsx
-var import_react24, import_jsx_runtime36, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
+var import_react24, import_jsx_runtime36, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
 var init_CommentNodeRenderer = __esm({
   "src/components/controls/view/CommentNodeRenderer.tsx"() {
     "use strict";
@@ -2518,8 +2518,42 @@ var init_CommentNodeRenderer = __esm({
     init_CommentImageNode();
     init_CommentFileNode();
     import_jsx_runtime36 = require("react/jsx-runtime");
+    LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+    URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
+    linkifyText = (text, keyPrefix) => {
+      const parts = text.split(URL_PATTERN);
+      if (parts.length === 1) {
+        return text;
+      }
+      return parts.map((part, index) => {
+        if (!part) {
+          return null;
+        }
+        const isUrl = index % 2 === 1;
+        if (!isUrl) {
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.default.Fragment, { children: part }, `${keyPrefix}-${index}`);
+        }
+        const trimmed = part.replace(/[.,;:!?)\]]+$/, "");
+        const trailing = part.slice(trimmed.length);
+        const href = trimmed.startsWith("www.") ? `https://${trimmed}` : trimmed;
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "a",
+            {
+              href,
+              target: "_blank",
+              rel: "noopener noreferrer nofollow ugc",
+              className: "comment-node-link bg-info-weak",
+              style: LINK_STYLE,
+              children: trimmed
+            }
+          ),
+          trailing
+        ] }, `${keyPrefix}-${index}`);
+      });
+    };
     TextLeafNode = ({ node }) => {
-      let content = node.text;
+      let content = node.code ? node.text : linkifyText(node.text ?? "", node.id ?? "comment-text");
       if (node.code) content = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("code", { className: "comment-node-code", children: content });
       if (node.bold) content = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: content });
       if (node.italic) content = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("em", { children: content });
@@ -2595,7 +2629,17 @@ var init_CommentNodeRenderer = __esm({
           return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommentFileNode_default, { node: element, assetBaseUrl });
         case "link": {
           const url = typeof element.url === "string" ? element.url : "#";
-          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "a",
+            {
+              href: url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "comment-node-link bg-info-weak",
+              style: LINK_STYLE,
+              children: renderChildren(element.children, key, assetBaseUrl)
+            }
+          );
         }
         case "mention": {
           const label = element.label ?? element.mentionName ?? element.text ?? "";
@@ -2961,7 +3005,6 @@ var init_InputControlType = __esm({
       moneyInput: "money",
       select: "select",
       percentageInput: "percentage",
-      asset: "asset",
       assetUpload: "assetUpload",
       phoneInput: "phone",
       numberInput: "numberInput",
@@ -2972,11 +3015,9 @@ var init_InputControlType = __esm({
       colorInput: "colorInput",
       selectWithSearchInput: "selectWithSearchInput",
       selectWithSearchPanel: "selectWithSearchPanel",
-      booleanSelect: "booleanSelect",
       switchInput: "switchInput",
       dateInput: "dateInput",
       radioInput: "radioInput",
-      switcher: "switcher",
       videoInput: "videoInput",
       referenceInput: "referenceInput"
     };
@@ -3584,6 +3625,7 @@ var init_LineTextInput = __esm({
             value,
             onChange: textChangeHandler,
             onBlur: props?.onBlur,
+            autoFocus: props?.attributes?.autoFocus,
             required: props?.attributes?.required,
             placeholder: props?.attributes?.placeholder,
             maxLength: props?.attributes?.maxLength,
@@ -4660,106 +4702,13 @@ var init_SelectWithSearchPanel = __esm({
   }
 });
 
-// src/components/controls/edit/BooleanSelect.tsx
-var import_react51, import_jsx_runtime77, BooleanSelect, BooleanSelect_default;
-var init_BooleanSelect = __esm({
-  "src/components/controls/edit/BooleanSelect.tsx"() {
-    "use strict";
-    import_react51 = __toESM(require("react"));
-    import_jsx_runtime77 = require("react/jsx-runtime");
-    BooleanSelect = (props) => {
-      const [list, setList] = (0, import_react51.useState)();
-      const textChangeHandler = (event) => {
-        const text = event.target.value;
-        const boolValue = text?.toLowerCase() === "true" || text === "1";
-        if (props.callback !== void 0) {
-          props.callback({
-            name: props.name,
-            value: boolValue,
-            index: props.index,
-            groupKey: props.groupKey
-          });
-        }
-      };
-      (0, import_react51.useEffect)(() => {
-        async function fetchData() {
-          console.log("in select");
-          if (props.dataset) {
-            setList(props.dataset);
-          } else if (props.dataSource && props.dataSource != "" && props.serviceClient) {
-            let dataSource = props.dataSource;
-            let response;
-            if (props.dataSourceDependsOn) {
-              if (props.dependentValue) {
-                dataSource = dataSource.replace(
-                  `{${props.dataSourceDependsOn}}`,
-                  props.dependentValue
-                );
-                response = await props.serviceClient.get(dataSource);
-                setList(response.result);
-              }
-            } else {
-              response = await props.serviceClient.get(dataSource);
-              setList(response.result);
-            }
-          }
-        }
-        fetchData();
-      }, [
-        props.dataSource,
-        props.dependentValue,
-        props.dataset,
-        props.dataSourceDependsOn
-      ]);
-      let value;
-      if (props.value !== void 0 && props.value !== null) {
-        value = props.value;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: "block", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
-        " ",
-        props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "bg-error-weak", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
-          "select",
-          {
-            name: props.name,
-            id: props.name,
-            value,
-            onChange: textChangeHandler,
-            required: props?.attributes?.required,
-            placeholder: props?.attributes?.placeholder,
-            disabled: props?.attributes?.readOnly,
-            className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
-              list && list.map((item, i) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-                  "option",
-                  {
-                    className: "fac-select-option",
-                    value: item[props.dataKeyFieldName],
-                    children: item[props.dataTextFieldName]
-                  },
-                  item[props.dataKeyFieldName]
-                );
-              })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
-      ] }) });
-    };
-    BooleanSelect_default = BooleanSelect;
-  }
-});
-
 // src/components/controls/edit/EmailInput.tsx
-var import_react52, import_jsx_runtime78, EmailInput, EmailInput_default;
+var import_react51, import_jsx_runtime77, EmailInput, EmailInput_default;
 var init_EmailInput = __esm({
   "src/components/controls/edit/EmailInput.tsx"() {
     "use strict";
-    import_react52 = __toESM(require("react"));
-    import_jsx_runtime78 = require("react/jsx-runtime");
+    import_react51 = __toESM(require("react"));
+    import_jsx_runtime77 = require("react/jsx-runtime");
     EmailInput = (props) => {
       const textChangeHandler = (event) => {
         const text = event.target.value;
@@ -4784,11 +4733,11 @@ var init_EmailInput = __esm({
       if (props.value !== void 0 && props.value !== null) {
         value = props.value;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: "block mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: "block mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
         " ",
-        props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "bg-error-weak", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "bg-error-weak", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "input",
           {
             type: "email",
@@ -4804,7 +4753,7 @@ var init_EmailInput = __esm({
             className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     transition-all duration-500 ease-in-out"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
       ] }) });
     };
     EmailInput_default = EmailInput;
@@ -4812,13 +4761,13 @@ var init_EmailInput = __esm({
 });
 
 // src/components/controls/edit/TimeInput.tsx
-var import_react53, import_jsx_runtime79, TimeInput, TimeInput_default;
+var import_react52, import_jsx_runtime78, TimeInput, TimeInput_default;
 var init_TimeInput = __esm({
   "src/components/controls/edit/TimeInput.tsx"() {
     "use strict";
     "use client";
-    import_react53 = __toESM(require("react"));
-    import_jsx_runtime79 = require("react/jsx-runtime");
+    import_react52 = __toESM(require("react"));
+    import_jsx_runtime78 = require("react/jsx-runtime");
     TimeInput = (props) => {
       const timeChangeHandler = (event) => {
         const timeValue = event.target.value;
@@ -4831,11 +4780,11 @@ var init_TimeInput = __esm({
           });
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("label", { className: "block mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: "block mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
         " ",
-        props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "bg-error-weak", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "bg-error-weak", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "input",
           {
             type: "time",
@@ -4848,7 +4797,7 @@ var init_TimeInput = __esm({
             className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
       ] }) });
     };
     TimeInput_default = TimeInput;
@@ -4856,18 +4805,18 @@ var init_TimeInput = __esm({
 });
 
 // src/components/controls/edit/AssetUpload.tsx
-var import_react54, import_jsx_runtime80, AssetUpload, AssetUpload_default;
+var import_react53, import_jsx_runtime79, AssetUpload, AssetUpload_default;
 var init_AssetUpload = __esm({
   "src/components/controls/edit/AssetUpload.tsx"() {
     "use strict";
     "use client";
-    import_react54 = __toESM(require("react"));
+    import_react53 = __toESM(require("react"));
     init_ClientButton();
     init_StyleTypes();
     init_AssetUtility();
     init_Hyperlink();
     init_Icon();
-    import_jsx_runtime80 = require("react/jsx-runtime");
+    import_jsx_runtime79 = require("react/jsx-runtime");
     AssetUpload = (props) => {
       const isDisabled = props.attributes?.disable ?? false;
       let allValues = [];
@@ -4888,8 +4837,8 @@ var init_AssetUpload = __esm({
         }
         return "image";
       };
-      const [assetType, setAssetType] = import_react54.default.useState(getInitialTab);
-      (0, import_react54.useEffect)(() => {
+      const [assetType, setAssetType] = import_react53.default.useState(getInitialTab);
+      (0, import_react53.useEffect)(() => {
         setAssetType(getInitialTab());
       }, [props.value]);
       const assetUploadCallback = (newAsset) => {
@@ -4964,10 +4913,10 @@ var init_AssetUpload = __esm({
         }
         return false;
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react54.default.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react53.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             ClientButton_default,
             {
               className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
@@ -4977,7 +4926,7 @@ var init_AssetUpload = __esm({
               children: "Image Upload"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             ClientButton_default,
             {
               className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
@@ -4988,13 +4937,13 @@ var init_AssetUpload = __esm({
             }
           )
         ] }),
-        shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Title" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-gray-500", children: "Title" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   "input",
                   {
                     type: "text",
@@ -5006,18 +4955,18 @@ var init_AssetUpload = __esm({
                   }
                 )
               ] }),
-              digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
+              digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
                   digitalAsset.intrinsicWidth,
                   "\xD7",
                   digitalAsset.intrinsicHeight
                 ] })
               ] }),
-              (digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
-                  getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              (digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
+                  getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                     "img",
                     {
                       src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
@@ -5025,7 +4974,7 @@ var init_AssetUpload = __esm({
                       className: "w-32 h-auto object-cover rounded border p-1"
                     }
                   ),
-                  getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                  getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                     "img",
                     {
                       src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
@@ -5035,9 +4984,9 @@ var init_AssetUpload = __esm({
                   )
                 ] })
               ] }),
-              digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "col-span-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "col-span-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   Hyperlink,
                   {
                     href: digitalAsset.assetUrl,
@@ -5048,12 +4997,12 @@ var init_AssetUpload = __esm({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
               "span",
               {
                 onClick: () => !isDisabled && deleteFile(index),
                 className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
               }
             )
           ] }, index)) })
@@ -5065,12 +5014,12 @@ var init_AssetUpload = __esm({
 });
 
 // src/components/controls/edit/SwitchInput.tsx
-var import_react55, import_jsx_runtime81, SwitchInput, SwitchInput_default;
+var import_react54, import_jsx_runtime80, SwitchInput, SwitchInput_default;
 var init_SwitchInput = __esm({
   "src/components/controls/edit/SwitchInput.tsx"() {
     "use strict";
-    import_react55 = __toESM(require("react"));
-    import_jsx_runtime81 = require("react/jsx-runtime");
+    import_react54 = __toESM(require("react"));
+    import_jsx_runtime80 = require("react/jsx-runtime");
     SwitchInput = (props) => {
       const textChangeHandler = (event) => {
         let text = event.target.checked;
@@ -5087,28 +5036,28 @@ var init_SwitchInput = __esm({
       if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
         value = true;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "min-w-0", children: [
-          props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "min-w-0", children: [
+          props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
             "label",
             {
               htmlFor: props.name,
               className: "inline-block text-sm font-semibold text-slate-800",
               children: [
                 props.attributes.label,
-                props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "bg-error-weak", children: "*" })
+                props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "bg-error-weak", children: "*" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
           "label",
           {
             htmlFor: props.name,
             className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -5121,13 +5070,13 @@ var init_SwitchInput = __esm({
                   className: "peer sr-only"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 "div",
                 {
                   className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 "div",
                 {
                   className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
@@ -5225,15 +5174,15 @@ var init_DateTimeUtility = __esm({
 });
 
 // src/components/controls/edit/DateInput.tsx
-var import_react56, import_jsx_runtime82, DateInput, DateInput_default;
+var import_react55, import_jsx_runtime81, DateInput, DateInput_default;
 var init_DateInput = __esm({
   "src/components/controls/edit/DateInput.tsx"() {
     "use strict";
-    import_react56 = require("react");
+    import_react55 = require("react");
     init_DateTimeUtility();
-    import_jsx_runtime82 = require("react/jsx-runtime");
+    import_jsx_runtime81 = require("react/jsx-runtime");
     DateInput = (props) => {
-      const value = (0, import_react56.useMemo)(() => {
+      const value = (0, import_react55.useMemo)(() => {
         if (props.value === void 0 || props.value === null || props.value === "") {
           return "";
         }
@@ -5265,11 +5214,11 @@ var init_DateInput = __esm({
           groupKey: props.groupKey
         });
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "block mb-1", children: [
-        props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "block mb-1", children: [
+        props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
         " ",
-        props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "bg-error-weak", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "bg-error-weak", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "input",
           {
             type: "date",
@@ -5283,7 +5232,7 @@ var init_DateInput = __esm({
             className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
       ] });
     };
     DateInput_default = DateInput;
@@ -5291,16 +5240,16 @@ var init_DateInput = __esm({
 });
 
 // src/components/controls/edit/RadioInput.tsx
-var import_react57, import_jsx_runtime83, RadioInput, RadioInput_default;
+var import_react56, import_jsx_runtime82, RadioInput, RadioInput_default;
 var init_RadioInput = __esm({
   "src/components/controls/edit/RadioInput.tsx"() {
     "use strict";
-    import_react57 = require("react");
+    import_react56 = require("react");
     init_Icon();
-    import_jsx_runtime83 = require("react/jsx-runtime");
+    import_jsx_runtime82 = require("react/jsx-runtime");
     RadioInput = (props) => {
-      const [list, setList] = (0, import_react57.useState)([]);
-      (0, import_react57.useEffect)(() => {
+      const [list, setList] = (0, import_react56.useState)([]);
+      (0, import_react56.useEffect)(() => {
         async function loadData() {
           if (props.dataset) {
             setList(props.dataset);
@@ -5342,22 +5291,22 @@ var init_RadioInput = __esm({
           });
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "block", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
           const itemValue = item[props.dataKeyFieldName];
           const isSelected = String(itemValue) === String(props.value ?? "");
           const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
           const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
           const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
           const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "div",
             {
               className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex gap-4 items-start", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex gap-4 items-start", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "input",
                     {
                       type: "radio",
@@ -5371,125 +5320,30 @@ var init_RadioInput = __esm({
                       required: props.attributes?.required
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
                 ] }),
-                iconName && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
+                iconName && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
               ]
             },
             String(itemValue)
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
       ] });
     };
     RadioInput_default = RadioInput;
   }
 });
 
-// src/components/controls/edit/Switcher.tsx
-var import_react58, import_jsx_runtime84, Switcher, Switcher_default;
-var init_Switcher = __esm({
-  "src/components/controls/edit/Switcher.tsx"() {
-    "use strict";
-    import_react58 = require("react");
-    import_jsx_runtime84 = require("react/jsx-runtime");
-    Switcher = (props) => {
-      const [list, setList] = (0, import_react58.useState)([]);
-      (0, import_react58.useEffect)(() => {
-        async function loadData() {
-          if (props.dataset) {
-            setList(props.dataset);
-            return;
-          }
-          if (!props.dataSource || !props.serviceClient) {
-            setList([]);
-            return;
-          }
-          let dataSource = props.dataSource;
-          if (props.dataSourceDependsOn) {
-            if (!props.dependentValue) {
-              setList([]);
-              return;
-            }
-            dataSource = dataSource.replace(
-              `{${props.dataSourceDependsOn}}`,
-              props.dependentValue
-            );
-          }
-          const response = await props.serviceClient.get(dataSource);
-          setList(response.result ?? []);
-        }
-        loadData();
-      }, [
-        props.dataSource,
-        props.dataSourceDependsOn,
-        props.dataset,
-        props.dependentValue,
-        props.serviceClient
-      ]);
-      const changeHandler = (event) => {
-        props.callback?.({
-          name: props.name,
-          value: event.target.value,
-          index: props.index,
-          groupKey: props.groupKey
-        });
-      };
-      const value = props.value === void 0 || props.value === null ? "" : String(props.value);
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { className: "block mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
-        list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-          "input",
-          {
-            type: "text",
-            name: props.name,
-            id: props.name,
-            value,
-            onChange: changeHandler,
-            required: props.attributes?.required,
-            placeholder: props.attributes?.placeholder,
-            disabled: props.attributes?.readOnly,
-            className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
-          "select",
-          {
-            name: props.name,
-            id: props.name,
-            value,
-            onChange: changeHandler,
-            required: props.attributes?.required,
-            disabled: props.attributes?.readOnly,
-            className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
-              list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-                "option",
-                {
-                  value: item[props.dataKeyFieldName],
-                  children: item[props.dataTextFieldName]
-                },
-                String(item[props.dataKeyFieldName])
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
-      ] });
-    };
-    Switcher_default = Switcher;
-  }
-});
-
 // src/components/controls/edit/ReferenceInput.tsx
-var import_jsx_runtime85, ReferenceInput, ReferenceInput_default;
+var import_jsx_runtime83, ReferenceInput, ReferenceInput_default;
 var init_ReferenceInput = __esm({
   "src/components/controls/edit/ReferenceInput.tsx"() {
     "use strict";
     init_SelectWithSearchInput();
-    import_jsx_runtime85 = require("react/jsx-runtime");
+    import_jsx_runtime83 = require("react/jsx-runtime");
     ReferenceInput = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SelectWithSearchInput_default, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectWithSearchInput_default, { ...props });
     };
     ReferenceInput_default = ReferenceInput;
   }
@@ -5500,12 +5354,12 @@ var InputControlClient_exports = {};
 __export(InputControlClient_exports, {
   default: () => InputControlClient_default
 });
-var import_react59, import_jsx_runtime86, InputControl, InputControlClient_default;
+var import_react57, import_jsx_runtime84, InputControl, InputControlClient_default;
 var init_InputControlClient = __esm({
   "src/components/controls/edit/InputControlClient.tsx"() {
     "use strict";
     "use client";
-    import_react59 = __toESM(require("react"));
+    import_react57 = __toESM(require("react"));
     init_MultilineTextInput();
     init_LineTextInput();
     init_MoneyInput();
@@ -5520,17 +5374,15 @@ var init_InputControlClient = __esm({
     init_ColorInput();
     init_SelectWithSearchInput();
     init_SelectWithSearchPanel();
-    init_BooleanSelect();
     init_EmailInput();
     init_TimeInput();
     init_AssetUpload();
     init_SwitchInput();
     init_DateInput();
     init_RadioInput();
-    init_Switcher();
     init_ReferenceInput();
-    import_jsx_runtime86 = require("react/jsx-runtime");
-    InputControl = import_react59.default.forwardRef(
+    import_jsx_runtime84 = require("react/jsx-runtime");
+    InputControl = import_react57.default.forwardRef(
       (props, ref) => {
         const ControlComponents = {
           [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -5547,18 +5399,15 @@ var init_InputControlClient = __esm({
           [InputControlType_default.colorInput]: ColorInput_default,
           [InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
           [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
-          [InputControlType_default.booleanSelect]: BooleanSelect_default,
           [InputControlType_default.timeInput]: TimeInput_default,
-          [InputControlType_default.asset]: AssetUpload_default,
           [InputControlType_default.assetUpload]: AssetUpload_default,
           [InputControlType_default.switchInput]: SwitchInput_default,
           [InputControlType_default.dateInput]: DateInput_default,
           [InputControlType_default.radioInput]: RadioInput_default,
-          [InputControlType_default.switcher]: Switcher_default,
           [InputControlType_default.referenceInput]: ReferenceInput_default
         };
         const SelectedControlComponent = ControlComponents[props.controlType];
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react59.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react57.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
       }
     );
     InputControl.displayName = "InputControl";
@@ -5584,16 +5433,16 @@ var DataBindingControls_exports = {};
 __export(DataBindingControls_exports, {
   default: () => DataBindingControls_default
 });
-var import_react60, import_navigation, import_jsx_runtime87, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
+var import_react58, import_navigation, import_jsx_runtime85, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
 var init_DataBindingControls = __esm({
   "src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
     "use strict";
     "use client";
-    import_react60 = require("react");
+    import_react58 = require("react");
     import_navigation = require("next/navigation");
     init_InputControl();
     init_InputControlType();
-    import_jsx_runtime87 = require("react/jsx-runtime");
+    import_jsx_runtime85 = require("react/jsx-runtime");
     humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
     escapeODataString = (value) => value.replace(/'/g, "''");
     parseFacetSelections = (filter) => {
@@ -5670,12 +5519,12 @@ var init_DataBindingControls = __esm({
       const selectedFacetValues = parseFacetSelections(currentFilter);
       const currentSort = query?.["$orderby"] ?? query?.orderBy ?? "";
       const currentSearch = parseODataSearch(query?.["$search"]);
-      const [searchText, setSearchText] = (0, import_react60.useState)(currentSearch);
-      const lastNavigationUrl = (0, import_react60.useRef)(null);
-      (0, import_react60.useEffect)(() => {
+      const [searchText, setSearchText] = (0, import_react58.useState)(currentSearch);
+      const lastNavigationUrl = (0, import_react58.useRef)(null);
+      (0, import_react58.useEffect)(() => {
         setSearchText(currentSearch);
       }, [currentSearch]);
-      const getQueryUrl = (0, import_react60.useCallback)(
+      const getQueryUrl = (0, import_react58.useCallback)(
         (updates) => {
           const params = new URLSearchParams(query ?? {});
           Object.entries(updates).forEach(([key, value]) => {
@@ -5705,7 +5554,7 @@ var init_DataBindingControls = __esm({
           filter: void 0
         });
       };
-      const navigateWithoutReload = (0, import_react60.useCallback)(
+      const navigateWithoutReload = (0, import_react58.useCallback)(
         (url) => {
           if (lastNavigationUrl.current === url) {
             return;
@@ -5721,7 +5570,7 @@ var init_DataBindingControls = __esm({
         },
         [router]
       );
-      (0, import_react60.useEffect)(() => {
+      (0, import_react58.useEffect)(() => {
         const trimmedSearchText = searchText.trim();
         if (trimmedSearchText === currentSearch.trim()) {
           return;
@@ -5742,8 +5591,8 @@ var init_DataBindingControls = __esm({
       if (!shouldShowToolbar && !shouldShowFacets) {
         return null;
       }
-      const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             type: "button",
@@ -5755,7 +5604,7 @@ var init_DataBindingControls = __esm({
         ),
         values.map((facet) => {
           const isSelected = selectedFacetValues.get(field) === facet.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
             "button",
             {
               type: "button",
@@ -5773,9 +5622,9 @@ var init_DataBindingControls = __esm({
           );
         })
       ] });
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
-        shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
+        shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             InputControl_default,
             {
               name: "searchText",
@@ -5786,9 +5635,9 @@ var init_DataBindingControls = __esm({
               inputClasses: "!mt-0"
             }
           ) }),
-          hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-medium", children: "Sort by" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "font-medium", children: "Sort by" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               InputControl_default,
               {
                 name: "sortOptions",
@@ -5809,10 +5658,10 @@ var init_DataBindingControls = __esm({
             )
           ] })
         ] }),
-        shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("nav", { "aria-label": `${humanize(facetGroups[0][0])} filters`, children: renderFacetLinks(facetGroups[0][0], facetGroups[0][1]) }),
-        shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("details", { className: "border-b", open: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
+        shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("nav", { "aria-label": `${humanize(facetGroups[0][0])} filters`, children: renderFacetLinks(facetGroups[0][0], facetGroups[0][1]) }),
+        shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("details", { className: "border-b", open: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
         ] }, field)) })
       ] });
     };
@@ -5825,13 +5674,13 @@ var Slider_exports = {};
 __export(Slider_exports, {
   default: () => Slider_default
 });
-var import_react61, import_jsx_runtime88, Slider, ArrowButton, ProgressPill, Slider_default;
+var import_react59, import_jsx_runtime86, Slider, ArrowButton, ProgressPill, Slider_default;
 var init_Slider = __esm({
   "src/components/Slider.tsx"() {
     "use strict";
     "use client";
-    import_react61 = __toESM(require("react"));
-    import_jsx_runtime88 = require("react/jsx-runtime");
+    import_react59 = __toESM(require("react"));
+    import_jsx_runtime86 = require("react/jsx-runtime");
     Slider = ({
       children,
       slidesToShow = 4,
@@ -5849,13 +5698,13 @@ var init_Slider = __esm({
       pillStyle = "cumulative",
       progressPosition = "bottom"
     }) => {
-      const [currentSlide, setCurrentSlide] = (0, import_react61.useState)(0);
-      const [transition, setTransition] = (0, import_react61.useState)(true);
-      const [slidesToShowState, setSlidesToShowState] = (0, import_react61.useState)(
+      const [currentSlide, setCurrentSlide] = (0, import_react59.useState)(0);
+      const [transition, setTransition] = (0, import_react59.useState)(true);
+      const [slidesToShowState, setSlidesToShowState] = (0, import_react59.useState)(
         typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
       );
-      const [isPlaying, setIsPlaying] = (0, import_react61.useState)(autoplay);
-      (0, import_react61.useEffect)(() => {
+      const [isPlaying, setIsPlaying] = (0, import_react59.useState)(autoplay);
+      (0, import_react59.useEffect)(() => {
         if (typeof slidesToShow === "number") return;
         const handleResize = () => {
           if (window.innerWidth >= 1024) {
@@ -5870,7 +5719,7 @@ var init_Slider = __esm({
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, [slidesToShow]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (!autoplay) return;
         const timer = setInterval(() => {
           if (isPlaying) {
@@ -5879,7 +5728,7 @@ var init_Slider = __esm({
         }, autoplay_speed);
         return () => clearInterval(timer);
       }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
-      const totalSlides = import_react61.Children.count(children);
+      const totalSlides = import_react59.Children.count(children);
       const maxSlide = totalSlides - slidesToShowState;
       const nextSlide = () => {
         if (currentSlide >= maxSlide) {
@@ -5924,16 +5773,16 @@ var init_Slider = __esm({
         }
       };
       const translateX = -currentSlide * (100 / slidesToShowState);
-      const slides = import_react61.Children.map(children, (child, index) => {
-        if (!import_react61.default.isValidElement(child)) return null;
+      const slides = import_react59.Children.map(children, (child, index) => {
+        if (!import_react59.default.isValidElement(child)) return null;
         const childProps = child.props;
         const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "div",
           {
             className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
             style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
-            children: (0, import_react61.cloneElement)(child, {
+            children: (0, import_react59.cloneElement)(child, {
               className: mergedClassName
             })
           },
@@ -5951,14 +5800,14 @@ var init_Slider = __esm({
             return "bottom-4";
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "div",
         {
           className: `relative w-full overflow-hidden ${className}`,
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               "div",
               {
                 className: "flex h-full",
@@ -5969,18 +5818,18 @@ var init_Slider = __esm({
                 children: slides
               }
             ),
-            show_arrows && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 ArrowButton,
                 {
                   direction: "left",
                   onClick: prevSlide,
                   visible: infinite_scroll || currentSlide > 0,
                   className: arrowClassName,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                 ArrowButton,
                 {
                   direction: "right",
@@ -5988,13 +5837,13 @@ var init_Slider = __esm({
                   visible: infinite_scroll || currentSlide < maxSlide,
                   className: arrowClassName,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
                     "          "
                   ]
                 }
               )
             ] }),
-            show_dots && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            show_dots && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               ProgressPill,
               {
                 active: index === currentSlide,
@@ -6020,7 +5869,7 @@ var init_Slider = __esm({
       visible,
       children,
       className = ""
-    }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "button",
       {
         className: `
@@ -6046,13 +5895,13 @@ var init_Slider = __esm({
       currentSlide,
       totalSlides
     }) => {
-      const [progress, setProgress] = (0, import_react61.useState)(0);
-      (0, import_react61.useEffect)(() => {
+      const [progress, setProgress] = (0, import_react59.useState)(0);
+      (0, import_react59.useEffect)(() => {
         if (active) {
           setProgress(0);
         }
       }, [active, index]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (!active || !isPlaying) {
           if (!active) {
             setProgress(0);
@@ -6107,7 +5956,7 @@ var init_Slider = __esm({
       const renderProgressBar = () => {
         if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
           const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
-          return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "div",
             {
               className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
@@ -6119,7 +5968,7 @@ var init_Slider = __esm({
       };
       const renderCumulativeFill = () => {
         if (style === "cumulative" && isFilled && !isActive) {
-          return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "div",
             {
               className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
@@ -6129,7 +5978,7 @@ var init_Slider = __esm({
         }
         return null;
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "button",
         {
           className: `${baseClasses} ${getStyleClasses()}`,
@@ -6157,7 +6006,7 @@ __export(server_exports, {
 module.exports = __toCommonJS(server_exports);
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react63 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 var import_react27 = __toESM(require("react"));
@@ -7399,7 +7248,7 @@ var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 var import_dynamic13 = __toESM(require("next/dynamic"));
-var import_react62 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 var import_dynamic9 = __toESM(require("next/dynamic"));
@@ -8514,7 +8363,7 @@ var GoogleMapNode = (props) => {
 var GoogleMapNode_default = GoogleMapNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var Pagination2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
 var DataBindingControls2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
   ssr: true
@@ -8755,7 +8604,8 @@ var DivContainer = async (props) => {
   let result = null;
   let response = null;
   let childCollectionData = null;
-  if (dataBindingProperties) {
+  let shouldShowNoDataMessage = props.forceNoDataMessage === true;
+  if (dataBindingProperties && !shouldShowNoDataMessage) {
     const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
     endpoint = dataBindingProperties.dataSource;
     {
@@ -8772,15 +8622,17 @@ 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_runtime89.jsx)(NoDataFound_default, {});
-    }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
         props.dataitem,
         dataBindingProperties.childCollectionName
       );
     }
+    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const hasNoData = effectiveResult === null || effectiveResult === void 0 || typeof effectiveResult === "string" && effectiveResult.trim() === "" || Array.isArray(effectiveResult) && effectiveResult.length === 0 || typeof effectiveResult === "object" && !Array.isArray(effectiveResult) && Object.keys(effectiveResult).length === 0;
+    if (hasNoData && (props.node.repeatForEachItem === true || props.node.replicate === true)) {
+      shouldShowNoDataMessage = dataBindingProperties.showNoResultsMessage;
+    }
   }
   const cssResult = generateCssString(
     guid,
@@ -8788,12 +8640,12 @@ var DivContainer = async (props) => {
     tabletStyles,
     mobileStyles
   );
-  function renderNode(node, props2, dataitem, key, href) {
+  function renderNode(node, props2, dataitem, key, href, forceNoDataMessage = false) {
     {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       SelectedNode,
       {
         node,
@@ -8809,7 +8661,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -8837,19 +8690,25 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
+  const arrayResult = result && props.node.dataBinding?.responseType === "array" && Array.isArray(result) ? result : null;
+  const hasReplicatedChildren = Boolean(
+    props.node.children?.some(
+      (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
+    )
+  );
   const dataToRender = (() => {
     if (childCollectionData && Array.isArray(childCollectionData)) {
       return childCollectionData;
     }
-    if (result && props.node.dataBinding?.responseType === "array") {
-      return result;
+    if (arrayResult && !hasReplicatedChildren) {
+      return arrayResult;
     }
     if (result && props.node.dataBinding?.responseType === "object") {
       return [result];
     }
     return [props.dataitem];
   })();
-  const backgroundDataItem = dataToRender.length > 0 ? dataToRender[0] : props.dataitem;
+  const backgroundDataItem = hasReplicatedChildren && arrayResult && arrayResult.length > 0 ? arrayResult[0] : dataToRender.length > 0 ? dataToRender[0] : props.dataitem;
   const background = generateCompleteBackgroundString(
     props.node.backgroundLayers,
     props.assetBaseUrl,
@@ -8864,6 +8723,52 @@ var DivContainer = async (props) => {
     combinedStyles.backgroundClip = "text";
   }
   const renderLink = result && props.node.dataBinding?.responseType === "array" ? true : false;
+  const renderContainerChildren = () => {
+    if (!hasReplicatedChildren) {
+      return dataToRender.map(
+        (item, idx) => item?.links?.view && renderLink ? renderChildren2(
+          props.node.children,
+          props,
+          item,
+          idx,
+          props.href ? void 0 : item?.links?.view
+        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
+      );
+    }
+    return props.node.children.flatMap((node, childIndex) => {
+      if (node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)) {
+        if (!arrayResult || arrayResult.length === 0) {
+          return node?.dataBinding?.showNoResultsMessage ? [
+            renderNode(
+              node,
+              props,
+              props.dataitem,
+              `no-results-${childIndex}`,
+              void 0,
+              true
+            )
+          ] : [];
+        }
+        return arrayResult.map(
+          (item, itemIndex) => renderNode(
+            node,
+            props,
+            item,
+            `replicated-${childIndex}-${itemIndex}`,
+            item?.links?.view && !props.href ? item.links.view : void 0
+          )
+        );
+      }
+      return [
+        renderNode(
+          node,
+          props,
+          props.dataitem,
+          `static-${childIndex}`
+        )
+      ];
+    });
+  };
   {
   }
   let Wrapper;
@@ -8930,25 +8835,17 @@ var DivContainer = async (props) => {
     dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
   );
   const WrapperComponent = Wrapper;
-  const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     WrapperComponent,
     {
       id: guid,
       style: combinedStyles,
       className: classNames || void 0,
       ...wrapperProps,
-      children: dataToRender.map(
-        (item, idx) => item?.links?.view && renderLink ? renderChildren2(
-          props.node.children,
-          props,
-          item,
-          idx,
-          props.href ? void 0 : item?.links?.view
-        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
-      )
+      children: shouldShowNoDataMessage ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NoDataFound_default, {}) : renderContainerChildren()
     }
   );
-  const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     Pagination2,
     {
       path: props.path,
@@ -8956,15 +8853,15 @@ var DivContainer = async (props) => {
       dataset: response
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         DataBindingControls2,
         {
           mode: "toolbar",
@@ -8976,18 +8873,18 @@ var DivContainer = async (props) => {
           showSearchBar: dataBindingProperties?.showSearchBar
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
         "div",
         {
           className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "min-w-0", children: [
               renderedContainer,
               paginationControl
             ] }),
-            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 DataBindingControls2,
                 {
                   mode: "facets",
@@ -9001,16 +8898,16 @@ var DivContainer = async (props) => {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
       renderedContainer,
-      paginationControl && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: paginationControl })
+      paginationControl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: paginationControl })
     ] })
   ] });
 };
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -9048,14 +8945,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       SelectedNode,
       {
         node,
@@ -9071,7 +8968,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       SelectedNode,
       {
         node,