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

package/dist/index.mjs

@@ -5591,7 +5591,9 @@ function TableBlockClient({
   role,
   permissions,
   readOnly,
+  selectedRowIds,
   onSelectionChange,
+  onRowToggle,
   rowStatusMap,
   editModelUrl
 }) {
@@ -6035,12 +6037,29 @@ function TableBlockClient({
     setPage((prev) => Math.min(totalPages, prev + 1));
   };
   const [selectedIds, setSelectedIds] = useState13(/* @__PURE__ */ new Set());
+  const isExternalSyncRef = useRef10(false);
+  useEffect11(() => {
+    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 = useRef10(true);
   useEffect11(() => {
     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] = useState13([]);
@@ -6489,17 +6508,19 @@ function TableBlockClient({
     }
   }, []);
   const toggleSelectAll = useCallback11((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 = useCallback11((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 = useCallback11((rowId) => {
     setExpandedRowIds((prev) => {
       const next = new Set(prev);
@@ -9897,6 +9918,10 @@ function buildWhatsAppPayload(to, templateName, languageCode, components) {
 }
 async function sendWhatsAppMessage(payload, executeAction, orgId) {
   try {
+    console.log(
+      "[whatsappApi] Dispatching WhatsApp message action with payload:",
+      JSON.stringify(payload, null, 2)
+    );
     const actionPayload = {
       payload
     };
@@ -9906,12 +9931,18 @@ async function sendWhatsAppMessage(payload, executeAction, orgId) {
     }
     const result = await executeAction("SEND_WHATSAPP_MESSAGE", actionPayload);
     if (result && result.success === false) {
+      console.error(
+        "[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch failed:",
+        result.error,
+        result.details || result
+      );
       return {
         success: false,
         error: result.error || "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA WhatsApp \u05E0\u05DB\u05E9\u05DC\u05D4",
         data: result
       };
     }
+    console.log("[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch succeeded:", result);
     return {
       success: true,
       data: result
@@ -10228,7 +10259,12 @@ function useWhatsAppState(props) {
   const [tableError, setTableError] = useState15(null);
   const [filters, setFilters] = useState15({});
   const [selectedRowIds, setSelectedRowIds] = useState15([]);
+  const [autoSelectCount, setAutoSelectCount] = useState15(null);
+  const isAutoSelectingRef = useRef12(false);
+  const isManualOverrideRef = useRef12(false);
+  const prevAutoSelectCountRef = useRef12(null);
   const fetchedTableIdsRef = useRef12(/* @__PURE__ */ new Set());
+  const fullyFetchedRelationKeysRef = useRef12(/* @__PURE__ */ new Set());
   const loadTableData = useCallback12(async () => {
     var _a2;
     const tableId = (settings == null ? void 0 : settings.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableId);
@@ -10253,7 +10289,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) {
@@ -10481,7 +10544,7 @@ function useWhatsAppState(props) {
   }, []);
   const getRelationOptionsForCol = useCallback12(
     (colName, parentColName) => {
-      var _a2;
+      var _a2, _b2, _c, _d;
       if (parentColName) {
         const subKey = `${parentColName}.${colName}`;
         if (relationOptions[subKey] && relationOptions[subKey].length > 0) {
@@ -10496,20 +10559,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]
   );
   useEffect13(() => {
-    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") {
@@ -10525,35 +10623,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]);
   useEffect13(() => {
-    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;
@@ -10561,24 +10688,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(
@@ -10587,7 +10729,60 @@ function useWhatsAppState(props) {
         );
       }
     })();
-  }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, relationOptions, orgId]);
+  }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, orgId]);
+  useEffect13(() => {
+    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 = useMemo8(() => {
     const activeEntries = Object.entries(filters).filter(
       ([_, val]) => val !== void 0 && val !== null && val !== ""
@@ -10619,6 +10814,25 @@ function useWhatsAppState(props) {
       return true;
     });
   }, [rawRecords, filters, filterableColumns]);
+  const filteredData = filteredRecords;
+  useEffect13(() => {
+    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 = useCallback12(async (actionType, payload) => {
     if (actionType === "FETCH_TABLE_DATA") {
       const colFilters = (payload == null ? void 0 : payload.columnFilters) || (payload == null ? void 0 : payload.filters);
@@ -10640,6 +10854,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);
     }
@@ -10661,11 +10884,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 = useCallback12((rowId, checked) => {
+    if (autoSelectCount !== null && autoSelectCount > 0) {
+      isManualOverrideRef.current = true;
+      setAutoSelectCount(null);
+    }
+  }, [autoSelectCount]);
+  const toggleRowSelection = useCallback12((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] = useState15([]);
   const [selectedTemplateId, setSelectedTemplateId] = useState15(null);
   const [isLoading, setIsLoading] = useState15(true);
@@ -11223,6 +11472,11 @@ function useWhatsAppState(props) {
     // Selection
     selectedRowIds,
     handleSelectionChange,
+    handleRowToggle,
+    toggleRowSelection,
+    autoSelectCount,
+    setAutoSelectCount,
+    filteredData,
     // Phone & Subtable settings
     targetPhoneOptions,
     phoneColumns,
@@ -11660,6 +11914,7 @@ function DynamicFiltersBlock({
   handleClearFilters,
   activeFiltersCount,
   relationOptions,
+  getRelationOptionsForCol,
   selectedRowIds,
   filteredRecordsCount,
   rawRecordsCount,
@@ -11691,12 +11946,13 @@ function DynamicFiltersBlock({
         /* @__PURE__ */ jsx16("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
         /* @__PURE__ */ jsx16("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__ */ jsx16("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__ */ jsxs15("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx16(
@@ -11777,7 +12033,8 @@ import {
   Loader2 as Loader26,
   AlertCircle as AlertCircle3,
   Send,
-  X as X11
+  X as X11,
+  CheckSquare as CheckSquare2
 } from "lucide-react";
 import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function SettingsAndActionsBlock({
@@ -11786,6 +12043,8 @@ function SettingsAndActionsBlock({
   phoneColumnId,
   setPhoneColumnId,
   selectedPhoneOption,
+  autoSelectCount = null,
+  setAutoSelectCount,
   subtableFilterColumn,
   setSubtableFilterColumn,
   subtableFilterValue,
@@ -11875,6 +12134,72 @@ function SettingsAndActionsBlock({
             /* @__PURE__ */ jsx17(ChevronDown5, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
         ] }),
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs16(
+              "label",
+              {
+                htmlFor: "whatsapp-auto-select-records",
+                className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1 cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx17(CheckSquare2, { className: "w-3 h-3 text-slate-400" }),
+                  /* @__PURE__ */ jsx17("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__ */ jsxs16("div", { className: "flex items-center gap-1.5 animate-in fade-in duration-150", children: [
+              /* @__PURE__ */ jsxs16("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__ */ jsx17("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+                /* @__PURE__ */ jsxs16("span", { children: [
+                  "\u05E0\u05D1\u05D7\u05E8\u05D5 ",
+                  selectedRowIdsCount,
+                  " \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs16(
+                "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__ */ jsx17(X11, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsx17("span", { children: "\u05E0\u05E7\u05D4" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx17("div", { className: "relative", children: /* @__PURE__ */ jsx17(
+            "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__ */ jsxs16("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__ */ jsxs16("div", { className: "flex items-center gap-1.5 pb-1 border-b border-emerald-200/60", children: [
             /* @__PURE__ */ jsx17(Users, { className: "w-3.5 h-3.5 text-emerald-700" }),
@@ -12279,6 +12604,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,
@@ -12294,6 +12620,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,
@@ -12347,7 +12675,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`,
@@ -12543,13 +12873,16 @@ export {
   ColumnHeaderTitle,
   CreateTemplateModal,
   DatePickerCell,
+  DynamicFiltersBlock,
   LinkPickerCell,
   PASTEL_PALETTES,
   RelationFilterPopover,
   RelationPickerCell,
+  SettingsAndActionsBlock,
   SmartTextCell,
   TEXT_REPRESENTABLE_TYPES,
   TableBlock,
+  TableBlockClient,
   TimePickerCell,
   ToastContext,
   ToastProvider,
@@ -12600,6 +12933,7 @@ export {
   useColumnResize,
   useSmartTooltip,
   useToast,
+  useWhatsAppState,
   validateSequentialVariables,
   validateTemplateBody,
   validateTemplateButtons,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@universe-platform/ui",
-    "version": "0.1.0-beta.20",
+    "version": "0.1.0-beta.22",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",