@universe-platform/ui 0.1.0-beta.20 → 0.1.0-beta.21

package/dist/index.js

@@ -67,13 +67,16 @@ __export(src_exports, {
   ColumnHeaderTitle: () => ColumnHeaderTitle,
   CreateTemplateModal: () => CreateTemplateModal,
   DatePickerCell: () => DatePickerCell,
+  DynamicFiltersBlock: () => DynamicFiltersBlock,
   LinkPickerCell: () => LinkPickerCell,
   PASTEL_PALETTES: () => PASTEL_PALETTES,
   RelationFilterPopover: () => RelationFilterPopover,
   RelationPickerCell: () => RelationPickerCell,
+  SettingsAndActionsBlock: () => SettingsAndActionsBlock,
   SmartTextCell: () => SmartTextCell,
   TEXT_REPRESENTABLE_TYPES: () => TEXT_REPRESENTABLE_TYPES,
   TableBlock: () => TableBlock,
+  TableBlockClient: () => TableBlockClient,
   TimePickerCell: () => TimePickerCell,
   ToastContext: () => ToastContext,
   ToastProvider: () => ToastProvider,
@@ -124,6 +127,7 @@ __export(src_exports, {
   useColumnResize: () => useColumnResize,
   useSmartTooltip: () => useSmartTooltip,
   useToast: () => useToast,
+  useWhatsAppState: () => useWhatsAppState,
   validateSequentialVariables: () => validateSequentialVariables,
   validateTemplateBody: () => validateTemplateBody,
   validateTemplateButtons: () => validateTemplateButtons,
@@ -5692,7 +5696,9 @@ function TableBlockClient({
   role,
   permissions,
   readOnly,
+  selectedRowIds,
   onSelectionChange,
+  onRowToggle,
   rowStatusMap,
   editModelUrl
 }) {
@@ -6136,12 +6142,29 @@ function TableBlockClient({
     setPage((prev) => Math.min(totalPages, prev + 1));
   };
   const [selectedIds, setSelectedIds] = (0, import_react15.useState)(/* @__PURE__ */ new Set());
+  const isExternalSyncRef = (0, import_react15.useRef)(false);
+  (0, import_react15.useEffect)(() => {
+    if (selectedRowIds !== void 0) {
+      const nextSet = new Set(selectedRowIds);
+      setSelectedIds((prev) => {
+        if (prev.size === nextSet.size && Array.from(prev).every((id) => nextSet.has(id))) {
+          return prev;
+        }
+        isExternalSyncRef.current = true;
+        return nextSet;
+      });
+    }
+  }, [selectedRowIds]);
   const isFirstSelectionChangeRef = (0, import_react15.useRef)(true);
   (0, import_react15.useEffect)(() => {
     if (isFirstSelectionChangeRef.current) {
       isFirstSelectionChangeRef.current = false;
       if (selectedIds.size === 0) return;
     }
+    if (isExternalSyncRef.current) {
+      isExternalSyncRef.current = false;
+      return;
+    }
     onSelectionChange == null ? void 0 : onSelectionChange(Array.from(selectedIds));
   }, [selectedIds, onSelectionChange]);
   const [pendingDeletions, setPendingDeletions] = (0, import_react15.useState)([]);
@@ -6590,17 +6613,19 @@ function TableBlockClient({
     }
   }, []);
   const toggleSelectAll = (0, import_react15.useCallback)((checked) => {
+    onRowToggle == null ? void 0 : onRowToggle("ALL", checked);
     const next = checked ? new Set(filteredData.map((r) => r.id)) : /* @__PURE__ */ new Set();
     setSelectedIds(next);
-  }, [filteredData]);
+  }, [filteredData, onRowToggle]);
   const toggleSelectRow = (0, import_react15.useCallback)((rowId, checked) => {
+    onRowToggle == null ? void 0 : onRowToggle(rowId, checked);
     setSelectedIds((prev) => {
       const next = new Set(prev);
       if (checked) next.add(rowId);
       else next.delete(rowId);
       return next;
     });
-  }, []);
+  }, [onRowToggle]);
   const handleToggleExpand = (0, import_react15.useCallback)((rowId) => {
     setExpandedRowIds((prev) => {
       const next = new Set(prev);
@@ -10306,7 +10331,12 @@ function useWhatsAppState(props) {
   const [tableError, setTableError] = (0, import_react17.useState)(null);
   const [filters, setFilters] = (0, import_react17.useState)({});
   const [selectedRowIds, setSelectedRowIds] = (0, import_react17.useState)([]);
+  const [autoSelectCount, setAutoSelectCount] = (0, import_react17.useState)(null);
+  const isAutoSelectingRef = (0, import_react17.useRef)(false);
+  const isManualOverrideRef = (0, import_react17.useRef)(false);
+  const prevAutoSelectCountRef = (0, import_react17.useRef)(null);
   const fetchedTableIdsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
+  const fullyFetchedRelationKeysRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
   const loadTableData = (0, import_react17.useCallback)(async () => {
     var _a2;
     const tableId = (settings == null ? void 0 : settings.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableId);
@@ -10331,7 +10361,34 @@ function useWhatsAppState(props) {
           setRawRecords(res.records);
         }
         if (res.relationOptions && typeof res.relationOptions === "object") {
-          setRelationOptions((prev) => __spreadValues(__spreadValues({}, prev), res.relationOptions));
+          setRelationOptions((prev) => {
+            const merged = __spreadValues({}, prev);
+            Object.entries(res.relationOptions).forEach(([k, opts]) => {
+              if (Array.isArray(opts)) {
+                const existing = prev[k] || [];
+                if (existing.length >= opts.length && existing.length > 0) {
+                  const existingMap = new Map(existing.map((o) => [String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id)), o]));
+                  opts.forEach((o) => {
+                    const id = String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id));
+                    if (id && !existingMap.has(id)) {
+                      existingMap.set(id, o);
+                    }
+                  });
+                  merged[k] = Array.from(existingMap.values());
+                } else {
+                  const map = new Map(opts.map((o) => [String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id)), o]));
+                  existing.forEach((o) => {
+                    const id = String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id));
+                    if (id && !map.has(id)) {
+                      map.set(id, o);
+                    }
+                  });
+                  merged[k] = Array.from(map.values());
+                }
+              }
+            });
+            return merged;
+          });
         }
       }
     } catch (err) {
@@ -10559,7 +10616,7 @@ function useWhatsAppState(props) {
   }, []);
   const getRelationOptionsForCol = (0, import_react17.useCallback)(
     (colName, parentColName) => {
-      var _a2;
+      var _a2, _b2, _c, _d;
       if (parentColName) {
         const subKey = `${parentColName}.${colName}`;
         if (relationOptions[subKey] && relationOptions[subKey].length > 0) {
@@ -10574,20 +10631,55 @@ function useWhatsAppState(props) {
       if (refId && relationOptions[refId] && relationOptions[refId].length > 0) {
         return relationOptions[refId];
       }
+      const postSendCol = postSendActionTargetOptions.find(
+        (c) => c.columnName === colName && (!parentColName || c.parentColumnName === parentColName) || c.id === colName
+      );
+      if (postSendCol) {
+        if (postSendCol.id && relationOptions[postSendCol.id] && relationOptions[postSendCol.id].length > 0) {
+          return relationOptions[postSendCol.id];
+        }
+        const postSendRefId = postSendCol.referencedTableId || ((_b2 = postSendCol.config) == null ? void 0 : _b2.referencedTableId);
+        if (postSendRefId && relationOptions[postSendRefId] && relationOptions[postSendRefId].length > 0) {
+          return relationOptions[postSendRefId];
+        }
+      }
+      const mainCol = (tableColumns || []).find((c) => c.name === colName);
+      const mainRefId = ((_c = mainCol == null ? void 0 : mainCol.config) == null ? void 0 : _c.referencedTableId) || (mainCol == null ? void 0 : mainCol.referencedTableId);
+      if (mainRefId && relationOptions[mainRefId] && relationOptions[mainRefId].length > 0) {
+        return relationOptions[mainRefId];
+      }
+      const filterCol = filterableColumns.find((c) => c.name === colName);
+      const filterRefId = ((_d = filterCol == null ? void 0 : filterCol.config) == null ? void 0 : _d.referencedTableId) || (filterCol == null ? void 0 : filterCol.referencedTableId);
+      if (filterRefId && relationOptions[filterRefId] && relationOptions[filterRefId].length > 0) {
+        return relationOptions[filterRefId];
+      }
       return [];
     },
-    [relationOptions, subtableFilterableColumns]
+    [relationOptions, subtableFilterableColumns, postSendActionTargetOptions, tableColumns, filterableColumns]
   );
   (0, import_react17.useEffect)(() => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c, _d, _e;
     if (!executeAction) return;
     const targets = [];
+    (tableColumns || []).forEach((col) => {
+      var _a3, _b3, _c2;
+      if (((_a3 = col.type) == null ? void 0 : _a3.toUpperCase()) === "RELATION") {
+        const refId = ((_b3 = col.config) == null ? void 0 : _b3.referencedTableId) || col.referencedTableId;
+        const displayField = ((_c2 = col.config) == null ? void 0 : _c2.displayField) || col.displayField;
+        if (refId) {
+          targets.push({ key: col.name, refId, displayField, colName: col.name, extraKey: col.id });
+          targets.push({ key: refId, refId, displayField, colName: col.name, extraKey: col.id });
+        }
+      }
+    });
     filterableColumns.forEach((col) => {
       var _a3, _b3, _c2;
       if (((_a3 = col.type) == null ? void 0 : _a3.toUpperCase()) === "RELATION") {
         const refId = ((_b3 = col.config) == null ? void 0 : _b3.referencedTableId) || col.referencedTableId;
         const displayField = ((_c2 = col.config) == null ? void 0 : _c2.displayField) || col.displayField;
-        if (refId) targets.push({ key: col.name, refId, displayField });
+        if (refId) {
+          targets.push({ key: col.name, refId, displayField, colName: col.name, extraKey: col.id });
+        }
       }
     });
     if ((selectedPhoneOption == null ? void 0 : selectedPhoneOption.type) === "SUBTABLE") {
@@ -10603,35 +10695,64 @@ function useWhatsAppState(props) {
           const refId = ((_b3 = subCol.config) == null ? void 0 : _b3.referencedTableId) || subCol.referencedTableId;
           const displayField = ((_c2 = subCol.config) == null ? void 0 : _c2.displayField) || subCol.displayField;
           if (refId) {
-            targets.push({ key: `${parentColName}.${subCol.name}`, refId, displayField });
-            targets.push({ key: subCol.name, refId, displayField });
-            targets.push({ key: refId, refId, displayField });
+            targets.push({ key: `${parentColName}.${subCol.name}`, refId, displayField, colName: subCol.name });
+            targets.push({ key: subCol.name, refId, displayField, colName: subCol.name });
+            targets.push({ key: refId, refId, displayField, colName: subCol.name });
           }
         }
       });
     }
+    if (selectedPostSendOption && selectedPostSendOption.type === "RELATION") {
+      const postSendRefId = selectedPostSendOption.referencedTableId || ((_d = selectedPostSendOption.config) == null ? void 0 : _d.referencedTableId);
+      const postSendDisplayField = ((_e = selectedPostSendOption.config) == null ? void 0 : _e.displayField) || (selectedPostSendOption == null ? void 0 : selectedPostSendOption.displayField);
+      if (postSendRefId) {
+        const parentCol = selectedPostSendOption.parentColumnName;
+        if (parentCol) {
+          targets.push({ key: `${parentCol}.${selectedPostSendOption.columnName}`, refId: postSendRefId, displayField: postSendDisplayField, colName: selectedPostSendOption.columnName, extraKey: selectedPostSendOption.id });
+        }
+        targets.push({ key: selectedPostSendOption.columnName, refId: postSendRefId, displayField: postSendDisplayField, colName: selectedPostSendOption.columnName, extraKey: selectedPostSendOption.id });
+        targets.push({ key: postSendRefId, refId: postSendRefId, displayField: postSendDisplayField, colName: selectedPostSendOption.columnName });
+      }
+    }
     targets.forEach(async (target) => {
-      if (relationOptions[target.key] && relationOptions[target.key].length > 0) return;
+      if (fullyFetchedRelationKeysRef.current.has(target.key)) return;
       try {
-        const result = await executeAction("FETCH_RELATION", {
+        const result = await executeAction("FETCH_RELATION", __spreadValues({
           referencedTableId: target.refId,
           displayField: target.displayField,
-          take: 1e3
-        });
+          take: 1e3,
+          limit: 1e3,
+          isFilter: false,
+          bypassScoping: true,
+          allOptions: true
+        }, orgId ? { orgId, organizationId: orgId } : {}));
         const list = Array.isArray(result) ? result : (result == null ? void 0 : result.data) && Array.isArray(result.data) ? result.data : [];
         if (list.length > 0) {
-          setRelationOptions((prev) => __spreadProps(__spreadValues({}, prev), {
-            [target.key]: list,
-            [target.refId]: list
-          }));
+          fullyFetchedRelationKeysRef.current.add(target.key);
+          fullyFetchedRelationKeysRef.current.add(target.refId);
+          if (target.colName) fullyFetchedRelationKeysRef.current.add(target.colName);
+          if (target.extraKey) fullyFetchedRelationKeysRef.current.add(target.extraKey);
+          setRelationOptions((prev) => {
+            const existing = prev[target.key] || [];
+            const existingMap = new Map(existing.map((o) => [String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id)), o]));
+            list.forEach((o) => {
+              const id = String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id));
+              if (id) existingMap.set(id, o);
+            });
+            const mergedList = Array.from(existingMap.values());
+            return __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, prev), {
+              [target.key]: mergedList,
+              [target.refId]: mergedList
+            }), target.colName ? { [target.colName]: mergedList } : {}), target.extraKey ? { [target.extraKey]: mergedList } : {});
+          });
         }
       } catch (err) {
         console.warn(`[useWhatsAppState] Failed to fetch relation options for ${target.key}:`, err);
       }
     });
