[V0_FILE]typescriptreact:file="financial-reports.tsx" isEdit="true" isMerged="true" "use client" import { Calculator, PieChartIcon as ChartPie, DollarSign, FileText, PieChart, ArrowLeft } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" export default function FinancialReports() { return (

Reports

Annual Income Statement

View income earned over your investments during the financial year

Financial YTD Income Statement

View year to date income received from your investments on the platform

Portfolio Analysis

Compare your portfolio performance against all portfolios on the platform

Collection Activity

Collection efforts made by Faircent.com for the cases where EMI have defaulted

EMI Status Report

View month wise status of all paid and pending EMI

) } [V0_FILE]typescriptreact:file="app/investment-summary/page.tsx" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { BarChart3, PieChart } from "lucide-react" export default function InvestmentSummary() { return (

Portfolio Overview

Current value of your investment portfolio and asset allocation

Performance Analysis

Track your investment performance and returns over time

) } [V0_FILE]typescriptreact:file="app/earnings-report/page.tsx" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { BarChart3, DollarSign } from "lucide-react" export default function EarningsReport() { return (

Annual Earnings

View your total earnings from all investments for the year

Earnings Breakdown

Detailed breakdown of earnings by investment type

) } [V0_FILE]typescriptreact:file="app/emi-statement/page.tsx" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { Calculator, DollarSign } from "lucide-react" export default function EMIStatement() { return (

EMI Schedule

View your monthly EMI payment schedule and status

Payment History

Track your past EMI payments and due dates

) } [V0_FILE]typescriptreact:file="app/income-statement/page.tsx" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { BarChart3, DollarSign } from "lucide-react" export default function IncomeStatement() { return (

Annual Income Statement

View income earned over your investments during the financial year

YTD Income Analysis

Year to date income received from your investments

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { BarChart3, Calendar, FileText, PieChart } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { InvestmentSummaryDialog } from "@/components/investment-summary-dialog" import { Button } from "@/components/ui/button" // Import Button import type React from "react" export default function FinancialReports() { return (

Financial Reports

} title="Investment Summary" description="View your investment portfolio summary and performance." dialog={} /> } title="Financial YTD Income Statement" description="View year to date income received from your investments on the platform." /> } title="Collection Activity" description="Collection efforts made for the cases where EMI have defaulted." /> } title="EMI Status Report" description="View month wise status of all paid and pending EMI." />

) } function ReportItem({ icon, title, description, dialog, }: { icon: React.ReactNode title: string description: string dialog?: React.ReactNode }) { return (

{icon}

{title}

{description}

{dialog || ( )}

) } [V0_FILE]typescriptreact:file="components/investment-graphs.tsx" isEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts" const narData = [ { date: "Jan'16", optimistic: 20, pessimistic: 18 }, { date: "Nov'16", optimistic: 18, pessimistic: 15 }, { date: "Sep'17", optimistic: 15, pessimistic: 10 }, { date: "Jul'18", optimistic: 12, pessimistic: 5 }, { date: "May'19", optimistic: 10, pessimistic: 0 }, { date: "Jun'20", optimistic: 8, pessimistic: -10 }, { date: "Apr'21", optimistic: 10, pessimistic: -20 }, { date: "Nov'21", optimistic: 12, pessimistic: -40 }, { date: "May'22", optimistic: 15, pessimistic: -70 }, ] const lossData = [ { date: "Jan'16", optimistic: 0, pessimistic: 0 }, { date: "Nov'16", optimistic: 200000, pessimistic: 300000 }, { date: "Sep'17", optimistic: 400000, pessimistic: 600000 }, { date: "Jul'18", optimistic: 800000, pessimistic: 1200000 }, { date: "May'19", optimistic: 1200000, pessimistic: 1800000 }, { date: "Jun'20", optimistic: 1600000, pessimistic: 2400000 }, { date: "Apr'21", optimistic: 2000000, pessimistic: 3000000 }, { date: "Nov'21", optimistic: 2400000, pessimistic: 3600000 }, { date: "May'22", optimistic: 2800000, pessimistic: 4000000 }, ] export function InvestmentGraphs() { return (

