@wealthx/shadcn 1.5.0 → 1.5.2

package/dist/components/ui/contact-alert-dialog/index.mjs

@@ -0,0 +1,31 @@
+import {
+  ALERT_QUERY_FIELDS,
+  AlertSharingType,
+  ContactAlertDialog,
+  ContactAlertQueryBuilder,
+  createAlertTree
+} from "../../../chunk-G2EWIP2N.mjs";
+import "../../../chunk-7YI3HEBH.mjs";
+import "../../../chunk-MUV4EGDW.mjs";
+import "../../../chunk-IKXYTCSB.mjs";
+import "../../../chunk-TAX3KL66.mjs";
+import "../../../chunk-2GIYVERS.mjs";
+import "../../../chunk-BS75ICOO.mjs";
+import "../../../chunk-NCUH54IZ.mjs";
+import "../../../chunk-P7CEBZM6.mjs";
+import "../../../chunk-OWFQSXVD.mjs";
+import "../../../chunk-6QAFGZC2.mjs";
+import "../../../chunk-LBTHZSBT.mjs";
+import "../../../chunk-WDTXHLYM.mjs";
+import "../../../chunk-S4CTM3UE.mjs";
+import "../../../chunk-NOOEKOWY.mjs";
+import "../../../chunk-R4HCRDU5.mjs";
+import "../../../chunk-AFML43VJ.mjs";
+import "../../../chunk-WNQUEZJF.mjs";
+export {
+  ALERT_QUERY_FIELDS,
+  AlertSharingType,
+  ContactAlertDialog,
+  ContactAlertQueryBuilder,
+  createAlertTree
+};

package/dist/components/ui/file-preview-dialog.js

@@ -63,7 +63,7 @@ __export(file_preview_dialog_exports, {
 });
 module.exports = __toCommonJS(file_preview_dialog_exports);
 var React3 = __toESM(require("react"));
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
 var import_lucide_react2 = require("lucide-react");
@@ -555,42 +555,272 @@ function TableCell(_a) {
   );
 }
 
-// src/components/ui/file-preview-dialog.tsx
+// src/components/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    side,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "side",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_tooltip.Tooltip.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+      ]
+    })
+  ) }) });
+}
+
+// src/components/ui/select.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_select = require("@base-ui/react/select");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "span",
+          {
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            "data-slot": "select-item-indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// src/components/ui/file-preview-dialog.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function LoadingState({ columnCount }) {
   const cols = Math.max(columnCount, 3);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Skeleton, { className: "h-4 w-24" }) }, i)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableBody, { children: Array.from({ length: 4 }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: Array.from({ length: cols }).map((_2, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Skeleton, { className: "h-4 w-full" }) }, colIdx)) }, rowIdx)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableRow, { children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Skeleton, { className: "h-4 w-24" }) }, i)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableBody, { children: Array.from({ length: 4 }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableRow, { children: Array.from({ length: cols }).map((_2, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Skeleton, { className: "h-4 w-full" }) }, colIdx)) }, rowIdx)) })
   ] });
 }
 function EmptyState() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.FileTextIcon, { className: "size-10 text-muted-foreground/40" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm font-medium text-foreground", children: "No data found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: "The CSV file appears to be empty or contains only headers." })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.FileTextIcon, { className: "size-10 text-muted-foreground/40" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm font-medium text-foreground", children: "No data found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs text-muted-foreground", children: "The CSV file appears to be empty or contains only headers." })
   ] });
 }
 function ErrorState({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.AlertCircleIcon, { className: "size-10 text-destructive/60" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Unable to parse file" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: message != null ? message : "The file could not be read. Please check the format and try again." })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.AlertCircleIcon, { className: "size-10 text-destructive/60" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Unable to parse file" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs text-muted-foreground", children: message != null ? message : "The file could not be read. Please check the format and try again." })
   ] });
 }
-function ImportingState({ progress }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center gap-4 py-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { className: "size-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full max-w-sm space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Progress, { value: progress, className: "h-1.5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-center text-xs text-muted-foreground", children: [
-        "Importing\u2026 ",
-        progress,
-        "%"
+function ImportingState({
+  progress,
+  successCount,
+  failedCount
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-4 py-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { className: "size-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w-full max-w-sm space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Progress, { value: progress, className: "h-1.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+          "Importing\u2026 ",
+          progress,
+          "%"
+        ] }),
+        (successCount > 0 || failedCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+          successCount,
+          " success \xB7 ",
+          failedCount,
+          " failed"
+        ] })
       ] })
     ] })
   ] });
 }
