@universe-platform/ui 0.1.0-beta.25 → 0.1.0-beta.26

package/dist/globals.css

@@ -44,9 +44,12 @@
     --color-emerald-900: oklch(37.8% 0.077 168.94);
     --color-emerald-950: oklch(26.2% 0.051 172.552);
     --color-teal-50: oklch(98.4% 0.014 180.72);
+    --color-teal-100: oklch(95.3% 0.051 180.801);
     --color-teal-200: oklch(91% 0.096 180.426);
     --color-teal-500: oklch(70.4% 0.14 182.503);
     --color-teal-700: oklch(51.1% 0.096 186.391);
+    --color-teal-800: oklch(43.7% 0.078 188.216);
+    --color-teal-900: oklch(38.6% 0.063 188.416);
     --color-cyan-50: oklch(98.4% 0.019 200.873);
     --color-cyan-200: oklch(91.7% 0.08 205.041);
     --color-cyan-700: oklch(52% 0.105 223.128);
@@ -71,6 +74,7 @@
     --color-indigo-200: oklch(87% 0.065 274.039);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
     --color-indigo-700: oklch(45.7% 0.24 277.023);
+    --color-indigo-900: oklch(35.9% 0.144 278.697);
     --color-violet-50: oklch(96.9% 0.016 293.756);
     --color-violet-100: oklch(94.3% 0.029 294.588);
     --color-violet-200: oklch(89.4% 0.057 293.283);
@@ -105,6 +109,7 @@
     --color-slate-700: oklch(37.2% 0.044 257.287);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -120,6 +125,8 @@
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
@@ -447,6 +454,9 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
@@ -459,6 +469,9 @@
   .mr-1 {
     margin-right: var(--spacing);
   }
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
@@ -495,6 +508,12 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .block {
     display: block;
   }
@@ -576,12 +595,18 @@
   .h-\[18px\] {
     height: 18px;
   }
+  .h-\[550px\] {
+    height: 550px;
+  }
   .h-\[calc\(100vh-420px\)\] {
     height: calc(100vh - 420px);
   }
   .h-full {
     height: 100%;
   }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -624,6 +649,9 @@
   .min-h-\[320px\] {
     min-height: 320px;
   }
+  .min-h-\[850px\] {
+    min-height: 850px;
+  }
   .min-h-\[inherit\] {
     min-height: inherit;
   }
@@ -747,6 +775,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .basis-0 {
+    flex-basis: 0;
+  }
   .table-auto {
     table-layout: auto;
   }
@@ -823,6 +854,9 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
@@ -943,6 +977,19 @@
       margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
+  .gap-y-1\.5 {
+    row-gap: calc(var(--spacing) * 1.5);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1055,6 +1102,9 @@
   .border-amber-400 {
     border-color: var(--color-amber-400);
   }
+  .border-blue-100 {
+    border-color: var(--color-blue-100);
+  }
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
@@ -1181,9 +1231,18 @@
       border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
     }
   }
+  .border-teal-100 {
+    border-color: var(--color-teal-100);
+  }
   .border-teal-200 {
     border-color: var(--color-teal-200);
   }
+  .border-teal-200\/60 {
+    border-color: color-mix(in srgb, oklch(91% 0.096 180.426) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-teal-200) 60%, transparent);
+    }
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -1211,6 +1270,9 @@
   .bg-amber-100 {
     background-color: var(--color-amber-100);
   }
+  .bg-amber-400 {
+    background-color: var(--color-amber-400);
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -1220,6 +1282,12 @@
       background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
     }
   }
+  .bg-blue-50\/80 {
+    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
+    }
+  }
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
@@ -1289,12 +1357,21 @@
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
+  .bg-gray-50 {
+    background-color: var(--color-gray-50);
+  }
   .bg-green-50 {
     background-color: var(--color-green-50);
   }
   .bg-indigo-50 {
     background-color: var(--color-indigo-50);
   }
+  .bg-indigo-50\/60 {
+    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
+    }
+  }
   .bg-lime-50 {
     background-color: var(--color-lime-50);
   }
