first version able to send

src/features/campaigns/components/AttachmentRulesOverlay.tsx

@@ -3,15 +3,9 @@ import { createPortal } from "react-dom";
 import Button from "../../../components/Button";
 import ToggleSwitch from "../../../components/ToggleSwitch";
 import { getBool, getText } from "../utils/draftEditor";
+import { createAttachmentRule, mockAttachmentFiles, summarizeAttachmentRules, type AttachmentBasePath, type AttachmentRule } from "../utils/attachments";
 
-export type AttachmentRule = Record<string, unknown>;
-export type AttachmentBasePath = {
-  id: string;
-  name: string;
-  path: string;
-  source?: string;
-  allow_individual?: boolean;
-};
+export type { AttachmentBasePath, AttachmentRule } from "../utils/attachments";
 
 type AttachmentRulesOverlayProps = {
   title: string;
@@ -146,18 +140,7 @@ export function AttachmentRulesTable({
   }
 
   function addRule() {
-    const firstBasePath = basePaths[0]?.path ?? "";
-    onChange([
-      ...rules,
-      {
-        id: `attachment-${Date.now()}`,
-        label: "",
-        base_dir: firstBasePath,
-        file_filter: "",
-        required: true,
-        include_subdirs: false
-      }
-    ]);
+    onChange([...rules, createAttachmentRule(basePaths[0]?.path ?? "")]);
   }
 
   function removeRule(index: number) {
@@ -287,19 +270,11 @@ function MockFileChooserOverlay({ basePath, onSelect, onClose }: { basePath: str
 }
 
 function MockFileChooserContent({ basePath, onSelect, onClose }: { basePath: string; onSelect: (fileFilter: string) => void; onClose: () => void }) {
-  const files = [
-    "welcome.pdf",
-    "terms-and-conditions.pdf",
-    "invoice_{{local:invoice_number}}.pdf",
-    "{{local:recipient_id}}/certificate.pdf",
-    "attachments/{{local:email}}/*.pdf"
-  ];
-
   return (
     <div className="attachment-file-browser-content" aria-label="Choose file or pattern">
       <p className="muted small-note">Mock browser below <code>{basePath || "."}</code>. Later this will browse uploaded files and directories.</p>
       <div className="placeholder-stack attachment-file-browser-list">
-        {files.map((file) => (
+        {mockAttachmentFiles.map((file) => (
           <Button key={file} onClick={() => onSelect(file)}>
             <code>{file}</code>
           </Button>
@@ -311,23 +286,3 @@ function MockFileChooserContent({ basePath, onSelect, onClose }: { basePath: str
     </div>
   );
 }
-
-export function summarizeAttachmentRules(rules: AttachmentRule[]): { direct: number; rules: number } {
-  return rules.reduce<{ direct: number; rules: number }>((summary, rule) => {
-    if (isDirectAttachmentRule(rule)) {
-      summary.direct += 1;
-    } else {
-      summary.rules += 1;
-    }
-    return summary;
-  }, { direct: 0, rules: 0 });
-}
-
-function isDirectAttachmentRule(rule: AttachmentRule): boolean {
-  const explicitType = getText(rule, "type");
-  if (explicitType === "direct") return true;
-  if (explicitType === "pattern") return false;
-  const fileFilter = getText(rule, "file_filter") || getText(rule, "file") || getText(rule, "filename") || getText(rule, "path");
-  if (!fileFilter) return false;
-  return !/[{}*?\[\]]/.test(fileFilter);
-}