braid-ui 1.0.97 → 1.0.99

package/src/hooks/useEditState.ts

@@ -0,0 +1,70 @@
+import { useState, useCallback, useEffect } from "react"
+
+interface UseEditStateProps {
+  initialEditing?: boolean
+  onToggleEdit?: () => void
+  onSave?: () => void | Promise<void>
+  onCancel?: () => void
+}
+
+export const useEditState = ({ initialEditing = false, onToggleEdit, onSave, onCancel }: UseEditStateProps) => {
+  const [localEditing, setLocalEditing] = useState(initialEditing)
+  const [isLoading, setIsLoading] = useState(false)
+  
+  // Sync local state with prop changes
+  useEffect(() => {
+    setLocalEditing(initialEditing)
+  }, [initialEditing])
+  
+  const isEditing = onToggleEdit !== undefined ? initialEditing : localEditing
+  
+  const handleToggleEdit = useCallback(() => {
+    if (onToggleEdit) {
+      onToggleEdit()
+    } else {
+      setLocalEditing(prev => !prev)
+    }
+  }, [onToggleEdit])
+  
+  const handleSave = useCallback(async () => {
+    setIsLoading(true)
+    
+    try {
+      if (onSave) {
+        await onSave()
+      }
+      
+      // Exit edit mode after successful save
+      if (onToggleEdit) {
+        onToggleEdit()
+      } else {
+        setLocalEditing(false)
+      }
+    } catch (error) {
+      console.error("Save error:", error)
+      // Don't exit edit mode on error
+    } finally {
+      setIsLoading(false)
+    }
+  }, [onSave, onToggleEdit])
+  
+  const handleCancel = useCallback(() => {
+    if (onCancel) {
+      onCancel()
+    }
+    
+    if (onToggleEdit) {
+      onToggleEdit()
+    } else {
+      setLocalEditing(false)
+    }
+  }, [onCancel, onToggleEdit])
+  
+  return {
+    isEditing,
+    isLoading,
+    handleToggleEdit,
+    handleSave,
+    handleCancel
+  }
+}

package/src/hooks/useFormWithEditState.ts

@@ -0,0 +1,115 @@
+import { useState, useCallback, useEffect } from "react"
+import { useForm, UseFormProps, UseFormReturn, FieldValues, Path } from "react-hook-form"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { z } from "zod"
+
+interface UseFormWithEditStateProps<T extends FieldValues> extends UseFormProps<T> {
+  schema?: z.ZodSchema<T>
+  initialEditing?: boolean
+  onToggleEdit?: () => void
+  onSave?: (data: T) => void | Promise<void>
+  onCancel?: () => void
+}
+
+interface UseFormWithEditStateReturn<T extends FieldValues> extends UseFormReturn<T> {
+  isEditing: boolean
+  isLoading: boolean
+  handleToggleEdit: () => void
+  handleSave: () => Promise<void>
+  handleCancel: () => void
+  isFormValid: boolean
+  isDirty: boolean
+  setFieldError: (field: Path<T>, error: string) => void
+}
+
+export const useFormWithEditState = <T extends FieldValues>({
+  schema,
+  initialEditing = false,
+  onToggleEdit,
+  onSave,
+  onCancel,
+  ...formProps
+}: UseFormWithEditStateProps<T>): UseFormWithEditStateReturn<T> => {
+  const [localEditing, setLocalEditing] = useState(initialEditing)
+  const [isLoading, setIsLoading] = useState(false)
+  
+  const form = useForm<T>({
+    ...formProps,
+    resolver: schema ? zodResolver(schema) : undefined,
+  })
+
+  const { formState, reset, setError } = form
+  const { isValid, isDirty } = formState
+  
+  // Sync local state with prop changes
+  useEffect(() => {
+    setLocalEditing(initialEditing)
+  }, [initialEditing])
+  
+  const isEditing = onToggleEdit !== undefined ? initialEditing : localEditing
+  
+  const handleToggleEdit = useCallback(() => {
+    if (onToggleEdit) {
+      onToggleEdit()
+    } else {
+      setLocalEditing(prev => !prev)
+    }
+  }, [onToggleEdit])
+  
+  const handleSave = useCallback(async () => {
+    if (!isValid) return
+    
+    setIsLoading(true)
+    
+    try {
+      const data = form.getValues()
+      if (onSave) {
+        await onSave(data)
+      }
+      
+      // Exit edit mode after successful save
+      if (onToggleEdit) {
+        onToggleEdit()
+      } else {
+        setLocalEditing(false)
+      }
+    } catch (error) {
+      console.error("Form save error:", error)
+      // Don't exit edit mode on error
+    } finally {
+      setIsLoading(false)
+    }
+  }, [form, isValid, onSave, onToggleEdit])
+  
+  const handleCancel = useCallback(() => {
+    // Reset form to original values
+    reset()
+    
+    if (onCancel) {
+      onCancel()
+    }
+    
+    // Exit edit mode
+    if (onToggleEdit) {
+      onToggleEdit()
+    } else {
+      setLocalEditing(false)
+    }
+  }, [reset, onCancel, onToggleEdit])
+
+  const setFieldError = useCallback((field: Path<T>, error: string) => {
+    setError(field, { type: "manual", message: error })
+  }, [setError])
+  
+  return {
+    ...form,
+    isEditing,
+    isLoading,
+    handleToggleEdit,
+    handleSave,
+    handleCancel,
+    isFormValid: isValid,
+    isDirty,
+    setFieldError,
+  }
+}