-  }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns, executeAction, relationOptions]);
+  }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns, executeAction, selectedPostSendOption, orgId]);
   (0, import_react17.useEffect)(() => {
-    var _a2, _b2, _c, _d, _e, _f;
+    var _a2, _b2, _c;
     if (!executeAction || !selectedSubtableFilterCol) return;
     if (((_a2 = selectedSubtableFilterCol.type) == null ? void 0 : _a2.toUpperCase()) !== "RELATION") return;
     const refId = ((_b2 = selectedSubtableFilterCol.config) == null ? void 0 : _b2.referencedTableId) || selectedSubtableFilterCol.referencedTableId;
@@ -10639,24 +10760,39 @@ function useWhatsAppState(props) {
     const parentColName = (selectedPhoneOption == null ? void 0 : selectedPhoneOption.parentColumnName) || "";
     const keyWithParent = parentColName ? `${parentColName}.${selectedSubtableFilterCol.name}` : "";
     const keyDirect = selectedSubtableFilterCol.name;
-    if (keyWithParent && ((_c = relationOptions[keyWithParent]) == null ? void 0 : _c.length) > 0 || ((_d = relationOptions[keyDirect]) == null ? void 0 : _d.length) > 0 || ((_e = relationOptions[refId]) == null ? void 0 : _e.length) > 0) {
+    if (keyWithParent && fullyFetchedRelationKeysRef.current.has(keyWithParent) || fullyFetchedRelationKeysRef.current.has(keyDirect) || fullyFetchedRelationKeysRef.current.has(refId)) {
       return;
     }
-    const displayField = ((_f = selectedSubtableFilterCol.config) == null ? void 0 : _f.displayField) || selectedSubtableFilterCol.displayField;
+    const displayField = ((_c = selectedSubtableFilterCol.config) == null ? void 0 : _c.displayField) || selectedSubtableFilterCol.displayField;
     (async () => {
       try {
         const res = await executeAction("FETCH_RELATION", __spreadValues({
           referencedTableId: refId,
           displayField,
           take: 1e3,
-          limit: 1e3
+          limit: 1e3,
+          isFilter: false,
+          bypassScoping: true,
+          allOptions: true
         }, orgId ? { orgId, organizationId: orgId } : {}));
         const list = Array.isArray(res) ? res : (res == null ? void 0 : res.data) && Array.isArray(res.data) ? res.data : [];
         if (list.length > 0) {
-          setRelationOptions((prev) => __spreadProps(__spreadValues(__spreadValues({}, prev), keyWithParent ? { [keyWithParent]: list } : {}), {
-            [keyDirect]: list,
-            [refId]: list
-          }));
+          if (keyWithParent) fullyFetchedRelationKeysRef.current.add(keyWithParent);
+          fullyFetchedRelationKeysRef.current.add(keyDirect);
+          fullyFetchedRelationKeysRef.current.add(refId);
+          setRelationOptions((prev) => {
+            const existing = prev[keyDirect] || [];
+            const existingMap = new Map(existing.map((o) => [String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id)), o]));
+            list.forEach((o) => {
+              const id = String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id));
+              if (id) existingMap.set(id, o);
+            });
+            const mergedList = Array.from(existingMap.values());
+            return __spreadProps(__spreadValues(__spreadValues({}, prev), keyWithParent ? { [keyWithParent]: mergedList } : {}), {
+              [keyDirect]: mergedList,
+              [refId]: mergedList
+            });
+          });
         }
       } catch (err) {
         console.warn(
@@ -10665,7 +10801,60 @@ function useWhatsAppState(props) {
         );
       }
     })();
-  }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, relationOptions, orgId]);
+  }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, orgId]);
+  (0, import_react17.useEffect)(() => {
+    var _a2, _b2;
+    if (!executeAction || !selectedPostSendOption) return;
+    if (selectedPostSendOption.type !== "RELATION") return;
+    const refId = selectedPostSendOption.referencedTableId || ((_a2 = selectedPostSendOption.config) == null ? void 0 : _a2.referencedTableId);
+    if (!refId) return;
+    const parentColName = selectedPostSendOption.parentColumnName || "";
+    const keyWithParent = parentColName ? `${parentColName}.${selectedPostSendOption.columnName}` : "";
+    const keyDirect = selectedPostSendOption.columnName;
+    const optionId = selectedPostSendOption.id;
+    if (keyWithParent && fullyFetchedRelationKeysRef.current.has(keyWithParent) || fullyFetchedRelationKeysRef.current.has(keyDirect) || fullyFetchedRelationKeysRef.current.has(refId) || optionId && fullyFetchedRelationKeysRef.current.has(optionId)) {
+      return;
+    }
+    const displayField = ((_b2 = selectedPostSendOption.config) == null ? void 0 : _b2.displayField) || (selectedPostSendOption == null ? void 0 : selectedPostSendOption.displayField);
+    (async () => {
+      try {
+        const res = await executeAction("FETCH_RELATION", __spreadValues({
+          referencedTableId: refId,
+          displayField,
+          take: 1e3,
+          limit: 1e3,
+          isFilter: false,
+          bypassScoping: true,
+          allOptions: true
+        }, orgId ? { orgId, organizationId: orgId } : {}));
+        const list = Array.isArray(res) ? res : (res == null ? void 0 : res.data) && Array.isArray(res.data) ? res.data : [];
+        if (list.length > 0) {
+          if (keyWithParent) fullyFetchedRelationKeysRef.current.add(keyWithParent);
+          fullyFetchedRelationKeysRef.current.add(keyDirect);
+          fullyFetchedRelationKeysRef.current.add(refId);
+          if (optionId) fullyFetchedRelationKeysRef.current.add(optionId);
+          setRelationOptions((prev) => {
+            const existing = prev[keyDirect] || [];
+            const existingMap = new Map(existing.map((o) => [String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id)), o]));
+            list.forEach((o) => {
+              const id = String((o == null ? void 0 : o.id) || (o == null ? void 0 : o._id));
+              if (id) existingMap.set(id, o);
+            });
+            const mergedList = Array.from(existingMap.values());
+            return __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, prev), keyWithParent ? { [keyWithParent]: mergedList } : {}), {
+              [keyDirect]: mergedList,
+              [refId]: mergedList
+            }), optionId ? { [optionId]: mergedList } : {});
+          });
+        }
+      } catch (err) {
+        console.warn(
+          `[useWhatsAppState] Failed to fetch relation options for post-send column ${selectedPostSendOption.columnName}:`,
+          err
+        );
+      }
+    })();
+  }, [selectedPostSendOption, executeAction, orgId]);
   const filteredRecords = (0, import_react17.useMemo)(() => {
     const activeEntries = Object.entries(filters).filter(
       ([_, val]) => val !== void 0 && val !== null && val !== ""
@@ -10697,6 +10886,25 @@ function useWhatsAppState(props) {
       return true;
     });
   }, [rawRecords, filters, filterableColumns]);
