strapi-plugin-bulk-updater 1.4.2 → 1.4.3

package/dist/_chunks/{BulkUpdater-D4v5fP-1.mjs → BulkUpdater-CbQk_OQG.mjs}

@@ -1599,9 +1599,72 @@ const BulkUpdatePreviewModal = ({
     }
   );
 };
+function parseDynamicZonePath(path) {
+  if (!path) return { cleanPath: "", rootKey: "", subPath: "" };
+  const bracketMatch = path.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+  if (bracketMatch) {
+    const rootKey = bracketMatch[1];
+    const selector = bracketMatch[2];
+    const subPath = bracketMatch[3];
+    const cleanPath = `${rootKey}.${subPath}`;
+    if (/^\d+$/.test(selector)) {
+      return { cleanPath, rootKey, subPath, targetIndex: parseInt(selector, 10) };
+    }
+    return { cleanPath, rootKey, subPath, targetComponentUid: selector };
+  }
+  const parts = path.split(".");
+  return {
+    cleanPath: path,
+    rootKey: parts[0] || "",
+    subPath: parts.slice(1).join(".")
+  };
+}
+function formatComponentName(compUid) {
+  if (!compUid) return "Component";
+  const name = compUid.includes(".") ? compUid.split(".")[1] : compUid;
+  return name.split(/[-_]/).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function getAllNestedValues(obj, path) {
+  if (!obj || !path) return [];
+  const parsed = parseDynamicZonePath(path);
+  const parts = parsed.cleanPath.split(".");
+  const [head, ...tail] = parts;
+  const rootTarget = obj[head];
+  if (Array.isArray(rootTarget)) {
+    const results = [];
+    rootTarget.forEach((item, idx) => {
+      if (!item || typeof item !== "object") return;
+      if (parsed.targetIndex !== void 0 && idx !== parsed.targetIndex) return;
+      if (parsed.targetComponentUid && item.__component !== parsed.targetComponentUid) return;
+      const subVal = tail.length > 0 ? getNestedValue(item, tail.join(".")) : item;
+      if (subVal !== void 0) {
+        results.push({
+          index: idx,
+          componentUid: item.__component,
+          componentName: formatComponentName(item.__component),
+          value: subVal,
+          path: `${head}[#${idx}${item.__component ? ` ${formatComponentName(item.__component)}` : ""}].${tail.join(".")}`
+        });
+      }
+    });
+    return results;
+  }
+  const singleVal = getNestedValue(obj, parsed.cleanPath);
+  if (singleVal !== void 0) {
+    return [
+      {
+        index: 0,
+        value: singleVal,
+        path: parsed.cleanPath
+      }
+    ];
+  }
+  return [];
+}
 function getNestedValue(obj, path) {
   if (!obj || !path) return void 0;
-  const parts = path.split(".");
+  const parsed = parseDynamicZonePath(path);
+  const parts = parsed.cleanPath.split(".");
   function extract(current, remainingParts) {
     if (current === void 0 || current === null) return void 0;
     if (remainingParts.length === 0) return current;
@@ -1610,7 +1673,10 @@ function getNestedValue(obj, path) {
       if (/^\d+$/.test(head)) {
         return extract(current[parseInt(head, 10)], tail);
       }
-      for (const item of current) {
+      for (let idx = 0; idx < current.length; idx++) {
+        const item = current[idx];
+        if (parsed.targetIndex !== void 0 && idx !== parsed.targetIndex) continue;
+        if (parsed.targetComponentUid && item?.__component !== parsed.targetComponentUid) continue;
         const found = extract(item?.[head], tail);
         if (found !== void 0 && found !== null) return found;
       }
@@ -1640,7 +1706,18 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     if (attr === "name" || attr === "title" || attr === selectedAttribute || searchAttribute && attr === searchAttribute) {
       return;
     }
-    const formattedLabel = attr.includes(".") ? attr.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ") : attr.charAt(0).toUpperCase() + attr.slice(1);
+    let formattedLabel = attr;
+    const bracketMatch = attr.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedLabel = `${root} [${comp}] > ${sub}`;
+    } else if (attr.includes(".")) {
+      formattedLabel = attr.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    } else {
+      formattedLabel = attr.charAt(0).toUpperCase() + attr.slice(1);
+    }
     cols.push({
       key: `attr_${attr}`,
       label: formattedLabel,
@@ -1649,7 +1726,16 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     });
   });
   if (searchAttribute && searchAttribute !== selectedAttribute) {
-    const formattedSearchLabel = searchAttribute.includes(".") ? searchAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ") : searchAttribute;
+    let formattedSearchLabel = searchAttribute;
+    const bracketMatch = searchAttribute.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedSearchLabel = `${root} [${comp}] > ${sub}`;
+    } else if (searchAttribute.includes(".")) {
+      formattedSearchLabel = searchAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    }
     cols.push({
       key: "search_attr",
       label: `Search: "${formattedSearchLabel}"`,
@@ -1658,7 +1744,17 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     });
   }
   if (selectedAttribute && selectedAttribute.trim()) {
-    const targetLabel = searchAttribute && searchAttribute !== selectedAttribute ? `Update Target: "${selectedAttribute}"` : `Current "${selectedAttribute}"`;
+    let formattedTargetLabel = selectedAttribute;
+    const bracketMatch = selectedAttribute.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedTargetLabel = `${root} [${comp}] > ${sub}`;
+    } else if (selectedAttribute.includes(".")) {
+      formattedTargetLabel = selectedAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    }
+    const targetLabel = searchAttribute && searchAttribute !== selectedAttribute ? `Update Target: "${formattedTargetLabel}"` : `Current "${formattedTargetLabel}"`;
     cols.push({
       key: "target_attr",
       label: targetLabel,
@@ -1783,7 +1879,7 @@ function getEntryLifecycleStatus(entry, col, pendingBatches = []) {
     textColor: "neutral700"
   };
 }
-function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribute, isMatch, hasAttr, isSelected, onToggleSelect, pendingBatches = []) {
+function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribute, isMatch, hasAttr, isSelected, onToggleSelect, pendingBatches = [], isDzExpanded = false, onToggleExpandDz, filterQuery = "") {
   switch (colDef.key) {
     case "select":
       return /* @__PURE__ */ jsx(
@@ -1795,51 +1891,162 @@ function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribut
       );
     case "identifier": {
       const mainText = entry.name || entry.title || `Entry #${entry.id || entry.documentId}`;
+      const dzField = Object.keys(entry).find(
+        (k) => Array.isArray(entry[k]) && entry[k].length > 0 && entry[k].some((item) => item && item.__component)
+      );
+      const dzItemsCount = dzField ? entry[dzField].length : 0;
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: mainText }),
-        entry.email && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email })
+        entry.email && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email }),
+        dzItemsCount > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "S",
+            onClick: onToggleExpandDz,
+            style: {
+              padding: "2px 6px",
+              height: "auto",
+              fontSize: "0.72rem",
+              color: isDzExpanded ? "#4945ff" : "#666687",
+              backgroundColor: isDzExpanded ? "rgba(73, 69, 255, 0.08)" : "rgba(0, 0, 0, 0.04)",
+              borderRadius: 4
+            },
+            children: isDzExpanded ? `▲ Hide ${dzField} (${dzItemsCount} blocks)` : `▼ View ${dzField} (${dzItemsCount} blocks)`
+          }
+        ) })
       ] });
     }
     case "search_attr": {
-      const val = getNestedValue(entry, searchAttribute);
-      const displayStr = formatDisplayValue(val);
-      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
-      return /* @__PURE__ */ jsx(
-        Typography,
-        {
-          textColor: isUnset ? "neutral500" : "primary700",
-          fontWeight: "semiBold",
-          style: {
-            fontStyle: isUnset ? "italic" : "normal",
-            display: "inline-block",
-            maxWidth: 260,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
+      const matches = getAllNestedValues(entry, searchAttribute);
+      if (matches.length === 0) {
+        return /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
+      }
+      if (matches.length === 1 && !matches[0].componentUid) {
+        const displayStr = formatDisplayValue(matches[0].value);
+        const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+        return /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: isUnset ? "neutral500" : "primary700",
+            fontWeight: "semiBold",
+            style: {
+              fontStyle: isUnset ? "italic" : "normal",
+              display: "inline-block",
+              maxWidth: 260,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: displayStr
+          }
+        );
+      }
+      const qLower = (filterQuery || "").trim().toLowerCase();
+      return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, alignItems: "flex-start", style: { maxWidth: 320 }, children: matches.map((m) => {
+        const displayStr = formatDisplayValue(m.value);
+        const isMatchItem = qLower && displayStr.toLowerCase().includes(qLower);
+        return /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            gap: 1,
+            alignItems: "center",
+            style: {
+              backgroundColor: isMatchItem ? "rgba(46, 213, 115, 0.15)" : "rgba(0, 0, 0, 0.03)",
+              padding: "2px 6px",
+              borderRadius: 4,
+              border: isMatchItem ? "1px solid #2ed573" : "1px solid transparent"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Badge, { size: "S", backgroundColor: isMatchItem ? "success100" : "primary100", textColor: isMatchItem ? "success700" : "primary700", children: [
+                "#",
+                m.index,
+                " ",
+                m.componentName
+              ] }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "pi",
+                  fontWeight: isMatchItem ? "bold" : "normal",
+                  textColor: isMatchItem ? "success700" : "neutral800",
+                  style: {
+                    maxWidth: 200,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: displayStr
+                }
+              )
+            ]
           },
-          children: displayStr
-        }
-      );
+          m.index
+        );
+      }) });
     }
     case "target_attr": {
-      const val = getNestedValue(entry, selectedAttribute);
-      const displayStr = formatDisplayValue(val);
-      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
-      return /* @__PURE__ */ jsx(
-        Typography,
-        {
-          textColor: isUnset ? "neutral500" : "neutral800",
-          style: {
-            fontStyle: isUnset ? "italic" : "normal",
-            display: "inline-block",
-            maxWidth: 260,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
+      const matches = getAllNestedValues(entry, selectedAttribute);
+      if (matches.length === 0) {
+        return /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
+      }
+      if (matches.length === 1 && !matches[0].componentUid) {
+        const displayStr = formatDisplayValue(matches[0].value);
+        const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+        return /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: isUnset ? "neutral500" : "neutral800",
+            style: {
+              fontStyle: isUnset ? "italic" : "normal",
+              display: "inline-block",
+              maxWidth: 260,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: displayStr
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, alignItems: "flex-start", style: { maxWidth: 320 }, children: matches.map((m) => {
+        const displayStr = formatDisplayValue(m.value);
+        return /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            gap: 1,
+            alignItems: "center",
+            style: {
+              backgroundColor: "rgba(0, 0, 0, 0.03)",
+              padding: "2px 6px",
+              borderRadius: 4
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Badge, { size: "S", backgroundColor: "neutral200", textColor: "neutral800", children: [
+                "#",
+                m.index,
+                " ",
+                m.componentName
+              ] }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "pi",
+                  textColor: "neutral800",
+                  style: {
+                    maxWidth: 200,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: displayStr
+                }
+              )
+            ]
           },
-          children: displayStr
-        }
-      );
+          m.index
+        );
+      }) });
     }
     case "status": {
       if (selectedAttribute && !hasAttr) {
@@ -1936,6 +2143,8 @@ const BulkUpdater = () => {
   const [selectedAttribute, setSelectedAttribute] = useState(getInitialAttribute);
   const [attributeValue, setAttributeValue] = useState("");
   const [selectedEntries, setSelectedEntries] = useState({});
+  const [expandedDzEntries, setExpandedDzEntries] = useState({});
+  const [selectedDzBlocks, setSelectedDzBlocks] = useState({});
   const [relationsMeta, setRelationsMeta] = useState({});
   const [relationOptions, setRelationOptions] = useState([]);
   const [relationOptionsLoading, setRelationOptionsLoading] = useState(false);
@@ -2478,40 +2687,78 @@ const BulkUpdater = () => {
   };
   const toggleEntry = (uid, documentId) => {
     const key = `${uid}${KEY_SEP}${documentId}`;
+    const nextVal = !selectedEntries[key];
     setSelectedEntries((prev) => ({
       ...prev,
-      [key]: !prev[key]
+      [key]: nextVal
     }));
+    if (!nextVal) {
+      setSelectedDzBlocks((prev) => {
+        const copy = { ...prev };
+        delete copy[key];
+        return copy;
+      });
+    }
+  };
+  const toggleDzBlock = (uid, documentId, blockIndex, allApplicableIndexes) => {
+    const key = `${uid}${KEY_SEP}${documentId}`;
+    setSelectedDzBlocks((prev) => {
+      const currentSelected = prev[key] !== void 0 ? prev[key] : [...allApplicableIndexes];
+      let nextSelected;
+      if (currentSelected.includes(blockIndex)) {
+        nextSelected = currentSelected.filter((idx) => idx !== blockIndex);
+      } else {
+        nextSelected = [...currentSelected, blockIndex];
+      }
+      if (nextSelected.length > 0) {
+        setSelectedEntries((e) => ({ ...e, [key]: true }));
+      } else {
+        setSelectedEntries((e) => ({ ...e, [key]: false }));
+      }
+      return {
+        ...prev,
+        [key]: nextSelected
+      };
+    });
   };
   const entryMatchesFilter = (entry, attr) => {
+    const matches = getAllNestedValues(entry, attr);
     if (useRegex && regexPattern.trim()) {
       try {
         const regex = new RegExp(regexPattern, "i");
-        const targetSearchVal = formatDisplayValue(getNestedValue(entry, attr));
-        if (!regex.test(targetSearchVal)) {
+        const anyRegexMatch = matches.some((m) => regex.test(formatDisplayValue(m.value)));
+        if (!anyRegexMatch) {
           return false;
         }
       } catch {
       }
     }
     if (filterOperator === "none") return true;
-    const val = getNestedValue(entry, attr);
-    const displayStr = formatDisplayValue(val);
-    const isValEmpty = val === void 0 || val === null || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
-    switch (filterOperator) {
-      case "empty":
-        return isValEmpty;
-      case "not_empty":
-        return !isValEmpty;
-      case "equals":
-        return !isValEmpty && displayStr.trim().toLowerCase() === filterQuery.trim().toLowerCase();
-      case "contains":
-        return !isValEmpty && displayStr.toLowerCase().includes(filterQuery.trim().toLowerCase());
-      case "starts_with":
-        return !isValEmpty && displayStr.trim().toLowerCase().startsWith(filterQuery.trim().toLowerCase());
-      default:
-        return true;
+    if (matches.length === 0) {
+      return filterOperator === "empty";
+    }
+    const checkMatch = (val) => {
+      const displayStr = formatDisplayValue(val);
+      const isValEmpty = val === void 0 || val === null || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
+      switch (filterOperator) {
+        case "empty":
+          return isValEmpty;
+        case "not_empty":
+          return !isValEmpty;
+        case "equals":
+          return !isValEmpty && displayStr.trim().toLowerCase() === filterQuery.trim().toLowerCase();
+        case "contains":
+          return !isValEmpty && displayStr.toLowerCase().includes(filterQuery.trim().toLowerCase());
+        case "starts_with":
+          return !isValEmpty && displayStr.trim().toLowerCase().startsWith(filterQuery.trim().toLowerCase());
+        default:
+          return true;
+      }
+    };
+    if (filterOperator === "empty") {
+      return matches.every((m) => checkMatch(m.value));
     }
+    return matches.some((m) => checkMatch(m.value));
   };
   const getVisibleEntries = (col) => {
     const pageState = collectionPages[col.uid];
@@ -2694,7 +2941,11 @@ const BulkUpdater = () => {
       if (selectedEntries[key]) {
         const parts = key.split(KEY_SEP);
         if (parts.length === 2) {
-          targets.push({ uid: parts[0], documentId: parts[1] });
+          const targetObj = { uid: parts[0], documentId: parts[1] };
+          if (selectedDzBlocks[key] && selectedDzBlocks[key].length > 0) {
+            targetObj.dynamicZoneIndexes = selectedDzBlocks[key];
+          }
+          targets.push(targetObj);
         }
       }
     });
@@ -2737,6 +2988,7 @@ const BulkUpdater = () => {
       setIsSubmittingBatch(false);
       if (res.data && res.data.success) {
         setSelectedEntries({});
+        setSelectedDzBlocks({});
         const finalBatchId = res.data.batchId;
         setDashboardBatchId(finalBatchId);
         if (res.data.pending) {
@@ -3924,28 +4176,123 @@ const BulkUpdater = () => {
                             const key = `${col.uid}${KEY_SEP}${entry.documentId}`;
                             const isSelected = Boolean(selectedEntries[key]);
                             const isMatch = isFilterActive;
-                            return /* @__PURE__ */ jsx(
-                              Tr,
-                              {
-                                style: {
-                                  backgroundColor: isSelected ? "rgba(73, 69, 255, 0.14)" : isMatch ? "rgba(46, 213, 115, 0.08)" : void 0,
-                                  boxShadow: isSelected ? "inset 3px 0 0 0 #4945ff" : isMatch ? "inset 3px 0 0 0 #2ed573" : void 0
-                                },
-                                children: activeColumns.map((colDef) => /* @__PURE__ */ jsx(Td, { children: renderCellContent(
-                                  colDef,
-                                  entry,
-                                  col,
-                                  selectedAttribute,
-                                  searchAttribute,
-                                  isMatch,
-                                  hasAttr,
-                                  isSelected,
-                                  () => toggleEntry(col.uid, entry.documentId),
-                                  pendingBatches
-                                ) }, colDef.key))
-                              },
-                              key
+                            const isDzExpanded = Boolean(expandedDzEntries[key]);
+                            const onToggleExpandDz = () => setExpandedDzEntries((prev) => ({
+                              ...prev,
+                              [key]: !prev[key]
+                            }));
+                            const dzFields = Object.keys(entry).filter(
+                              (k) => Array.isArray(entry[k]) && entry[k].length > 0 && entry[k].some((item) => item && item.__component)
                             );
+                            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+                              /* @__PURE__ */ jsx(
+                                Tr,
+                                {
+                                  style: {
+                                    backgroundColor: isSelected ? "rgba(73, 69, 255, 0.14)" : isMatch ? "rgba(46, 213, 115, 0.08)" : void 0,
+                                    boxShadow: isSelected ? "inset 3px 0 0 0 #4945ff" : isMatch ? "inset 3px 0 0 0 #2ed573" : void 0
+                                  },
+                                  children: activeColumns.map((colDef) => /* @__PURE__ */ jsx(Td, { children: renderCellContent(
+                                    colDef,
+                                    entry,
+                                    col,
+                                    selectedAttribute,
+                                    searchAttribute,
+                                    isMatch,
+                                    hasAttr,
+                                    isSelected,
+                                    () => toggleEntry(col.uid, entry.documentId),
+                                    pendingBatches,
+                                    isDzExpanded,
+                                    onToggleExpandDz,
+                                    filterQuery
+                                  ) }, colDef.key))
+                                }
+                              ),
+                              isDzExpanded && dzFields.map((dzKey) => {
+                                const blocks = entry[dzKey] || [];
+                                const targetParsed = parseDynamicZonePath(selectedAttribute);
+                                const allApplicableIndexes = blocks.map((_, i) => i).filter((i) => {
+                                  if (!targetParsed.subPath) return true;
+                                  return getNestedValue(blocks[i], targetParsed.subPath) !== void 0;
+                                });
+                                return /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: activeColumns.length, style: { padding: "12px 16px", backgroundColor: "rgba(73, 69, 255, 0.02)", borderBottom: "2px solid rgba(73, 69, 255, 0.15)" }, children: /* @__PURE__ */ jsxs(
+                                  Box,
+                                  {
+                                    padding: 3,
+                                    background: "neutral0",
+                                    hasRadius: true,
+                                    style: { border: "1px solid rgba(73, 69, 255, 0.25)", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" },
+                                    children: [
+                                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+                                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                                          /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "primary700", children: [
+                                            'DYNAMIC ZONE: "',
+                                            dzKey,
+                                            '" (',
+                                            blocks.length,
+                                            " blocks)"
+                                          ] }),
+                                          /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "Selective Block Targeting" })
+                                        ] }),
+                                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Selectively choose which blocks to update for this entry" })
+                                      ] }),
+                                      /* @__PURE__ */ jsxs(Table, { colCount: 5, rowCount: blocks.length + 1, style: { width: "100%", background: "#fff" }, children: [
+                                        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 64 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Update?" }) }),
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 60 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Pos" }) }),
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 220 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Component" }) }),
+                                          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", children: [
+                                            "Target Field Value (",
+                                            selectedAttribute || "selected",
+                                            ")"
+                                          ] }) }),
+                                          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Block Summary" }) })
+                                        ] }) }),
+                                        /* @__PURE__ */ jsx(Tbody, { children: blocks.map((block, bIdx) => {
+                                          const compUid = block.__component;
+                                          const compLabel = formatComponentName(compUid);
+                                          const blockVal = targetParsed.subPath ? getNestedValue(block, targetParsed.subPath) : void 0;
+                                          const hasTargetAttr = blockVal !== void 0;
+                                          const isBlockChecked = hasTargetAttr && isSelected && (selectedDzBlocks[key] !== void 0 ? selectedDzBlocks[key].includes(bIdx) : true);
+                                          return /* @__PURE__ */ jsxs(
+                                            Tr,
+                                            {
+                                              style: {
+                                                backgroundColor: isBlockChecked ? "rgba(73, 69, 255, 0.08)" : void 0
+                                              },
+                                              children: [
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+                                                  Checkbox,
+                                                  {
+                                                    checked: isBlockChecked,
+                                                    disabled: !hasTargetAttr,
+                                                    onCheckedChange: () => {
+                                                      toggleDzBlock(col.uid, entry.documentId, bIdx, allApplicableIndexes);
+                                                    }
+                                                  }
+                                                ) }),
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", children: [
+                                                  "#",
+                                                  bIdx
+                                                ] }) }),
+                                                /* @__PURE__ */ jsxs(Td, { children: [
+                                                  /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral800", children: compLabel }),
+                                                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", style: { fontSize: "0.68rem", marginTop: 2 }, children: compUid })
+                                                ] }),
+                                                /* @__PURE__ */ jsx(Td, { children: hasTargetAttr ? /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "primary700", children: formatDisplayValue(blockVal) }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral100", textColor: "neutral500", children: "Does not contain attribute" }) }),
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { maxWidth: 300, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: block.title || block.name || block.heading || block.body || Object.keys(block).filter((k) => !k.startsWith("_") && k !== "id").slice(0, 3).map((k) => `${k}: ${formatDisplayValue(block[k])}`).join(", ") || "-" }) })
+                                              ]
+                                            },
+                                            bIdx
+                                          );
+                                        }) })
+                                      ] })
+                                    ]
+                                  }
+                                ) }) }, `${key}-dz-${dzKey}`);
+                              })
+                            ] }, key);
                           }) })
                         ] }) }),
                         !col.isSingleType && /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, wrap: "wrap", gap: 3, children: [
@@ -5166,9 +5513,12 @@ const BulkUpdater = () => {
 };
 export {
   BulkUpdater as default,
+  formatComponentName,
   formatDisplayValue,
+  getAllNestedValues,
   getAvailableColumnsForCollection,
   getEntryLifecycleStatus,
-  getNestedValue
+  getNestedValue,
+  parseDynamicZonePath
 };
-//# sourceMappingURL=BulkUpdater-D4v5fP-1.mjs.map
+//# sourceMappingURL=BulkUpdater-CbQk_OQG.mjs.map