+function RowStatusCell({ row }) {
+  const { _status, _statusMessage } = row;
+  if (_status === "success") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex items-center justify-center h-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.CheckCircle2Icon, { className: "size-4 text-success" }) });
+  }
+  if (_status === "failed") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex items-center justify-center h-full px-2 cursor-default", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.CircleAlertIcon, { className: "size-4 text-destructive" }) }) }),
+      _statusMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipContent, { side: "top", children: _statusMessage })
+    ] }) });
+  }
+  return null;
+}
 function FilePreviewDialog({
   open,
   onOpenChange,
@@ -599,42 +829,37 @@ function FilePreviewDialog({
   errorMessage,
   columns = [],
   rows = [],
-  onColumnReorder,
   onRowChange,
+  onRowDelete,
   onImport,
+  onCancelImport,
   importProgress = 0,
   totalRows,
   validRows,
+  pageSize = 10,
+  staffOptions,
+  selectedStaffId,
+  onStaffSelect,
   className
 }) {
-  const dragSourceRef = React3.useRef(null);
-  const [dragOverIndex, setDragOverIndex] = React3.useState(null);
-  function handleDragStart(index) {
-    dragSourceRef.current = index;
-  }
-  function handleDragOver(e, index) {
-    e.preventDefault();
-    setDragOverIndex(index);
-  }
-  function handleDrop(targetIndex) {
-    const source = dragSourceRef.current;
-    if (source !== null && source !== targetIndex) {
-      onColumnReorder == null ? void 0 : onColumnReorder(source, targetIndex);
-    }
-    dragSourceRef.current = null;
-    setDragOverIndex(null);
-  }
-  function handleDragEnd() {
-    dragSourceRef.current = null;
-    setDragOverIndex(null);
-  }
+  const [page, setPage] = React3.useState(0);
+  React3.useEffect(() => {
+    setPage(0);
+  }, [rows.length]);
+  const totalPages = Math.ceil(rows.length / pageSize);
+  const pagedRows = rows.slice(page * pageSize, (page + 1) * pageSize);
+  const pageStart = page * pageSize;
   const isImporting = state === "importing";
-  const canImport = state === "preview" && rows.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open, onOpenChange: isImporting ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { size: "3xl", className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { children: "Preview Import" }) }),
-    fileName && state !== "error" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-foreground", children: fileName }),
-      state === "preview" && totalRows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+  const hasStaffSelector = !!staffOptions && staffOptions.length > 0;
+  const canImport = state === "preview" && rows.length > 0 && (!hasStaffSelector || !!selectedStaffId);
+  const successCount = rows.filter((r) => r._status === "success").length;
+  const failedCount = rows.filter((r) => r._status === "failed").length;
+  const hasStatus = rows.some((r) => r._status !== void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open, onOpenChange: isImporting ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogContent, { size: "3xl", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogTitle, { children: "Preview Import" }) }),
+    fileName && state !== "error" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-medium text-foreground", children: fileName }),
+      state === "preview" && totalRows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
         validRows != null ? validRows : rows.length,
         " valid row",
         (validRows != null ? validRows : rows.length) !== 1 ? "s" : "",
@@ -642,60 +867,142 @@ function FilePreviewDialog({
         totalRows,
         " ",
         "total"
+      ] }),
+      hasStatus && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+        successCount,
+        " success \xB7 ",
+        failedCount,
+        " failed"
       ] })
     ] }),
-    state === "loading" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LoadingState, { columnCount: columns.length }),
-    state === "empty" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EmptyState, {}),
-    state === "error" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ErrorState, { message: errorMessage }),
-    state === "importing" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ImportingState, { progress: importProgress }),
-    state === "preview" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "max-h-[400px] overflow-auto border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHeader, { className: "sticky top-0 z-10 bg-muted/80 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        TableHead,
-        {
-          draggable: true,
-          onDragStart: () => handleDragStart(colIdx),
-          onDragOver: (e) => handleDragOver(e, colIdx),
-          onDrop: () => handleDrop(colIdx),
-          onDragEnd: handleDragEnd,
-          className: cn(
-            "cursor-grab select-none transition-colors",
-            dragOverIndex === colIdx && dragSourceRef.current !== colIdx && "bg-primary/10"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.GripVerticalIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: col.label })
-          ] })
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableBody, { children: rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: columns.map((col) => {
-        var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableCell, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "input",
+    state === "loading" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingState, { columnCount: columns.length }),
+    state === "empty" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmptyState, {}),
+    state === "error" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ErrorState, { message: errorMessage }),
+    state === "importing" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      ImportingState,
+      {
+        progress: importProgress,
+        successCount,
+        failedCount
+      }
+    ),
+    state === "preview" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      hasStaffSelector && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "text-label-medium text-foreground", children: [
+          "Assign staff",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          Select,
           {
-            type: "text",
-            value: (_a = row[col.key]) != null ? _a : "",
-            onChange: (e) => onRowChange == null ? void 0 : onRowChange(rowIdx, col.key, e.target.value),
-            className: cn(
-              "w-full bg-transparent px-4 py-3 text-sm text-foreground",
-              "focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary"
-            )
+            value: selectedStaffId != null ? selectedStaffId : "",
+            onValueChange: (id) => onStaffSelect == null ? void 0 : onStaffSelect(id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectValue, { placeholder: "Select a staff member" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectContent, { children: staffOptions.map((s) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectItem, { value: s.id, children: s.name }, s.id)) })
+            ]
           }