package/src/{styles.css → index.css}

@@ -65,12 +65,19 @@ All colors MUST be HSL.
     --radius: 0.5rem;
 
     --sidebar-background: 0 0% 98%;
+
     --sidebar-foreground: 240 5.3% 26.1%;
+
     --sidebar-primary: 240 5.9% 10%;
+
     --sidebar-primary-foreground: 0 0% 98%;
+
     --sidebar-accent: 240 4.8% 95.9%;
+
     --sidebar-accent-foreground: 240 5.9% 10%;
+
     --sidebar-border: 220 13% 91%;
+
     --sidebar-ring: 217.2 91.2% 59.8%;
   }
 
@@ -115,11 +122,10 @@ All colors MUST be HSL.
 
 @layer base {
   * {
-    border-color: hsl(var(--border));
+    @apply border-border;
   }
 
   body {
-    background-color: hsl(var(--background));
-    color: hsl(var(--foreground));
+    @apply bg-background text-foreground;
   }
-}
+}

package/src/lib/constants.ts

@@ -0,0 +1,25 @@
+// Shared constants for form options across the application
+
+export const COUNTRY_OPTIONS = [
+  { value: "US", label: "United States" },
+  { value: "CA", label: "Canada" },
+  { value: "GB", label: "United Kingdom" },
+  { value: "DE", label: "Germany" },
+  { value: "FR", label: "France" }
+]
+
+export const FI_ID_TYPE_OPTIONS = [
+  { value: "bic", label: "BIC" },
+  { value: "swift", label: "SWIFT" },
+  { value: "aba", label: "ABA" },
+  { value: "iban", label: "IBAN" },
+  { value: "routing", label: "Routing Number" }
+]
+
+export const ADDRESS_TYPE_OPTIONS = {
+  FI: [
+    { value: "headquarters", label: "Headquarters" },
+    { value: "branch", label: "Branch Office" },
+    { value: "correspondent", label: "Correspondent Bank" }
+  ]
+}

package/src/lib/mock-data/alert-data.ts