+  const filteredData = filteredRecords;
+  (0, import_react17.useEffect)(() => {
+    if (autoSelectCount !== null && autoSelectCount > 0) {
+      isAutoSelectingRef.current = true;
+      const sliced = filteredData.slice(0, autoSelectCount);
+      const slicedIds = sliced.map((r) => r.id);
+      setSelectedRowIds(slicedIds);
+      const timer = setTimeout(() => {
+        isAutoSelectingRef.current = false;
+      }, 0);
+      return () => clearTimeout(timer);
+    } else if (autoSelectCount === 0 || autoSelectCount === null) {
+      if (!isManualOverrideRef.current && prevAutoSelectCountRef.current !== null) {
+        setSelectedRowIds([]);
+      }
+    }
+    isManualOverrideRef.current = false;
+    prevAutoSelectCountRef.current = autoSelectCount;
+  }, [autoSelectCount, filteredData]);
   const embeddedTableExecuteAction = (0, import_react17.useCallback)(async (actionType, payload) => {
     if (actionType === "FETCH_TABLE_DATA") {
       const colFilters = (payload == null ? void 0 : payload.columnFilters) || (payload == null ? void 0 : payload.filters);
@@ -10718,6 +10926,15 @@ function useWhatsAppState(props) {
         relationOptions
       };
     }
+    if (actionType === "FETCH_RELATION") {
+      if (executeAction) {
+        return executeAction("FETCH_RELATION", __spreadProps(__spreadValues({}, payload), {
+          isFilter: false,
+          bypassScoping: true,
+          allOptions: true
+        }));
+      }
+    }
     if (executeAction) {
       return executeAction(actionType, payload);
     }
@@ -10739,11 +10956,37 @@ function useWhatsAppState(props) {
       if (prev.length === selectedIds.length && prev.every((id, idx) => id === selectedIds[idx])) {
         return prev;
       }
+      if (!isAutoSelectingRef.current && autoSelectCount !== null && autoSelectCount > 0) {
+        isManualOverrideRef.current = true;
+        setAutoSelectCount(null);
+      }
       setBroadcastSummary(null);
       setRowStatusMap({});
       return selectedIds;
     });
-  }, []);
+  }, [autoSelectCount]);
+  const handleRowToggle = (0, import_react17.useCallback)((rowId, checked) => {
+    if (autoSelectCount !== null && autoSelectCount > 0) {
+      isManualOverrideRef.current = true;
+      setAutoSelectCount(null);
+    }
+  }, [autoSelectCount]);
+  const toggleRowSelection = (0, import_react17.useCallback)((rowId, checked) => {
+    if (autoSelectCount !== null && autoSelectCount > 0) {
+      isManualOverrideRef.current = true;
+      setAutoSelectCount(null);
+    }
+    setSelectedRowIds((prev) => {
+      const isSelected = prev.includes(rowId);
+      const nextChecked = checked !== void 0 ? checked : !isSelected;
+      if (nextChecked && !isSelected) {
+        return [...prev, rowId];
+      } else if (!nextChecked && isSelected) {
+        return prev.filter((id) => id !== rowId);
+      }
+      return prev;
+    });
+  }, [autoSelectCount]);
   const [templates, setTemplates] = (0, import_react17.useState)([]);
   const [selectedTemplateId, setSelectedTemplateId] = (0, import_react17.useState)(null);
   const [isLoading, setIsLoading] = (0, import_react17.useState)(true);