@@ -1409,6 +1486,12 @@
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
+  .bg-teal-50\/40 {
+    background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-teal-50) 40%, transparent);
+    }
+  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -1556,12 +1639,18 @@
   .pt-2\.5 {
     padding-top: calc(var(--spacing) * 2.5);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
+  .pr-1 {
+    padding-right: var(--spacing);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1642,6 +1731,10 @@
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -1779,6 +1872,9 @@
   .text-indigo-700 {
     color: var(--color-indigo-700);
   }
+  .text-indigo-900 {
+    color: var(--color-indigo-900);
+  }
   .text-lime-700 {
     color: var(--color-lime-700);
   }
@@ -1842,6 +1938,12 @@
   .text-teal-700 {
     color: var(--color-teal-700);
   }
+  .text-teal-800 {
+    color: var(--color-teal-800);
+  }
+  .text-teal-900 {
+    color: var(--color-teal-900);
+  }
   .text-violet-600 {
     color: var(--color-violet-600);
   }
@@ -1877,6 +1979,9 @@
   .accent-\[\#0d9488\] {
     accent-color: #0d9488;
   }
+  .accent-blue-600 {
+    accent-color: var(--color-blue-600);
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -1947,6 +2052,9 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-blue-100 {
+    --tw-ring-color: var(--color-blue-100);
+  }
   .ring-emerald-500\/20 {
     --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2035,6 +2143,10 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .select-all {
     -webkit-user-select: all;
     user-select: all;
@@ -2143,6 +2255,16 @@
       }
     }
   }
+  .hover\:scale-110 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-scale-x: 110%;
+        --tw-scale-y: 110%;
+        --tw-scale-z: 110%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .hover\:border-amber-400 {
     &:hover {
       @media (hover: hover) {
@@ -2195,6 +2317,13 @@
       }
     }
   }
+  .hover\:bg-amber-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-500);
+      }
+    }
+  }
   .hover\:bg-black\/10 {
     &:hover {
       @media (hover: hover) {
@@ -2648,6 +2777,11 @@
       cursor: not-allowed;
     }
   }
+  .disabled\:opacity-30 {
+    &:disabled {
+      opacity: 30%;
+    }
+  }
   .disabled\:opacity-40 {
     &:disabled {
       opacity: 40%;
@@ -2704,6 +2838,11 @@
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
   }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .lg\:col-span-3 {
     @media (width >= 64rem) {
       grid-column: span 3 / span 3;
@@ -2719,6 +2858,21 @@
       grid-column: span 5 / span 5;
     }
   }
+  .lg\:w-1\/2 {
+    @media (width >= 64rem) {
+      width: calc(1 / 2 * 100%);
+    }
+  }
+  .lg\:w-1\/3 {
+    @media (width >= 64rem) {
+      width: calc(1 / 3 * 100%);
+    }
+  }
+  .lg\:w-2\/3 {
+    @media (width >= 64rem) {
+      width: calc(2 / 3 * 100%);
+    }
+  }
   .lg\:grid-cols-1 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -2729,6 +2883,11 @@
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
   }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
 }
 @property --tw-translate-x {
   syntax: "*";

package/dist/index.d.mts

@@ -370,6 +370,118 @@ interface SmartTextCellProps {
  */
 declare const SmartTextCell: react__default.FC<SmartTextCellProps>;
 
+interface PlacementConfig {
+    sourceTableId: string;
+    sourceDisplayFieldId: string;
+    targetTableId: string;
+    targetFilterField1Id: string;
+    targetFilterField2Id: string;
+    targetSelectorFieldId: string;
+    targetAssignmentFieldId: string;
+    title?: string;
+    statusColors?: PlacementStatusSetting[];
+    defaultReturnStatusId?: string;
+}
+interface PlacementStatusSetting {
+    id: string;
+    hex: string;
+    label: string;
+}
+declare const DEFAULT_PLACEMENT_STATUS_COLORS: PlacementStatusSetting[];
+/** מחזיר את מזהה הסטטוס ההתחלתי התקף: זה שהוגדר, אחרת "3" אם קיים (תאימות לאחור), אחרת הראשון */
+declare function resolveDefaultStatusId(list: PlacementStatusSetting[], wanted?: string): string;
+interface PlacementSettingsProps {
+    config: PlacementConfig;
+    onChange: (newConfig: PlacementConfig) => void;
+    tables: Array<{
+        id: string;
+        name: string;
+        isGlobal?: boolean;
+        fields?: any[];
+        columns?: any[];
+    }>;
+}
+declare const PlacementStatusEditor: react__default.FC<{
+    config: PlacementConfig;
+    onChange: (newConfig: PlacementConfig) => void;
+}>;
+declare const PlacementSettings: react__default.FC<PlacementSettingsProps>;
+
+interface PlacementStatusColor {
+    id: string;
+    hex: string;
+    label: string;
+}
+type ExecuteAction = (actionType: string, payload: Record<string, any>) => Promise<any>;
+interface PlacementBlockProps {
+    settings?: any;
+    executeAction?: ExecuteAction;
+    componentId?: string;
+    className?: string;
+    config?: PlacementConfig;
+    fetchSourceData?: (tableId: string) => Promise<any[]>;
+    fetchTargetData?: (tableId: string) => Promise<any[]>;
+    updateAssignment?: (targetRecordId: string, sourceRecordId: string) => Promise<void>;
+}
+declare const PlacementBlock: react__default.FC<PlacementBlockProps>;
+
+declare const RELATION_SEP = "::";
+declare const RELATION_LABEL_KEY = "__label";
+declare const NON_TEXT_TYPES: string[];
+interface PlacementColumnOption {
+    /** הערך שנשמר ב-config (שם עמודה, או "קשר::עמודה") */
+    id: string;
+    /** מה שמוצג למשתמש */
+    name: string;
+    type?: string;
+    /** תיאור משני (סוג שדה / מאיזו טבלה) */
+    description?: string;
+    /** שם עמודת הקשר, אם העמודה באה מטבלה קשורה */
+    viaRelation?: string;
+    /** שם הטבלה הקשורה, אם העמודה באה מטבלה קשורה */
+    fromTableName?: string;
+    fromGlobalTable?: boolean;
+}
+type AnyTable = {
+    id: string;
+    name: string;
+    isGlobal?: boolean;
+    fields?: any[];
+    columns?: any[];
+};
+declare const tableColumns: (table?: {
+    fields?: any[];
+    columns?: any[];
+} | null) => any[];
+declare const isUserColumn: (c: any) => boolean;
+declare const buildRelationRef: (relationColumn: string, field: string) => string;
+declare function parseColumnRef(ref: string): {
+    relationColumn?: string;
+    field: string;
+};
+/** שם ידידותי להצגה: "עיר מגורים › שם העיר" */
+declare const columnRefLabel: (ref: string) => string;
+/**
+ * בונה את רשימת העמודות לבחירה בטבלה: עמודות הטבלה עצמה,
+ * ואחריהן (כשהן מותרות) עמודות מכל טבלה שמקושרת אליה ב-RELATION - כולל טבלאות מערכת.
+ * עמודות קשר מוצגות רק ברמה אחת (לא קשר בתוך קשר).
+ */
+declare function buildColumnOptions(table: AnyTable | undefined | null, allTables: AnyTable[] | undefined, opts?: {
+    textOnly?: boolean;
+    includeRelated?: boolean;
+}): PlacementColumnOption[];
+/**
+ * מעשיר רשומות בעמודות וירטואליות מהטבלאות הקשורות, לפי relationOptions שחזר מהשרת:
+ *   data["<קשר>::<עמודה>"]  = ערך העמודה ברשומה/ות הקשורות
+ *   data["<קשר>::__label"]  = התווית (displayField) של הרשומה/ות הקשורות
+ * הערך המקורי של עמודת הקשר (ה-IDs) נשאר כמות שהוא, כי הוא משמש לשמירה.
+ */
+declare function enrichRowsWithRelations<T extends {
+    data: Record<string, any>;
+}>(rows: T[], columns: any[], relationOptions: Record<string, any[]> | undefined): T[];
+/** קורא ערך עמודה (רגילה או מטבלה קשורה); עמודת קשר "חשופה" מוצגת לפי התווית שלה ולא לפי ה-ID */
+declare function readColumnValue(data: Record<string, any> | undefined, ref: string): any;
+
 interface MetaTemplateComponent {
     type: "HEADER" | "BODY" | "FOOTER" | "BUTTONS" | string;
     format?: "TEXT" | "IMAGE" | "DOCUMENT" | "VIDEO" | string;
@@ -684,6 +796,7 @@ declare const UNIVERSE_COMPONENTS: {
     readonly TABLE: typeof TableBlock;
     readonly WHATSAPP: typeof WhatsAppComponent;
     readonly FORM: typeof FormBlock;
+    readonly PLACEMENT: react.FC<PlacementBlockProps>;
 };
 type ComponentRegistry = typeof UNIVERSE_COMPONENTS;
 type UniverseComponentType = keyof ComponentRegistry;
@@ -708,4 +821,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, 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 };
+export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DEFAULT_PLACEMENT_STATUS_COLORS, DatePickerCell, type DeleteRecordPayload, DynamicFiltersBlock, type DynamicFiltersBlockProps, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, NON_TEXT_TYPES, type OrgRole, PASTEL_PALETTES, type PastelPalette, PlacementBlock, type PlacementBlockProps, type PlacementColumnOption, type PlacementConfig, PlacementSettings, type PlacementStatusColor, PlacementStatusEditor, type PlacementStatusSetting, RELATION_LABEL_KEY, RELATION_SEP, 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, buildColumnOptions, buildRelationRef, calculateMinColumnWidth, checkElementTruncation, cn, columnRefLabel, enrichRowsWithRelations, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isUserColumn, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseColumnRef, parseLinkValue, parseTimeParts, readColumnValue, resolveDefaultStatusId, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, tableColumns, useColumnReorder, useColumnResize, useSmartTooltip, useToast, useWhatsAppState };

package/dist/index.d.ts

@@ -370,6 +370,118 @@ interface SmartTextCellProps {
  */
 declare const SmartTextCell: react__default.FC<SmartTextCellProps>;
 
+interface PlacementConfig {
+    sourceTableId: string;
+    sourceDisplayFieldId: string;
+    targetTableId: string;
+    targetFilterField1Id: string;
+    targetFilterField2Id: string;
+    targetSelectorFieldId: string;
+    targetAssignmentFieldId: string;
+    title?: string;
+    statusColors?: PlacementStatusSetting[];
+    defaultReturnStatusId?: string;
+}
+interface PlacementStatusSetting {
+    id: string;
+    hex: string;
+    label: string;
+}
+declare const DEFAULT_PLACEMENT_STATUS_COLORS: PlacementStatusSetting[];
+/** מחזיר את מזהה הסטטוס ההתחלתי התקף: זה שהוגדר, אחרת "3" אם קיים (תאימות לאחור), אחרת הראשון */
+declare function resolveDefaultStatusId(list: PlacementStatusSetting[], wanted?: string): string;
+interface PlacementSettingsProps {
+    config: PlacementConfig;
+    onChange: (newConfig: PlacementConfig) => void;
+    tables: Array<{
+        id: string;
+        name: string;
+        isGlobal?: boolean;
+        fields?: any[];
+        columns?: any[];
+    }>;
+}
+declare const PlacementStatusEditor: react__default.FC<{
+    config: PlacementConfig;
+    onChange: (newConfig: PlacementConfig) => void;
+}>;
+declare const PlacementSettings: react__default.FC<PlacementSettingsProps>;
+
+interface PlacementStatusColor {
+    id: string;
+    hex: string;
+    label: string;
+}
+type ExecuteAction = (actionType: string, payload: Record<string, any>) => Promise<any>;
+interface PlacementBlockProps {
+    settings?: any;
+    executeAction?: ExecuteAction;
+    componentId?: string;
+    className?: string;
+    config?: PlacementConfig;
+    fetchSourceData?: (tableId: string) => Promise<any[]>;
+    fetchTargetData?: (tableId: string) => Promise<any[]>;
+    updateAssignment?: (targetRecordId: string, sourceRecordId: string) => Promise<void>;
+}
+declare const PlacementBlock: react__default.FC<PlacementBlockProps>;
+
+declare const RELATION_SEP = "::";
+declare const RELATION_LABEL_KEY = "__label";
+declare const NON_TEXT_TYPES: string[];
+interface PlacementColumnOption {
+    /** הערך שנשמר ב-config (שם עמודה, או "קשר::עמודה") */
+    id: string;
+    /** מה שמוצג למשתמש */
+    name: string;
+    type?: string;
+    /** תיאור משני (סוג שדה / מאיזו טבלה) */
+    description?: string;
+    /** שם עמודת הקשר, אם העמודה באה מטבלה קשורה */
+    viaRelation?: string;
+    /** שם הטבלה הקשורה, אם העמודה באה מטבלה קשורה */
+    fromTableName?: string;
+    fromGlobalTable?: boolean;
+}
+type AnyTable = {
+    id: string;
+    name: string;
+    isGlobal?: boolean;
+    fields?: any[];
+    columns?: any[];
+};
+declare const tableColumns: (table?: {
+    fields?: any[];
+    columns?: any[];
+} | null) => any[];
+declare const isUserColumn: (c: any) => boolean;
+declare const buildRelationRef: (relationColumn: string, field: string) => string;
+declare function parseColumnRef(ref: string): {
+    relationColumn?: string;
+    field: string;
+};
+/** שם ידידותי להצגה: "עיר מגורים › שם העיר" */
+declare const columnRefLabel: (ref: string) => string;
+/**
+ * בונה את רשימת העמודות לבחירה בטבלה: עמודות הטבלה עצמה,
+ * ואחריהן (כשהן מותרות) עמודות מכל טבלה שמקושרת אליה ב-RELATION - כולל טבלאות מערכת.
+ * עמודות קשר מוצגות רק ברמה אחת (לא קשר בתוך קשר).
+ */
+declare function buildColumnOptions(table: AnyTable | undefined | null, allTables: AnyTable[] | undefined, opts?: {
+    textOnly?: boolean;
+    includeRelated?: boolean;
+}): PlacementColumnOption[];
+/**
+ * מעשיר רשומות בעמודות וירטואליות מהטבלאות הקשורות, לפי relationOptions שחזר מהשרת:
+ *   data["<קשר>::<עמודה>"]  = ערך העמודה ברשומה/ות הקשורות
+ *   data["<קשר>::__label"]  = התווית (displayField) של הרשומה/ות הקשורות
+ * הערך המקורי של עמודת הקשר (ה-IDs) נשאר כמות שהוא, כי הוא משמש לשמירה.
+ */
+declare function enrichRowsWithRelations<T extends {
+    data: Record<string, any>;
+}>(rows: T[], columns: any[], relationOptions: Record<string, any[]> | undefined): T[];
+/** קורא ערך עמודה (רגילה או מטבלה קשורה); עמודת קשר "חשופה" מוצגת לפי התווית שלה ולא לפי ה-ID */
+declare function readColumnValue(data: Record<string, any> | undefined, ref: string): any;
+
 interface MetaTemplateComponent {
     type: "HEADER" | "BODY" | "FOOTER" | "BUTTONS" | string;
     format?: "TEXT" | "IMAGE" | "DOCUMENT" | "VIDEO" | string;
@@ -684,6 +796,7 @@ declare const UNIVERSE_COMPONENTS: {
     readonly TABLE: typeof TableBlock;
     readonly WHATSAPP: typeof WhatsAppComponent;
     readonly FORM: typeof FormBlock;
+    readonly PLACEMENT: react.FC<PlacementBlockProps>;
 };
 type ComponentRegistry = typeof UNIVERSE_COMPONENTS;
 type UniverseComponentType = keyof ComponentRegistry;
@@ -708,4 +821,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, 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 };
+export { type BaseComponentProps, ColumnHeaderTitle, type ColumnHeaderTitleProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentRegistry, type ComponentState, type CreateRecordPayload, CreateTemplateModal, type CreateTemplateModalProps, DEFAULT_PLACEMENT_STATUS_COLORS, DatePickerCell, type DeleteRecordPayload, DynamicFiltersBlock, type DynamicFiltersBlockProps, LinkPickerCell, type MetaTemplateComponent, type MetaWhatsAppTemplate, NON_TEXT_TYPES, type OrgRole, PASTEL_PALETTES, type PastelPalette, PlacementBlock, type PlacementBlockProps, type PlacementColumnOption, type PlacementConfig, PlacementSettings, type PlacementStatusColor, PlacementStatusEditor, type PlacementStatusSetting, RELATION_LABEL_KEY, RELATION_SEP, 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, buildColumnOptions, buildRelationRef, calculateMinColumnWidth, checkElementTruncation, cn, columnRefLabel, enrichRowsWithRelations, formatConflictCellValue, formatPhoneDisplay, formatTimeInput, formatTimeIso, generateWhatsAppLink, getDeterministicPastelBadge, getRolePermissions, isUserColumn, isValidPhoneNumber, measureTextWidth, normalizePhoneForWhatsApp, normalizeRelationValue, openWhatsAppChat, parseColumnRef, parseLinkValue, parseTimeParts, readColumnValue, resolveDefaultStatusId, resolveProtocol, sanitizePhoneNumber, splitHeaderTitle, tableColumns, useColumnReorder, useColumnResize, useSmartTooltip, useToast, useWhatsAppState };