-        ) }, col.key);
-      }) }, rowIdx)) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        Button,
-        {
-          variant: "outline",
-          onClick: () => onOpenChange(false),
-          disabled: isImporting,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { disabled: !canImport, onClick: onImport, children: "Import" })
-    ] })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs text-muted-foreground", children: "All contacts in this import will be assigned to the selected staff member." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-h-[360px] overflow-auto border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Table, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHeader, { className: "sticky top-0 z-10 bg-muted/80 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { className: "w-10 text-center select-none", children: "#" }),
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { className: "select-none", children: col.label }, col.key)),
+          hasStatus && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { className: "w-16 text-center select-none", children: "Status" }),
+          onRowDelete && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { className: "w-10 select-none" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableBody, { children: pagedRows.map((row, pageRowIdx) => {
+          const absoluteIdx = pageStart + pageRowIdx;
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            TableRow,
+            {
+              className: cn(
+                row._status === "failed" && "bg-destructive/5",
+                row._status === "success" && "bg-success/5"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "text-center text-xs text-muted-foreground select-none w-10", children: absoluteIdx + 1 }),
+                columns.map((col) => {
+                  var _a;
+                  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    "input",
+                    {
+                      type: "text",
+                      value: (_a = row[col.key]) != null ? _a : "",
+                      onChange: (e) => onRowChange == null ? void 0 : onRowChange(
+                        absoluteIdx,
+                        col.key,
+                        e.target.value
+                      ),
+                      className: cn(
+                        "w-full bg-transparent px-4 py-3 text-sm text-foreground",
+                        "focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary"
+                      )
+                    }
+                  ) }, col.key);
+                }),
+                hasStatus && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "text-center w-16 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowStatusCell, { row }) }),
+                onRowDelete && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "w-10 p-0 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": `Delete row ${absoluteIdx + 1}`,
+                    onClick: () => onRowDelete(absoluteIdx),
+                    className: "text-muted-foreground hover:text-destructive",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Trash2Icon, { className: "size-3.5" })
+                  }
+                ) })
+              ]
+            },
+            absoluteIdx
+          );
+        }) })
+      ] }) }),
+      totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+          "Showing ",
+          pageStart + 1,
+          "\u2013",
+          Math.min(pageStart + pageSize, rows.length),
+          " of ",
+          rows.length
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setPage((p) => Math.max(0, p - 1)),
+              disabled: page === 0,
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "px-2", children: [
+            page + 1,
+            " / ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setPage((p) => Math.min(totalPages - 1, p + 1)),
+              disabled: page >= totalPages - 1,
+              children: "Next"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogFooter, { children: isImporting ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: onCancelImport, children: "Cancel Import" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { disabled: !canImport, onClick: onImport, children: "Import" })
+    ] }) })
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/ui/file-preview-dialog.mjs

@@ -1,10 +1,12 @@
 import {
   FilePreviewDialog
-} from "../../chunk-5WMFKQZ6.mjs";
+} from "../../chunk-PX4M67XQ.mjs";
 import "../../chunk-JPGL36WQ.mjs";
 import "../../chunk-GTAVSBDO.mjs";
 import "../../chunk-GT3RU6GA.mjs";
+import "../../chunk-TAX3KL66.mjs";
 import "../../chunk-JVMXMFBB.mjs";
+import "../../chunk-6SR4K5T5.mjs";
 import "../../chunk-NCUH54IZ.mjs";
 import "../../chunk-WDTXHLYM.mjs";
 import "../../chunk-S4CTM3UE.mjs";