@@ -11301,6 +11544,11 @@ function useWhatsAppState(props) {
     // Selection
     selectedRowIds,
     handleSelectionChange,
+    handleRowToggle,
+    toggleRowSelection,
+    autoSelectCount,
+    setAutoSelectCount,
+    filteredData,
     // Phone & Subtable settings
     targetPhoneOptions,
     phoneColumns,
@@ -11720,6 +11968,7 @@ function DynamicFiltersBlock({
   handleClearFilters,
   activeFiltersCount,
   relationOptions,
+  getRelationOptionsForCol,
   selectedRowIds,
   filteredRecordsCount,
   rawRecordsCount,
@@ -11751,12 +12000,13 @@ function DynamicFiltersBlock({
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] text-slate-400", children: "\u05E9\u05D3\u05D5\u05EA \u05DE\u05E1\u05D5\u05D2 \u05E7\u05E9\u05E8 \u05D5\u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9 \u05D1\u05DC\u05D1\u05D3" })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-2", children: filterableColumns.map((col) => {
-        var _a;
+        var _a, _b, _c;
         const colType = (_a = col.type) == null ? void 0 : _a.toUpperCase();
         const isBoolean = colType === "BOOLEAN";
         const currentValue = filters[col.name] || "";
         const isActive = Boolean(currentValue);
-        const options = relationOptions[col.name] || [];
+        const refTableId = ((_b = col == null ? void 0 : col.config) == null ? void 0 : _b.referencedTableId) || (col == null ? void 0 : col.referencedTableId);
+        const options = ((_c = getRelationOptionsForCol ? getRelationOptionsForCol(col.name) : []) == null ? void 0 : _c.length) > 0 ? getRelationOptionsForCol(col.name) : relationOptions[col.name] && relationOptions[col.name].length > 0 ? relationOptions[col.name] : refTableId && relationOptions[refTableId] && relationOptions[refTableId].length > 0 ? relationOptions[refTableId] : col.id && relationOptions[col.id] && relationOptions[col.id].length > 0 ? relationOptions[col.id] : [];
         return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -11838,6 +12088,8 @@ function SettingsAndActionsBlock({
   phoneColumnId,
   setPhoneColumnId,
   selectedPhoneOption,
+  autoSelectCount = null,
+  setAutoSelectCount,
   subtableFilterColumn,
   setSubtableFilterColumn,
   subtableFilterValue,
@@ -11927,6 +12179,72 @@ function SettingsAndActionsBlock({
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
         ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              "label",
+              {
+                htmlFor: "whatsapp-auto-select-records",
+                className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1 cursor-pointer",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.CheckSquare, { className: "w-3 h-3 text-slate-400" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05D1\u05D7\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D4 (\u05DB\u05DE\u05D5\u05EA \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E8\u05D1\u05D9\u05EA)" })
+                ]
+              }
+            ),
+            autoSelectCount !== null && autoSelectCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 animate-in fade-in duration-150", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[9px] font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200/80 px-1.5 py-0.5 rounded-full flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+                  "\u05E0\u05D1\u05D7\u05E8\u05D5 ",
+                  selectedRowIdsCount,
+                  " \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setAutoSelectCount == null ? void 0 : setAutoSelectCount(null),
+                  className: "text-[10px] text-slate-400 hover:text-rose-600 flex items-center gap-0.5 font-medium hover:underline cursor-pointer transition-colors p-0.5 rounded",
+                  title: "\u05E0\u05E7\u05D4 \u05D1\u05D7\u05D9\u05E8\u05D4 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA",
+                  "aria-label": "Clear auto select count",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E0\u05E7\u05D4" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "input",
+            {
+              id: "whatsapp-auto-select-records",
+              name: "autoSelectCount",
+              type: "number",
+              min: "0",
+              placeholder: "\u05DB\u05DE\u05D5\u05EA \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E8\u05D1\u05D9\u05EA",
+              "aria-label": "\u05DB\u05DE\u05D5\u05EA \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E8\u05D1\u05D9\u05EA",
+              "data-testid": "auto-select-records-input",
+              value: autoSelectCount === null || autoSelectCount === void 0 ? "" : autoSelectCount,
+              onChange: (e) => {
+                const val = e.target.value.trim();
+                if (val === "") {
+                  setAutoSelectCount == null ? void 0 : setAutoSelectCount(null);
+                } else {
+                  const num = parseInt(val, 10);
+                  if (isNaN(num) || num < 0) {
+                    setAutoSelectCount == null ? void 0 : setAutoSelectCount(null);
+                  } else {
+                    setAutoSelectCount == null ? void 0 : setAutoSelectCount(num);
+                  }
+                }
+              },
+              className: "w-full h-8 px-2.5 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 placeholder:text-slate-400 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all font-medium"
+            }
+          ) })
+        ] }),
         (selectedPhoneOption == null ? void 0 : selectedPhoneOption.type) === "SUBTABLE" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "p-2.5 bg-emerald-50/60 border border-emerald-200/80 rounded-xl space-y-2 animate-in fade-in duration-150", children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 pb-1 border-b border-emerald-200/60", children: [
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Users, { className: "w-3.5 h-3.5 text-emerald-700" }),
@@ -12331,6 +12649,7 @@ function WhatsAppComponent(props) {
                 handleClearFilters: state.handleClearFilters,
                 activeFiltersCount: state.activeFiltersCount,
                 relationOptions: state.relationOptions,
+                getRelationOptionsForCol: state.getRelationOptionsForCol,
                 selectedRowIds: state.selectedRowIds,
                 filteredRecordsCount: state.filteredRecords.length,
                 rawRecordsCount: state.rawRecords.length,
@@ -12346,6 +12665,8 @@ function WhatsAppComponent(props) {
                 phoneColumnId: state.phoneColumnId,
                 setPhoneColumnId: state.setPhoneColumnId,
                 selectedPhoneOption: state.selectedPhoneOption,
+                autoSelectCount: state.autoSelectCount,
+                setAutoSelectCount: state.setAutoSelectCount,
                 subtableFilterColumn: state.subtableFilterColumn,
                 setSubtableFilterColumn: state.setSubtableFilterColumn,
                 subtableFilterValue: state.subtableFilterValue,
@@ -12399,7 +12720,9 @@ function WhatsAppComponent(props) {
               },
               data: state.filteredRecords,
               readOnly: true,
+              selectedRowIds: state.selectedRowIds,
               onSelectionChange: state.handleSelectionChange,
+              onRowToggle: state.handleRowToggle,
               executeAction: state.embeddedTableExecuteAction,
               orgId,
               componentId: `${componentId || "whatsapp"}-embedded-table`,
@@ -12596,13 +12919,16 @@ var UNIVERSE_COMPONENTS = {
   ColumnHeaderTitle,
   CreateTemplateModal,
   DatePickerCell,
+  DynamicFiltersBlock,
   LinkPickerCell,
   PASTEL_PALETTES,
   RelationFilterPopover,
   RelationPickerCell,
+  SettingsAndActionsBlock,
   SmartTextCell,
   TEXT_REPRESENTABLE_TYPES,
   TableBlock,
+  TableBlockClient,
   TimePickerCell,
   ToastContext,
   ToastProvider,
@@ -12653,6 +12979,7 @@ var UNIVERSE_COMPONENTS = {
   useColumnResize,
   useSmartTooltip,
   useToast,
+  useWhatsAppState,
   validateSequentialVariables,
   validateTemplateBody,
   validateTemplateButtons,