@@ -0,0 +1,275 @@
+export interface TimelineEvent {
+  id: string
+  timestamp: string
+  user: string
+  action: string
+  details?: string
+  status?: string
+}
+
+export interface AlertNote {
+  id: string
+  timestamp: string
+  user: string
+  content: string
+  type: "RFI Note" | "Internal Note"
+}
+
+export interface AlertDocument {
+  id: string
+  name: string
+  type: string
+  description?: string
+  size: string
+  uploadedBy: string
+  uploadedAt: string
+  url?: string
+}
+
+export interface Alert {
+  id: string
+  createdAt: string
+  type: string
+  status: "Unassigned" | "Closed" | "In Progress"
+  contextType: string
+  rfiStatus?: "Completed" | "Provided" | "Pending"
+  description: string
+  contextId?: string
+  assignee?: string
+  timeline?: TimelineEvent[]
+  notes?: AlertNote[]
+  documents?: AlertDocument[]
+  contextData?: any
+}
+
+export const mockAlerts: Alert[] = [
+  {
+    id: "4402",
+    createdAt: "2025-09-30 03:00:21",
+    type: "Ofac",
+    status: "Unassigned",
+    contextType: "Ofac",
+    description: "INDIVIDUAL: ali hassan is flagged for OFAC",
+    timeline: [
+      { id: "1", timestamp: "2025-09-30 03:00:21", user: "System", action: "Alert Created", status: "Unassigned" },
+      { id: "2", timestamp: "2025-09-30 09:15:32", user: "John Smith", action: "Alert Assigned", details: "Assigned to compliance team", status: "In Progress" }
+    ],
+    notes: [
+      { id: "1", timestamp: "2025-09-30 10:22:15", user: "John Smith", content: "Reviewing OFAC match. Need to verify identity documents.", type: "RFI Note" },
+      { id: "2", timestamp: "2025-09-30 11:45:30", user: "Sarah Johnson", content: "Requested additional documentation from customer. Passport and proof of address needed.", type: "RFI Note" },
+      { id: "3", timestamp: "2025-09-30 14:20:45", user: "John Smith", content: "Customer responded with requested documents. Passport appears valid, reviewing address verification now.", type: "Internal Note" },
+      { id: "4", timestamp: "2025-10-01 09:10:00", user: "Michael Chen", content: "Cross-referenced with internal records. Customer has been with us for 5 years with no prior issues. Match appears to be false positive due to common name.", type: "Internal Note" }
+    ],
+    documents: [
+      { 
+        id: "1", 
+        name: "passport_scan.pdf", 
+        type: "ID Verification", 
+        description: "Customer passport for identity verification", 
+        size: "2.4 MB", 
+        uploadedBy: "John Smith", 
+        uploadedAt: "2025-09-30 10:25:00",
+        url: "/placeholder.svg"
+      },
+      { 
+        id: "2", 
+        name: "proof_of_address.jpg", 
+        type: "Proof of Address", 
+        description: "Utility bill showing current residential address", 
+        size: "1.8 MB", 
+        uploadedBy: "Sarah Johnson", 
+        uploadedAt: "2025-09-30 11:50:00",
+        url: "/placeholder.svg"
+      }
+    ],
+    contextData: {
+      entityName: "Ali Hassan",
+      entityType: "Individual",
+      matchScore: "95%",
+      listName: "OFAC SDN List",
+      flaggedItems: [
+        { field: "Name", value: "Ali Hassan", matchScore: "95%" },
+        { field: "DOB", value: "1985-03-12", matchScore: "100%" }
+      ],
+      sdns: [
+        {
+          uid: 12345,
+          firstName: "Ali",
+          lastName: "Hassan",
+          sdnType: "Individual",
+          programs: ["SYRIA", "SDGT"],
+          title: "Military Commander",
+          remarks: "DOB 12 Mar 1985; POB Damascus, Syria; Passport D1234567 (Syria); alt. Passport E7654321 (Lebanon); Linked to Entity XYZ",
+          nationalities: ["Syria", "Lebanon"],
+          citizenships: ["Syria"],
+          dateOfBirthList: [
+            { dateOfBirth: "1985-03-12", mainEntry: true },
+            { dateOfBirth: "1985-03-15", mainEntry: false }
+          ],
+          placeOfBirthList: [
+            { placeOfBirth: "Damascus, Syria", mainEntry: true },
+            { placeOfBirth: "Aleppo, Syria", mainEntry: false }
+          ],
+          akaList: [
+            { category: "strong", firstName: "Ali", lastName: "Al-Hassan" },
+            { category: "weak", firstName: "Ali", lastName: "Hasan" },
+            { category: "strong", firstName: "Ali Hassan", lastName: "Mohamed" }
+          ],
+          idList: [
+            { idType: "Passport", idNumber: "D1234567", idCountry: "Syria", issueDate: "2010-01-15", expirationDate: "2020-01-15" },
+            { idType: "Passport", idNumber: "E7654321", idCountry: "Lebanon", issueDate: "2015-06-20", expirationDate: "2025-06-20" },
+            { idType: "National ID", idNumber: "SY123456789", idCountry: "Syria" }
+          ]
+        }
+      ],
+      addresses: [
+        {
+          uid: 67890,
+          address1: "Building 42, Al-Mazzeh",
+          city: "Damascus",
+          stateOrProvince: "Damascus Governorate",
+          postalCode: "12345",
+          country: "Syria",
+          addressRemarks: "Primary Residence"
+        },
+        {
+          uid: 67891,
+          address1: "Apartment 15, Hamra Street",
+          city: "Beirut",
+          country: "Lebanon",
+          addressRemarks: "Secondary Address"
+        },
+        {
+          uid: 67892,
+          address1: "Office 203, Business District",
+          city: "Aleppo",
+          stateOrProvince: "Aleppo Governorate",
+          country: "Syria",
+          addressRemarks: "Business Address - Suspected Front Company"
+        }
+      ],
+      alt_names: [
+        { uid: 54321, type: "aka", category: "strong", firstName: "Ali", lastName: "Al-Hassan" },
+        { uid: 54322, type: "aka", category: "weak", firstName: "Ali", lastName: "Hasan" },
+        { uid: 54323, type: "aka", category: "strong", firstName: "Ali Hassan", lastName: "Mohamed" },
+        { uid: 54324, type: "fka", category: "weak", firstName: "Ali", lastName: "Hassani" }
+      ],
+      sanctions_entries: [
+        {
+          program: "SYRIA",
+          effectiveDate: "2015-03-15",
+          authority: "Executive Order 13572",
+          legalBasis: "Involvement in human rights abuses in Syria"
+        },
+        {
+          program: "SDGT",
+          effectiveDate: "2016-08-22",
+          authority: "Executive Order 13224",
+          legalBasis: "Specially Designated Global Terrorist"
+        }
+      ],
+      associated_entities: [
+        {
+          entityName: "XYZ Trading Company",
+          relationship: "Director",
+          entityType: "Business"
+        },
+        {
+          entityName: "Hassan Family Trust",
+          relationship: "Beneficiary",
+          entityType: "Trust"
+        }
+      ],
+      screening_metadata: {
+        screenedAt: "2025-09-30T03:00:21Z",
+        screeningEngine: "OFAC Advanced Matcher v3.2",
+        datasetVersion: "2025-09-25",
+        totalRecordsScreened: 1,
+        matchAlgorithm: "Fuzzy + Phonetic",
+        confidenceThreshold: 0.85
+      }
+    }
+  },
+  {
+    id: "4401",
+    createdAt: "2025-09-29 15:00:45",
+    type: "Ofac",
+    status: "Closed",
+    contextType: "Ofac",
+    description: "INDIVIDUAL: ali hassan is flagged for OFAC"
+  },
+  {
+    id: "4400",
+    createdAt: "2025-09-27 03:02:34",
+    type: "Ofac",
+    status: "Unassigned",
+    contextType: "Ofac",
+    description: "BUSINESS: Randy is flagged for OFAC"
+  },
+  {
+    id: "4399",
+    createdAt: "2025-09-27 03:02:31",
+    type: "Ofac",
+    status: "Unassigned",
+    contextType: "Ofac",
+    description: "BUSINESS: test is flagged for OFAC"
+  },
+  {
+    id: "4398",
+    createdAt: "2025-09-24 10:01:58",
+    type: "Transaction Processing Error",
+    status: "Unassigned",
+    contextType: "File Record",
+    description: "Inbound WIRE for $100,000.00 can not be processed. Exception: incorrect account..."
+  },
+  {
+    id: "4397",
+    createdAt: "2025-09-22 20:33:59",
+    type: "Dual Approval",
+    status: "Unassigned",
+    contextType: "Transaction",
+    description: "Debit adjustment for $20.00 for account number 84804949"
+  },
+  {
+    id: "4396",
+    createdAt: "2025-09-22 20:33:12",
+    type: "Transaction Monitoring",
+    status: "Unassigned",
+    contextType: "Transaction",
+    description: "Transaction WIRE_INTERNATIONAL_DEBIT of $3,000.00 is flagged for velocity li..."
+  },
+  {
+    id: "4395",
+    createdAt: "2025-09-13 03:02:29",
+    type: "Ofac",
+    status: "Closed",
+    contextType: "Ofac",
+    rfiStatus: "Completed",
+    description: "BUSINESS: test is flagged for OFAC"
+  },
+  {
+    id: "4394",
+    createdAt: "2025-09-11 07:46:28",
+    type: "Dual Approval",
+    status: "Closed",
+    contextType: "Product",
+    description: "Product 2787 is set for deactivation"
+  },
+  {
+    id: "4393",
+    createdAt: "2025-09-11 07:46:17",
+    type: "Dual Approval",
+    status: "Unassigned",
+    contextType: "Product",
+    description: "Product 2787 is set for deactivation"
+  },
+  {
+    id: "4392",
+    createdAt: "2025-09-10 14:44:46",
+    type: "Transaction Monitoring",
+    status: "Closed",
+    contextType: "Transaction",
+    rfiStatus: "Provided",
+    description: "Transaction WIRE_DOMESTIC_CREDIT of $30,000.00 is flagged for velocity limit ..."
+  }
+]