📈 NET ANNUALIZED RETURN (NAR) `${value}%`} /> 💰 LOAN LOSS AMOUNT `${(value / 1000000).toFixed(1)}M`} />

) } [V0_FILE]typescript:file="app/api/export-excel/route.ts" isMerged="true" import { NextResponse } from "next/server" import * as XLSX from "xlsx" const summaryData = { termLoan: { totalAmountInvested: 2500000, totalPrincipalOutstanding: 1800000, totalPrincipalReceived: 700000, totalPrincipalDelayed: 50000, totalInterestReceived: 125000, totalOtherPaymentReceived: 15000, numberOfLoans: 25, numberOfClosedLoans: 8, }, poolLoan: { totalAmountInvested: 1500000, totalPrincipalOutstanding: 1200000, totalPrincipalReceived: 300000, totalInterestReceived: 75000, }, } export async function GET() { // Create worksheet data const wsData = [ ["Term Loan Summary"], ["Total Amount Invested", summaryData.termLoan.totalAmountInvested], ["Total Principal Outstanding", summaryData.termLoan.totalPrincipalOutstanding], ["Total Principal Received", summaryData.termLoan.totalPrincipalReceived], ["Total Principal Delayed", summaryData.termLoan.totalPrincipalDelayed], ["Total Interest Received", summaryData.termLoan.totalInterestReceived], ["Total Other Payment Received", summaryData.termLoan.totalOtherPaymentReceived], ["Number of Loans", summaryData.termLoan.numberOfLoans], ["Number of Closed Loans", summaryData.termLoan.numberOfClosedLoans], [""], ["Pool Loan Summary"], ["Total Amount Invested", summaryData.poolLoan.totalAmountInvested], ["Total Principal Outstanding", summaryData.poolLoan.totalPrincipalOutstanding], ["Total Principal Received", summaryData.poolLoan.totalPrincipalReceived], ["Total Interest Received", summaryData.poolLoan.totalInterestReceived], ] // Create workbook and worksheet const wb = XLSX.utils.book_new() const ws = XLSX.utils.aoa_to_sheet(wsData) XLSX.utils.book_append_sheet(wb, ws, "Investment Summary") // Generate buffer const buf = XLSX.write(wb, { type: "buffer", bookType: "xlsx" }) // Create and send response return new NextResponse(buf, { headers: { "Content-Disposition": 'attachment; filename="investment-summary.xlsx"', "Content-Type": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }, }) } [V0_FILE]typescript:file="components/ui/toast.tsx" import * as React from "react" import * as ToastPrimitives from "@radix-ui/react-toast" import { cva, type VariantProps } from "class-variance-authority" import { X } from "lucide-react" import { cn } from "@/lib/utils" const ToastProvider = ToastPrimitives.Provider const ToastViewport = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastViewport.displayName = ToastPrimitives.Viewport.displayName const toastVariants = cva( "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", { variants: { variant: { default: "border bg-background text-foreground", destructive: "destructive group border-destructive bg-destructive text-destructive-foreground", }, }, defaultVariants: { variant: "default", }, }, ) const Toast = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, variant, ...props }, ref) => { return }) Toast.displayName = ToastPrimitives.Root.displayName const ToastAction = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastAction.displayName = ToastPrimitives.Action.displayName const ToastClose = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastClose.displayName = ToastPrimitives.Close.displayName const ToastTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastTitle.displayName = ToastPrimitives.Title.displayName const ToastDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastDescription.displayName = ToastPrimitives.Description.displayName type ToastProps = React.ComponentPropsWithoutRef type ToastActionElement = React.ReactElement export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, } [V0_FILE]typescript:file="components/ui/use-toast.ts" isFixed="true" isQuickEdit="true" import * as React from "react" import type { ToastActionElement, ToastProps } from "@/components/ui/toast" const TOAST_LIMIT = 1 const TOAST_REMOVE_DELAY = 1000000 type ToasterToast = ToastProps & { id: string title?: React.ReactNode description?: React.ReactNode action?: ToastActionElement } const actionTypes = { ADD_TOAST: "ADD_TOAST", UPDATE_TOAST: "UPDATE_TOAST", DISMISS_TOAST: "DISMISS_TOAST", REMOVE_TOAST: "REMOVE_TOAST", } as const let count = 0 function genId() { count = (count + 1) % Number.MAX_VALUE return count.toString() } type ActionType = typeof actionTypes type Action = | { type: ActionType["ADD_TOAST"] toast: ToasterToast } | { type: ActionType["UPDATE_TOAST"] toast: Partial } | { type: ActionType["DISMISS_TOAST"] toastId?: ToasterToast["id"] } | { type: ActionType["REMOVE_TOAST"] toastId?: ToasterToast["id"] } interface State { toasts: ToasterToast[] } const toastTimeouts = new Map>() const addToRemoveQueue = (toastId: string) => { if (toastTimeouts.has(toastId)) { return } const timeout = setTimeout(() => { toastTimeouts.delete(toastId) dispatch({ type: "REMOVE_TOAST", toastId: toastId, }) }, TOAST_REMOVE_DELAY) toastTimeouts.set(toastId, timeout) } export const reducer = (state: State, action: Action): State => { switch (action.type) { case "ADD_TOAST": return { ...state, toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT), } case "UPDATE_TOAST": return { ...state, toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)), } case "DISMISS_TOAST": { const { toastId } = action // ! Side effects ! - This could be extracted into a dismissToast() action, // but I'll keep it here for simplicity if (toastId) { addToRemoveQueue(toastId) } else { state.toasts.forEach((toast) => { addToRemoveQueue(toast.id) }) } return { ...state, toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined ? { ...t, open: false, } : t, ), } } case "REMOVE_TOAST": if (action.toastId === undefined) { return { ...state, toasts: [], } } return { ...state, toasts: state.toasts.filter((t) => t.id !== action.toastId), } } } const listeners: Array<(state: State) => void> = [] let memoryState: State = { toasts: [] } function dispatch(action: Action) { memoryState = reducer(memoryState, action) listeners.forEach((listener) => { listener(memoryState) }) } type Toast = Omit function toast({ ...props }: Toast) { const id = genId() const update = (props: ToasterToast) => dispatch({ type: "UPDATE_TOAST", toast: { ...props, id }, }) const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id }) dispatch({ type: "ADD_TOAST", toast: { ...props, id, open: true, onOpenChange: (open) => { if (!open) dismiss() }, }, }) return { id: id, dismiss, update, } } function useToast() { const [state, setState] = React.useState(memoryState) React.useEffect(() => { listeners.push(setState) return () => { const index = listeners.indexOf(setState) if (index > -1) { listeners.splice(index, 1) } } }, []) // Removed unnecessary dependency: [state] return { ...state, toast, dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }), } } export { useToast, toast } [V0_FILE]typescriptreact:file="components/investment-summary-dialog.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogHeader, DialogTrigger } from "@/components/ui/dialog" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { FileDown } from "lucide-react" import { InvestmentGraphs } from "./investment-graphs" import { useToast } from "@/components/ui/use-toast" import { ToastAction } from "@/components/ui/toast" const summaryData = { termLoan: { totalAmountInvested: 2500000, totalPrincipalOutstanding: 1800000, totalPrincipalReceived: 700000, totalPrincipalDelayed: 50000, totalInterestReceived: 125000, totalOtherPaymentReceived: 15000, numberOfLoans: 25, numberOfClosedLoans: 8, }, poolLoan: { totalAmountInvested: 1500000, totalPrincipalOutstanding: 1200000, totalPrincipalReceived: 300000, totalInterestReceived: 75000, }, } export function InvestmentSummaryDialog() { const { toast } = useToast() const handleExport = async () => { try { const response = await fetch("/api/export-excel") if (!response.ok) throw new Error("Export failed") const blob = await response.blob() const url = window.URL.createObjectURL(blob) const a = document.createElement("a") a.style.display = "none" a.href = url a.download = "investment-summary.xlsx" document.body.appendChild(a) a.click() window.URL.revokeObjectURL(url) toast({ title: "Export Successful", description: "The investment summary has been exported to Excel.", action: Close, }) } catch (error) { console.error("Error exporting to Excel:", error) toast({ title: "Export Failed", description: "There was an error exporting to Excel. Please try again.", variant: "destructive", action: Try again, }) } } return ( ) } function SummaryItem({ label, value }: { label: string; value: string }) { return (

{label} {value}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isEdit="true" isQuickEdit="true" import { Toaster } from "@/components/ui/toaster" import type React from "react" export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} ) }