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

package/dist/globals.css

@@ -509,6 +509,9 @@
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
   .h-2 {
     height: calc(var(--spacing) * 2);
   }

package/dist/index.d.mts

@@ -123,7 +123,9 @@ interface TableBlockProps extends Partial<BaseComponentProps<TableData, TableCon
     role?: OrgRole | null;
     permissions?: ComponentPermissions;
     readOnly?: boolean;
+    selectedRowIds?: string[];
     onSelectionChange?: (selectedIds: string[]) => void;
+    onRowToggle?: (rowId: string, checked: boolean) => void;
     rowStatusMap?: Record<string, {
         status: RowStatusType;
         tooltip?: string;
@@ -140,6 +142,8 @@ interface DeleteRecordPayload {
     ids: string[];
 }
 
+declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, }: TableBlockProps): react_jsx_runtime.JSX.Element;
+
 declare function TableBlock(props: TableBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UseColumnResizeOptions {
@@ -382,13 +386,56 @@ interface MetaWhatsAppTemplate {
     components?: MetaTemplateComponent[];
     [key: string]: any;
 }
+interface TargetPhoneOption {
+    id: string;
+    label: string;
+    type: "DIRECT" | "SUBTABLE";
+    columnName: string;
+    parentColumnName?: string;
+    referencedTableId?: string;
+}
+interface PostSendTargetColumnOption {
+    id: string;
+    targetType: "MAIN" | "SUBTABLE";
+    columnName: string;
+    parentColumnName?: string;
+    referencedTableId?: string;
+    type: "BOOLEAN" | "RELATION";
+    label: string;
+    config?: any;
+}
+interface WhatsAppRecipient {
+    targetPhone: string;
+    mainRowId: string;
+    subtableRowId?: string;
+    recordData: Record<string, any>;
+}
 type WhatsAppData = any;
+interface TemplateVariableMappingItem {
+    type: "column" | "static";
+    value: string;
+}
+type TemplateVariableMapping = Record<string, TemplateVariableMappingItem>;
+interface TextableColumnOption {
+    id: string;
+    label: string;
+    columnName: string;
+    source: "MAIN" | "SUBTABLE";
+    parentColumnName?: string;
+    type?: string;
+}
 interface WhatsAppComponentProps extends Partial<BaseComponentProps<WhatsAppData, WhatsAppConfig>> {
     permissions?: ComponentPermissions;
     orgId?: string;
     organizationId?: string;
 }
 
+interface SkippedRecipientDetail {
+    mainRowId: string;
+    subtableRowId?: string;
+    reason?: string;
+}
+
 /**
  * WhatsAppComponent
  * High-level orchestrator for the WhatsApp messaging interface.
@@ -413,6 +460,204 @@ interface CreateTemplateModalProps {
  */
 declare function CreateTemplateModal({ isOpen, onClose, onSuccess, existingTemplateNames, existingTemplates, executeAction, orgId, }: CreateTemplateModalProps): react_jsx_runtime.JSX.Element | null;
 
+interface BroadcastProgressState {
+    current: number;
+    total: number;
+    successful: number;
+    failed: number;
+    skipped: number;
+    percent: number;
+}
+interface BroadcastSummaryState {
+    successful: number;
+    failed: number;
+    skipped: number;
+    total: number;
+    successfulRowIds: string[];
+    failedRowIds: string[];
+    skippedRowIds: string[];
+}
+declare function useWhatsAppState(props: WhatsAppComponentProps): {
+    orgId: any;
+    tableColumns: ColumnDef[];
+    rawRecords: RecordData[];
+    relationOptions: Record<string, {
+        id: string;
+        label: string;
+    }[]>;
+    isLoadingTableData: boolean;
+    tableError: string | null;
+    loadTableData: () => Promise<void>;
+    embeddedTableExecuteAction: (actionType: string, payload: Record<string, any>) => Promise<any>;
+    filteredRecords: RecordData[];
+    filters: Record<string, string>;
+    filterableColumns: ColumnDef[];
+    handleFilterChange: (colName: string, val: string) => void;
+    handleClearFilters: () => void;
+    activeFiltersCount: number;
+    selectedRowIds: string[];
+    handleSelectionChange: (selectedIds: string[]) => void;
+    handleRowToggle: (rowId: string, checked?: boolean) => void;
+    toggleRowSelection: (rowId: string, checked?: boolean) => void;
+    autoSelectCount: number | null;
+    setAutoSelectCount: react.Dispatch<react.SetStateAction<number | null>>;
+    filteredData: RecordData[];
+    targetPhoneOptions: TargetPhoneOption[];
+    phoneColumns: {
+        name: string;
+        id: string;
+        type: "PHONE";
+    }[];
+    phoneColumnId: string;
+    setPhoneColumnId: react.Dispatch<react.SetStateAction<string>>;
+    selectedPhoneOption: TargetPhoneOption;
+    isScanningPhoneColumns: boolean;
+    hasPhoneColumn: boolean;
+    subtableFilterableColumns: ColumnDef[];
+    selectedSubtableFilterCol: ColumnDef | undefined;
+    subtableFilterColumn: string;
+    setSubtableFilterColumn: react.Dispatch<react.SetStateAction<string>>;
+    subtableFilterValue: string;
+    setSubtableFilterValue: react.Dispatch<react.SetStateAction<string>>;
+    subtableSendLimit: "ALL" | "PRIMARY" | "FIRST";
+    setSubtableSendLimit: react.Dispatch<react.SetStateAction<"ALL" | "PRIMARY" | "FIRST">>;
+    getRelationOptionsForCol: (colName: string, parentColName?: string) => {
+        id: string;
+        label: string;
+    }[];
+    isSubtableFilterIncomplete: boolean;
+    enablePostSendAction: boolean;
+    setEnablePostSendAction: react.Dispatch<react.SetStateAction<boolean>>;
+    postSendActionColumn: string;
+    setPostSendActionColumn: react.Dispatch<react.SetStateAction<string>>;
+    postSendActionValue: string;
+    setPostSendActionValue: react.Dispatch<react.SetStateAction<string>>;
+    postSendActionTargetType: "SUBTABLE" | "MAIN";
+    setPostSendActionTargetType: react.Dispatch<react.SetStateAction<"SUBTABLE" | "MAIN">>;
+    postSendActionTargetOptions: PostSendTargetColumnOption[];
+    selectedPostSendCol: PostSendTargetColumnOption | undefined;
+    isPostSendActionIncomplete: boolean;
+    preparedRecipients: WhatsAppRecipient[] & {
+        skippedRowIds: string[];
+        skippedDetails: SkippedRecipientDetail[];
+    };
+    finalRecipientCount: number;
+    validMainRowsCount: number;
+    isSendDisabled: boolean;
+    isTestDisabled: boolean;
+    sendButtonTitle: string;
+    testButtonTitle: string;
+    templates: MetaWhatsAppTemplate[];
+    selectedTemplateId: string | null;
+    setSelectedTemplateId: react.Dispatch<react.SetStateAction<string | null>>;
+    selectedTemplate: MetaWhatsAppTemplate | null;
+    templateBodyText: string;
+    templateHeaderComp: MetaTemplateComponent | null;
+    headerMediaUrl: string;
+    handleHeaderMediaUrlChange: (newUrl: string) => void;
+    handleResetHeaderMediaUrl: () => void;
+    templateVariables: string[];
+    variableMapping: TemplateVariableMapping;
+    textableColumnOptions: TextableColumnOption[];
+    handleVariableTypeChange: (varKey: string, newType: "column" | "static") => void;
+    handleVariableValueChange: (varKey: string, newValue: string) => void;
+    isLoadingTemplates: boolean;
+    fetchError: string | null;
+    isModalOpen: boolean;
+    setIsModalOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    isDropdownOpen: boolean;
+    setIsDropdownOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    isDeleting: boolean;
+    handleDeleteTemplate: () => Promise<void>;
+    existingTemplateNames: string[];
+    loadTemplates: () => Promise<void>;
+    isTestPromptOpen: boolean;
+    setIsTestPromptOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    testPhoneNumber: string;
+    handleTestPhoneChange: (val: string) => void;
+    testFeedback: string | null;
+    setTestFeedback: react.Dispatch<react.SetStateAction<string | null>>;
+    isSendingTest: boolean;
+    isSendingBroadcast: boolean;
+    broadcastProgress: BroadcastProgressState;
+    broadcastSummary: BroadcastSummaryState | null;
+    rowStatusMap: Record<string, {
+        status: "success" | "failed" | "skipped" | "partial";
+        tooltip: string;
+    }>;
+    clearBroadcastSummary: () => void;
+    handleSendTest: () => Promise<void>;
+    handleSendMessages: () => Promise<void>;
+    feedback: {
+        type: "success" | "error";
+        message: string;
+    } | null;
+    setFeedback: react.Dispatch<react.SetStateAction<{
+        type: "success" | "error";
+        message: string;
+    } | null>>;
+};
+
+interface DynamicFiltersBlockProps {
+    filterableColumns: ColumnDef[];
+    filters: Record<string, string>;
+    handleFilterChange: (colName: string, val: string) => void;
+    handleClearFilters: () => void;
+    activeFiltersCount: number;
+    relationOptions: Record<string, any[]>;
+    getRelationOptionsForCol?: (colName: string, parentColName?: string) => any[];
+    selectedRowIds: string[];
+    filteredRecordsCount: number;
+    rawRecordsCount: number;
+    loadTableData: () => void;
+    isLoadingTableData: boolean;
+}
+declare function DynamicFiltersBlock({ filterableColumns, filters, handleFilterChange, handleClearFilters, activeFiltersCount, relationOptions, getRelationOptionsForCol, selectedRowIds, filteredRecordsCount, rawRecordsCount, loadTableData, isLoadingTableData, }: DynamicFiltersBlockProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsAndActionsBlockProps {
+    isScanningPhoneColumns: boolean;
+    targetPhoneOptions: TargetPhoneOption[];
+    phoneColumnId: string;
+    setPhoneColumnId: (id: string) => void;
+    selectedPhoneOption: TargetPhoneOption | null;
+    autoSelectCount?: number | null;
+    setAutoSelectCount?: (count: number | null) => void;
+    subtableFilterColumn: string;
+    setSubtableFilterColumn: (col: string) => void;
+    subtableFilterValue: string;
+    setSubtableFilterValue: (val: string) => void;
+    subtableSendLimit: "PRIMARY" | "FIRST" | "ALL";
+    setSubtableSendLimit: (limit: "PRIMARY" | "FIRST" | "ALL") => void;
+    subtableFilterableColumns: ColumnDef[];
+    selectedSubtableFilterCol: ColumnDef | undefined;
+    getRelationOptionsForCol: (colName: string, parentColName?: string) => any[];
+    relationOptions: Record<string, any[]>;
+    enablePostSendAction: boolean;
+    setEnablePostSendAction: (enable: boolean) => void;
+    postSendActionColumn: string;
+    setPostSendActionColumn: (col: string) => void;
+    postSendActionValue: string;
+    setPostSendActionValue: (val: string) => void;
+    postSendActionTargetType: "MAIN" | "SUBTABLE";
+    setPostSendActionTargetType: (type: "MAIN" | "SUBTABLE") => void;
+    postSendActionTargetOptions: PostSendTargetColumnOption[];
+    selectedPostSendOption: PostSendTargetColumnOption | undefined;
+    isTestDisabled: boolean;
+    testButtonTitle: string;
+    setIsTestPromptOpen: (open: boolean) => void;
+    isSendDisabled: boolean;
+    sendButtonTitle: string;
+    handleSendMessages: () => void;
+    selectedRowIdsCount: number;
+    finalRecipientCount: number;
+    validMainRowsCount: number;
+    isSendingBroadcast?: boolean;
+    broadcastProgress?: BroadcastProgressState;
+    broadcastSummary?: BroadcastSummaryState | null;
+    clearBroadcastSummary?: () => void;
+}
+declare function SettingsAndActionsBlock({ isScanningPhoneColumns, targetPhoneOptions, phoneColumnId, setPhoneColumnId, selectedPhoneOption, autoSelectCount, setAutoSelectCount, subtableFilterColumn, setSubtableFilterColumn, subtableFilterValue, setSubtableFilterValue, subtableSendLimit, setSubtableSendLimit, subtableFilterableColumns, selectedSubtableFilterCol, getRelationOptionsForCol, relationOptions, enablePostSendAction, setEnablePostSendAction, postSendActionColumn, setPostSendActionColumn, postSendActionValue, setPostSendActionValue, setPostSendActionTargetType, postSendActionTargetOptions, selectedPostSendOption, isTestDisabled, testButtonTitle, setIsTestPromptOpen, isSendDisabled, sendButtonTitle, handleSendMessages, selectedRowIdsCount, finalRecipientCount, validMainRowsCount, isSendingBroadcast, broadcastProgress, broadcastSummary, clearBroadcastSummary, }: SettingsAndActionsBlockProps): react_jsx_runtime.JSX.Element;
+
 /**
  * UNIVERSE_COMPONENTS
  * Dynamic Component Registry dictionary mapping component type strings (e.g., "TABLE", "WHATSAPP")
@@ -445,4 +690,4 @@ declare function ToastProvider({ children }: {
 
 declare function useToast(): ToastContextType;
 
-export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DatePickerCell, type DeleteRecordPayload, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, type OrgRole, PASTEL_PALETTES, type PastelPalette, type RelationFilterOption, type RelationFilterPayload, RelationFilterPopover, type RelationFilterPopoverProps, RelationPickerCell, type RolePermissions, type RowStatusType, SmartTextCell, type SplitTitleResult, TableBlock, type TableBlockProps, type TableConfig, type TableData, TimePickerCell, ToastContext, type ToastContextType, type ToastItem, ToastProvider, TruncatedTooltip, UNIVERSE_COMPONENTS, type UniverseComponentType, type UpdateRecordPayload, type UseColumnReorderOptions, type UseColumnResizeOptions, WhatsAppComponent, type WhatsAppComponentProps, type WhatsAppData, calculateMinColumnWidth, checkElementTruncation, cn, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseLinkValue, parseTimeParts, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, useColumnReorder, useColumnResize, useSmartTooltip, useToast };
+export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DatePickerCell, type DeleteRecordPayload, DynamicFiltersBlock, type DynamicFiltersBlockProps, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, type OrgRole, PASTEL_PALETTES, type PastelPalette, type RelationFilterOption, type RelationFilterPayload, RelationFilterPopover, type RelationFilterPopoverProps, RelationPickerCell, type RolePermissions, type RowStatusType, SettingsAndActionsBlock, type SettingsAndActionsBlockProps, SmartTextCell, type SplitTitleResult, TableBlock, TableBlockClient, type TableBlockProps, type TableConfig, type TableData, TimePickerCell, ToastContext, type ToastContextType, type ToastItem, ToastProvider, TruncatedTooltip, UNIVERSE_COMPONENTS, type UniverseComponentType, type UpdateRecordPayload, type UseColumnReorderOptions, type UseColumnResizeOptions, WhatsAppComponent, type WhatsAppComponentProps, type WhatsAppData, calculateMinColumnWidth, checkElementTruncation, cn, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseLinkValue, parseTimeParts, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, useColumnReorder, useColumnResize, useSmartTooltip, useToast, useWhatsAppState };

package/dist/index.d.ts

@@ -123,7 +123,9 @@ interface TableBlockProps extends Partial<BaseComponentProps<TableData, TableCon
     role?: OrgRole | null;
     permissions?: ComponentPermissions;
     readOnly?: boolean;
+    selectedRowIds?: string[];
     onSelectionChange?: (selectedIds: string[]) => void;
+    onRowToggle?: (rowId: string, checked: boolean) => void;
     rowStatusMap?: Record<string, {
         status: RowStatusType;
         tooltip?: string;
@@ -140,6 +142,8 @@ interface DeleteRecordPayload {
     ids: string[];
 }
 
+declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, }: TableBlockProps): react_jsx_runtime.JSX.Element;
+
 declare function TableBlock(props: TableBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UseColumnResizeOptions {
@@ -382,13 +386,56 @@ interface MetaWhatsAppTemplate {
     components?: MetaTemplateComponent[];
     [key: string]: any;
 }
+interface TargetPhoneOption {
+    id: string;
+    label: string;
+    type: "DIRECT" | "SUBTABLE";
+    columnName: string;
+    parentColumnName?: string;
+    referencedTableId?: string;
+}
+interface PostSendTargetColumnOption {
+    id: string;
+    targetType: "MAIN" | "SUBTABLE";
+    columnName: string;
+    parentColumnName?: string;
+    referencedTableId?: string;
+    type: "BOOLEAN" | "RELATION";
+    label: string;
+    config?: any;
+}
+interface WhatsAppRecipient {
+    targetPhone: string;
+    mainRowId: string;
+    subtableRowId?: string;
+    recordData: Record<string, any>;
+}
 type WhatsAppData = any;
+interface TemplateVariableMappingItem {
+    type: "column" | "static";
+    value: string;
+}
+type TemplateVariableMapping = Record<string, TemplateVariableMappingItem>;
+interface TextableColumnOption {
+    id: string;
+    label: string;
+    columnName: string;
+    source: "MAIN" | "SUBTABLE";
+    parentColumnName?: string;
+    type?: string;
+}
 interface WhatsAppComponentProps extends Partial<BaseComponentProps<WhatsAppData, WhatsAppConfig>> {
     permissions?: ComponentPermissions;
     orgId?: string;
     organizationId?: string;
 }
 
+interface SkippedRecipientDetail {
+    mainRowId: string;
+    subtableRowId?: string;
+    reason?: string;
+}
+
 /**
  * WhatsAppComponent
  * High-level orchestrator for the WhatsApp messaging interface.
@@ -413,6 +460,204 @@ interface CreateTemplateModalProps {
  */
 declare function CreateTemplateModal({ isOpen, onClose, onSuccess, existingTemplateNames, existingTemplates, executeAction, orgId, }: CreateTemplateModalProps): react_jsx_runtime.JSX.Element | null;
 
+interface BroadcastProgressState {
+    current: number;
+    total: number;
+    successful: number;
+    failed: number;
+    skipped: number;
+    percent: number;
+}
+interface BroadcastSummaryState {
+    successful: number;
+    failed: number;
+    skipped: number;
+    total: number;
+    successfulRowIds: string[];
+    failedRowIds: string[];
+    skippedRowIds: string[];
+}
+declare function useWhatsAppState(props: WhatsAppComponentProps): {
+    orgId: any;
+    tableColumns: ColumnDef[];
+    rawRecords: RecordData[];
+    relationOptions: Record<string, {
+        id: string;
+        label: string;
+    }[]>;
+    isLoadingTableData: boolean;
+    tableError: string | null;
+    loadTableData: () => Promise<void>;
+    embeddedTableExecuteAction: (actionType: string, payload: Record<string, any>) => Promise<any>;
+    filteredRecords: RecordData[];
+    filters: Record<string, string>;
+    filterableColumns: ColumnDef[];
+    handleFilterChange: (colName: string, val: string) => void;
+    handleClearFilters: () => void;
+    activeFiltersCount: number;
+    selectedRowIds: string[];
+    handleSelectionChange: (selectedIds: string[]) => void;
+    handleRowToggle: (rowId: string, checked?: boolean) => void;
+    toggleRowSelection: (rowId: string, checked?: boolean) => void;
+    autoSelectCount: number | null;
+    setAutoSelectCount: react.Dispatch<react.SetStateAction<number | null>>;
+    filteredData: RecordData[];
+    targetPhoneOptions: TargetPhoneOption[];
+    phoneColumns: {
+        name: string;
+        id: string;
+        type: "PHONE";
+    }[];
+    phoneColumnId: string;
+    setPhoneColumnId: react.Dispatch<react.SetStateAction<string>>;
+    selectedPhoneOption: TargetPhoneOption;
+    isScanningPhoneColumns: boolean;
+    hasPhoneColumn: boolean;
+    subtableFilterableColumns: ColumnDef[];
+    selectedSubtableFilterCol: ColumnDef | undefined;
+    subtableFilterColumn: string;
+    setSubtableFilterColumn: react.Dispatch<react.SetStateAction<string>>;
+    subtableFilterValue: string;
+    setSubtableFilterValue: react.Dispatch<react.SetStateAction<string>>;
+    subtableSendLimit: "ALL" | "PRIMARY" | "FIRST";
+    setSubtableSendLimit: react.Dispatch<react.SetStateAction<"ALL" | "PRIMARY" | "FIRST">>;
+    getRelationOptionsForCol: (colName: string, parentColName?: string) => {
+        id: string;
+        label: string;
+    }[];
+    isSubtableFilterIncomplete: boolean;
+    enablePostSendAction: boolean;
+    setEnablePostSendAction: react.Dispatch<react.SetStateAction<boolean>>;
+    postSendActionColumn: string;
+    setPostSendActionColumn: react.Dispatch<react.SetStateAction<string>>;
+    postSendActionValue: string;
+    setPostSendActionValue: react.Dispatch<react.SetStateAction<string>>;
+    postSendActionTargetType: "SUBTABLE" | "MAIN";
+    setPostSendActionTargetType: react.Dispatch<react.SetStateAction<"SUBTABLE" | "MAIN">>;
+    postSendActionTargetOptions: PostSendTargetColumnOption[];
+    selectedPostSendCol: PostSendTargetColumnOption | undefined;
+    isPostSendActionIncomplete: boolean;
+    preparedRecipients: WhatsAppRecipient[] & {
+        skippedRowIds: string[];
+        skippedDetails: SkippedRecipientDetail[];
+    };
+    finalRecipientCount: number;
+    validMainRowsCount: number;
+    isSendDisabled: boolean;
+    isTestDisabled: boolean;
+    sendButtonTitle: string;
+    testButtonTitle: string;
+    templates: MetaWhatsAppTemplate[];
+    selectedTemplateId: string | null;
+    setSelectedTemplateId: react.Dispatch<react.SetStateAction<string | null>>;
+    selectedTemplate: MetaWhatsAppTemplate | null;
+    templateBodyText: string;
+    templateHeaderComp: MetaTemplateComponent | null;
+    headerMediaUrl: string;
+    handleHeaderMediaUrlChange: (newUrl: string) => void;
+    handleResetHeaderMediaUrl: () => void;
+    templateVariables: string[];
+    variableMapping: TemplateVariableMapping;
+    textableColumnOptions: TextableColumnOption[];
+    handleVariableTypeChange: (varKey: string, newType: "column" | "static") => void;
+    handleVariableValueChange: (varKey: string, newValue: string) => void;
+    isLoadingTemplates: boolean;
+    fetchError: string | null;
+    isModalOpen: boolean;
+    setIsModalOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    isDropdownOpen: boolean;
+    setIsDropdownOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    isDeleting: boolean;
+    handleDeleteTemplate: () => Promise<void>;
+    existingTemplateNames: string[];
+    loadTemplates: () => Promise<void>;
+    isTestPromptOpen: boolean;
+    setIsTestPromptOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    testPhoneNumber: string;
+    handleTestPhoneChange: (val: string) => void;
+    testFeedback: string | null;
+    setTestFeedback: react.Dispatch<react.SetStateAction<string | null>>;
+    isSendingTest: boolean;
+    isSendingBroadcast: boolean;
+    broadcastProgress: BroadcastProgressState;
+    broadcastSummary: BroadcastSummaryState | null;
+    rowStatusMap: Record<string, {
+        status: "success" | "failed" | "skipped" | "partial";
+        tooltip: string;
+    }>;
+    clearBroadcastSummary: () => void;
+    handleSendTest: () => Promise<void>;
+    handleSendMessages: () => Promise<void>;
+    feedback: {
+        type: "success" | "error";
+        message: string;
+    } | null;
+    setFeedback: react.Dispatch<react.SetStateAction<{
+        type: "success" | "error";
+        message: string;
+    } | null>>;
+};
+
+interface DynamicFiltersBlockProps {
+    filterableColumns: ColumnDef[];
+    filters: Record<string, string>;
+    handleFilterChange: (colName: string, val: string) => void;
+    handleClearFilters: () => void;
+    activeFiltersCount: number;
+    relationOptions: Record<string, any[]>;
+    getRelationOptionsForCol?: (colName: string, parentColName?: string) => any[];
+    selectedRowIds: string[];
+    filteredRecordsCount: number;
+    rawRecordsCount: number;
+    loadTableData: () => void;
+    isLoadingTableData: boolean;
+}
+declare function DynamicFiltersBlock({ filterableColumns, filters, handleFilterChange, handleClearFilters, activeFiltersCount, relationOptions, getRelationOptionsForCol, selectedRowIds, filteredRecordsCount, rawRecordsCount, loadTableData, isLoadingTableData, }: DynamicFiltersBlockProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsAndActionsBlockProps {
+    isScanningPhoneColumns: boolean;
+    targetPhoneOptions: TargetPhoneOption[];
+    phoneColumnId: string;
+    setPhoneColumnId: (id: string) => void;
+    selectedPhoneOption: TargetPhoneOption | null;
+    autoSelectCount?: number | null;
+    setAutoSelectCount?: (count: number | null) => void;
+    subtableFilterColumn: string;
+    setSubtableFilterColumn: (col: string) => void;
+    subtableFilterValue: string;
+    setSubtableFilterValue: (val: string) => void;
+    subtableSendLimit: "PRIMARY" | "FIRST" | "ALL";
+    setSubtableSendLimit: (limit: "PRIMARY" | "FIRST" | "ALL") => void;
+    subtableFilterableColumns: ColumnDef[];
+    selectedSubtableFilterCol: ColumnDef | undefined;
+    getRelationOptionsForCol: (colName: string, parentColName?: string) => any[];
+    relationOptions: Record<string, any[]>;
+    enablePostSendAction: boolean;
+    setEnablePostSendAction: (enable: boolean) => void;
+    postSendActionColumn: string;
+    setPostSendActionColumn: (col: string) => void;
+    postSendActionValue: string;
+    setPostSendActionValue: (val: string) => void;
+    postSendActionTargetType: "MAIN" | "SUBTABLE";
+    setPostSendActionTargetType: (type: "MAIN" | "SUBTABLE") => void;
+    postSendActionTargetOptions: PostSendTargetColumnOption[];
+    selectedPostSendOption: PostSendTargetColumnOption | undefined;
+    isTestDisabled: boolean;
+    testButtonTitle: string;
+    setIsTestPromptOpen: (open: boolean) => void;
+    isSendDisabled: boolean;
+    sendButtonTitle: string;
+    handleSendMessages: () => void;
+    selectedRowIdsCount: number;
+    finalRecipientCount: number;
+    validMainRowsCount: number;
+    isSendingBroadcast?: boolean;
+    broadcastProgress?: BroadcastProgressState;
+    broadcastSummary?: BroadcastSummaryState | null;
+    clearBroadcastSummary?: () => void;
+}
+declare function SettingsAndActionsBlock({ isScanningPhoneColumns, targetPhoneOptions, phoneColumnId, setPhoneColumnId, selectedPhoneOption, autoSelectCount, setAutoSelectCount, subtableFilterColumn, setSubtableFilterColumn, subtableFilterValue, setSubtableFilterValue, subtableSendLimit, setSubtableSendLimit, subtableFilterableColumns, selectedSubtableFilterCol, getRelationOptionsForCol, relationOptions, enablePostSendAction, setEnablePostSendAction, postSendActionColumn, setPostSendActionColumn, postSendActionValue, setPostSendActionValue, setPostSendActionTargetType, postSendActionTargetOptions, selectedPostSendOption, isTestDisabled, testButtonTitle, setIsTestPromptOpen, isSendDisabled, sendButtonTitle, handleSendMessages, selectedRowIdsCount, finalRecipientCount, validMainRowsCount, isSendingBroadcast, broadcastProgress, broadcastSummary, clearBroadcastSummary, }: SettingsAndActionsBlockProps): react_jsx_runtime.JSX.Element;
+
 /**
  * UNIVERSE_COMPONENTS
  * Dynamic Component Registry dictionary mapping component type strings (e.g., "TABLE", "WHATSAPP")
@@ -445,4 +690,4 @@ declare function ToastProvider({ children }: {
 
 declare function useToast(): ToastContextType;
 
-export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DatePickerCell, type DeleteRecordPayload, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, type OrgRole, PASTEL_PALETTES, type PastelPalette, type RelationFilterOption, type RelationFilterPayload, RelationFilterPopover, type RelationFilterPopoverProps, RelationPickerCell, type RolePermissions, type RowStatusType, SmartTextCell, type SplitTitleResult, TableBlock, type TableBlockProps, type TableConfig, type TableData, TimePickerCell, ToastContext, type ToastContextType, type ToastItem, ToastProvider, TruncatedTooltip, UNIVERSE_COMPONENTS, type UniverseComponentType, type UpdateRecordPayload, type UseColumnReorderOptions, type UseColumnResizeOptions, WhatsAppComponent, type WhatsAppComponentProps, type WhatsAppData, calculateMinColumnWidth, checkElementTruncation, cn, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseLinkValue, parseTimeParts, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, useColumnReorder, useColumnResize, useSmartTooltip, useToast };
+export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DatePickerCell, type DeleteRecordPayload, DynamicFiltersBlock, type DynamicFiltersBlockProps, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, type OrgRole, PASTEL_PALETTES, type PastelPalette, type RelationFilterOption, type RelationFilterPayload, RelationFilterPopover, type RelationFilterPopoverProps, RelationPickerCell, type RolePermissions, type RowStatusType, SettingsAndActionsBlock, type SettingsAndActionsBlockProps, SmartTextCell, type SplitTitleResult, TableBlock, TableBlockClient, type TableBlockProps, type TableConfig, type TableData, TimePickerCell, ToastContext, type ToastContextType, type ToastItem, ToastProvider, TruncatedTooltip, UNIVERSE_COMPONENTS, type UniverseComponentType, type UpdateRecordPayload, type UseColumnReorderOptions, type UseColumnResizeOptions, WhatsAppComponent, type WhatsAppComponentProps, type WhatsAppData, calculateMinColumnWidth, checkElementTruncation, cn, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseLinkValue, parseTimeParts, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, useColumnReorder, useColumnResize, useSmartTooltip, useToast, useWhatsAppState };