Exporting Financial Data

if (walletFilter !== "all") {
  query = query.eq("billetera_id", walletFilter)
}

const fromIso = startOfDayIso(transactionRange?.from)
const toIso = endOfDayIso(transactionRange?.to)
if (fromIso) {
  query = query.gte("fecha_transaccion", fromIso)
}
if (toIso) {
  query = query.lte("fecha_transaccion", toIso)
}

if (selectedDataset === "presupuestos") {
  if (!monthFilter) {
    setStatusVariant("error")
    setStatusMessage("Selecciona un mes para exportar tus presupuestos.")
    return
  }
  const targetPeriod = `${monthFilter}-01`
  const { data, error } = await supabase
    .from("presupuestos")
    .select("id,monto,periodo,categorias(nombre)")
    .eq("usuario_id", userId)
    .eq("periodo", targetPeriod)
}

React.useEffect(() => {
  let active = true
  const resolveUser = async () => {
    const { data, error } = await supabase.auth.getUser()
    if (!active) return
    if (error || !data.user) {
      setAuthError("Debes iniciar sesión para exportar tus datos.")
      setUserId(null)
      return
    }
    setUserId(data.user.id)
    setAuthError(null)
  }
  resolveUser()
}, [])

if (selectedDataset === "transacciones") {
  let query = supabase
    .from("transacciones")
    .select("id,monto,tipo,descripcion,fecha_transaccion,categorias(nombre),billeteras(nombre)")
    .eq("usuario_id", userId)
    .order("fecha_transaccion", { ascending: true })

  // Apply filters...
  const { data, error } = await query
  if (error) throw error
  rows = normalizeTransactions((data ?? []) as TransactionExportRow[])
}

const normalizeTransactions = React.useCallback(
  (rows: TransactionExportRow[]): NormalizedRow[] =>
    rows.map((row) => {
      const categoryRecord = Array.isArray(row.categorias) ? row.categorias[0] : row.categorias
      const walletRecord = Array.isArray(row.billeteras) ? row.billeteras[0] : row.billeteras
      const amount = Number(row.monto ?? 0)
      return {
        date: row.fecha_transaccion ? new Date(row.fecha_transaccion).toISOString() : null,
        type: row.tipo ?? "",
        wallet: walletRecord?.nombre ?? "",
        category: categoryRecord?.nombre ?? "",
        amountUsd: Number.isFinite(amount) ? Number(amount.toFixed(2)) : 0,
        amountVes: bcvRate && Number.isFinite(amount) ? Number((amount * bcvRate).toFixed(2)) : null,
        description: row.descripcion ?? "",
      }
    }),
  [bcvRate]
)

const toCsv = (rows: NormalizedRow[], columns: ColumnMeta[]) => {
  if (rows.length === 0) return ""
  const escapeValue = (value: string | number | null) => {
    if (value === null || value === undefined) return ""
    const stringValue = String(value)
    if (/[",\n]/.test(stringValue)) {
      return `"${stringValue.replace(/"/g, '""')}`
    }
    return stringValue
  }

  const header = columns.map((column) => column.label).join(",")
  const lines = rows.map((row) =>
    columns
      .map((column) => escapeValue(row[column.key] ?? ""))
      .join(",")
  )

  return [header, ...lines].join("\n")
}

downloadFile(JSON.stringify(rows, null, 2), `${fileBaseName}.json`, "application/json")

const doc = generatePdfDocument(
  rows,
  columns,
  `Exportación de ${datasetLabel}`,
  `Generado el ${format(new Date(), "dd MMM yyyy HH:mm", { locale: es })}`
)
doc.save(`${fileBaseName}.pdf`)

const downloadFile = (content: string, fileName: string, mimeType: string) => {
  const blob = new Blob([content], { type: mimeType })
  const link = document.createElement("a")
  link.href = URL.createObjectURL(blob)
  link.download = fileName
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
  URL.revokeObjectURL(link.href)
}

{dataset}-{timestamp}.{extension}

Example: transacciones-2024-03-15-14-30-25.csv