package/src/lib/mock-data/banking-data.ts

@@ -0,0 +1,72 @@
+export interface ACHBasicInfo {
+  bankName: string
+  accountType: string
+  routingNumber: string
+  accountNumber: string
+  countryCode: string
+  status: string
+  swiftCode?: string
+  bankAddress?: string
+}
+
+export interface ACHBankDetails {
+  gatewayRoutingNumber: string
+  rdfiNumberQualifier: string
+}
+
+export interface BankAddress {
+  street: string
+  city: string
+  state: string
+  postalCode: string
+  country: string
+}
+
+export interface BankingDetails {
+  primaryBank: string
+  accountNumber: string
+  routingNumber: string
+  accountType: string
+}
+
+export const defaultACHBasicInfo: ACHBasicInfo = {
+  bankName: "Bank of New York",
+  accountType: "checking",
+  routingNumber: "043087080",
+  accountNumber: "1234567890",
+  countryCode: "US",
+  status: "active",
+  swiftCode: "CHASUS33",
+  bankAddress: "270 Park Avenue, New York, NY 10017"
+}
+
+export const defaultACHBankDetails: ACHBankDetails = {
+  gatewayRoutingNumber: "043087080",
+  rdfiNumberQualifier: "01"
+}
+
+export const defaultBankAddress: BankAddress = {
+  street: "270 Park Avenue",
+  city: "New York", 
+  state: "NY",
+  postalCode: "10017",
+  country: "US"
+}
+
+export const defaultBankingDetails: BankingDetails = {
+  primaryBank: "JPMorgan Chase",
+  accountNumber: "****-****-****-1234",
+  routingNumber: "021000021",
+  accountType: "Business Checking"
+}
+
+// Combined ACH Transfer data that matches the schema
+export const defaultACHTransfer = {
+  basicInfo: {
+    counterpartyName: "Acme Corporation",
+    shortName: "ACME",
+    type: "business",
+    description: "ACH transfer for Acme Corporation"
+  },
+  bankDetails: defaultACHBankDetails
+}

package/src/lib/mock-data/business-data.ts

@@ -0,0 +1,71 @@
+export interface BusinessProfile {
+  legalName: string
+  dbaName?: string
+  businessType: string
+  taxId: string
+  businessPhone: string
+  businessEmail: string
+  website?: string
+  address: {
+    streetAddress: string
+    apartment?: string
+    city: string
+    state: string
+    postalCode: string
+    country: string
+    addressType?: string
+  }
+}
+
+export interface BusinessStatus {
+  operationalStatus: string
+  complianceStatus: string
+  lastReview: string
+  nextReview: string
+  riskLevel: string
+}
+
+export interface ContactInfo {
+  primaryContact: string
+  email: string
+  phone: string
+  alternateContact?: string
+  alternateEmail?: string
+  alternatePhone?: string
+}
+
+export const defaultBusinessProfile: BusinessProfile = {
+  legalName: "Acme Corporation",
+  dbaName: "ACME Tech",
+  businessType: "corporation",
+  taxId: "12-3456789",
+  businessPhone: "+1 (555) 123-4567",
+  businessEmail: "contact@acme.com",
+  website: "https://acme.com",
+  address: {
+    streetAddress: "123 Business Avenue",
+    apartment: "Suite 100",
+    city: "New York",
+    state: "NY",
+    postalCode: "10001",
+    country: "US",
+    addressType: "business"
+  }
+}
+
+export const defaultBusinessStatus: BusinessStatus = {
+  operationalStatus: "active",
+  complianceStatus: "compliant",
+  lastReview: "2024-01-15",
+  nextReview: "2024-07-15",
+  riskLevel: "low"
+}
+
+export const defaultContactInfo: ContactInfo = {
+  primaryContact: "John Smith",
+  email: "john.smith@acme.com",
+  phone: "+1 (555) 123-4567",
+  alternateContact: "Jane Doe",
+  alternateEmail: "jane.doe@acme.com",
+  alternatePhone: "+1 (555) 987-6543"
+}