[V0_FILE]png:file="public/images/etihad-cargo-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/etihad-cargo-logo-NiUJXgfUJ2C8p9hLPx15jlX6WurqQO.png" isMerged="true" [V0_FILE]png:file="public/images/golden-facebook-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/golden-facebook-icon-9BljJOYjKez0IH97E2E6blo9CcgxgH.png" isMerged="true" [V0_FILE]png:file="public/images/etihad-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/etihad-logo-2Nzcd3CXBdeOX4pMXnKLbv9HY3huPB.png" isMerged="true" [V0_FILE]png:file="public/images/60739264815_temperature_only.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/60739264815_temperature_only-BU8Oe7b3kY54SAoK1gNQSN5pM78n2G.png" isMerged="true" [V0_FILE]jpg:file="public/images/etihad-check-icon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/etihad-check-icon-kRx6oVcyc4PR87dD1DSN0WfxNlglmY.jpg" isMerged="true" [V0_FILE]png:file="public/images/golden-icon-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/golden-icon-1-HOYawfIoYitzeobSwSUlgdHyxqJaZ3.png" isMerged="true" [V0_FILE]png:file="public/images/60728497362_light_only.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/60728497362_light_only-gfwQHM795x8mzeohQhvVMcgNvhKxKz.png" isMerged="true" [V0_FILE]jpg:file="public/images/time-icon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/time-icon-b4GQWBrzJeP8zL35hfK0Y6uNtWK1Xg.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/status-icon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/status-icon-dNO9VgwJ8xydQy4BATrSZ4Q6ZaYMH0.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/etihad-clock-icon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/etihad-clock-icon-uBKPmX99AsiAiyUKRkbTSa84m1dAbE.jpg" isMerged="true" [V0_FILE]png:file="public/images/60728497362_shock_only.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/60728497362_shock_only-C7Mavnvhooj7uV95TJb58JtPb46tOX.png" isMerged="true" [V0_FILE]png:file="public/images/golden-linkedin-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/cargomanagement15/public/images/golden-linkedin-icon-QGorU0nEPvpEpUvbXcc0Vha2jpNh3u.png" isMerged="true" [V0_FILE]javascript:file="postcss.config.mjs" isMerged="true" /** @type {import('postcss-load-config').Config} */ const config = { plugins: { '@tailwindcss/postcss': {}, }, } export default config [V0_FILE]javascript:file="next.config.mjs" isMerged="true" /** @type {import('next').NextConfig} */ const nextConfig = { eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, } export default nextConfig [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "build": "next build", "dev": "next dev", "lint": "next lint", "start": "next start" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "latest", "@radix-ui/react-alert-dialog": "latest", "@radix-ui/react-aspect-ratio": "latest", "@radix-ui/react-avatar": "latest", "@radix-ui/react-checkbox": "latest", "@radix-ui/react-collapsible": "latest", "@radix-ui/react-context-menu": "latest", "@radix-ui/react-dialog": "latest", "@radix-ui/react-dropdown-menu": "latest", "@radix-ui/react-hover-card": "latest", "@radix-ui/react-label": "latest", "@radix-ui/react-menubar": "latest", "@radix-ui/react-navigation-menu": "latest", "@radix-ui/react-popover": "latest", "@radix-ui/react-progress": "latest", "@radix-ui/react-radio-group": "latest", "@radix-ui/react-scroll-area": "latest", "@radix-ui/react-select": "latest", "@radix-ui/react-separator": "latest", "@radix-ui/react-slider": "latest", "@radix-ui/react-slot": "latest", "@radix-ui/react-switch": "latest", "@radix-ui/react-tabs": "latest", "@radix-ui/react-toast": "latest", "@radix-ui/react-toggle": "latest", "@radix-ui/react-toggle-group": "latest", "@radix-ui/react-tooltip": "latest", "@vercel/analytics": "latest", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "latest", "date-fns": "4.1.0", "embla-carousel-react": "latest", "geist": "latest", "input-otp": "latest", "lucide-react": "^0.454.0", "next": "14.2.35", "next-themes": "latest", "react": "^19", "react-day-picker": "latest", "react-dom": "^19", "react-hook-form": "latest", "react-resizable-panels": "latest", "recharts": "latest", "sonner": "latest", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "latest", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescript:file="types/rate-settings.ts" isMerged="true" export interface RateRule { id: string name: string route?: string customer?: string mailCategory?: string mailClass?: string euromail?: "EU" | "NONEU" ratePerKg: number minimumCharge: number currency: string validFrom: string validTo?: string active: boolean } export interface RateSettings { defaultCurrency: string vatRate: number roundingPrecision: number applyVAT: boolean rules: RateRule[] } export const defaultRateSettings: RateSettings = { defaultCurrency: "EUR", vatRate: 21, roundingPrecision: 2, applyVAT: true, rules: [ { id: "default-eu", name: "Default EU Rate", euromail: "EU", ratePerKg: 2.5, minimumCharge: 5.0, currency: "EUR", validFrom: "2023-01-01", active: true, }, { id: "default-noneu", name: "Default Non-EU Rate", euromail: "NONEU", ratePerKg: 3.75, minimumCharge: 7.5, currency: "EUR", validFrom: "2023-01-01", active: true, }, { id: "usfrat-usrixt-premium", name: "USFRAT → USRIXT Premium", route: "USFRAT-USRIXT", mailCategory: "A", ratePerKg: 4.2, minimumCharge: 8.0, currency: "EUR", validFrom: "2023-01-01", active: true, }, ], } [V0_FILE]typescript:file="types/cargo-data.ts" isMerged="true" export interface CargoData { id: string origOE: string destOE: string inbFlightNo: string outbFlightNo?: string mailCat: string mailClass: string totalKg: number invoiceExtend: string customer?: string date?: string sector?: string euromail?: string combined?: string totalEur?: number vatEur?: number } export interface ProcessedData { data: CargoData[] missingFields: string[] warnings: string[] summary: { totalRecords: number euSubtotal: number nonEuSubtotal: number total: number totalKg: number } } export interface FileProcessingResult { success: boolean data?: ProcessedData error?: string } [V0_FILE]css:file="styles/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/settings-modal.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Switch } from "@/components/ui/switch" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Settings, Plus, Edit, Trash2, Save, Route, Users, MapPin } from "lucide-react" import type { RateSettings, RateRule } from "@/types/rate-settings" interface SettingsModalProps { settings: RateSettings onSettingsChange: (settings: RateSettings) => void isOpen?: boolean onClose?: () => void } export function SettingsModal({ settings, onSettingsChange, isOpen: externalIsOpen, onClose }: SettingsModalProps) { const [internalIsOpen, setInternalIsOpen] = useState(false) const isOpen = externalIsOpen !== undefined ? externalIsOpen : internalIsOpen const setIsOpen = onClose ? (open: boolean) => { if (!open) onClose() } : setInternalIsOpen const [editingRule, setEditingRule] = useState(null) const [isCreatingRule, setIsCreatingRule] = useState(false) const [activeTab, setActiveTab] = useState<"manual" | "routes" | "customers" | "general">("manual") const handleGeneralSettingsChange = (key: keyof RateSettings, value: any) => { onSettingsChange({ ...settings, [key]: value, }) } const handleRuleChange = (ruleId: string, updates: Partial) => { const updatedRules = settings.rules.map((rule) => (rule.id === ruleId ? { ...rule, ...updates } : rule)) onSettingsChange({ ...settings, rules: updatedRules, }) } const handleDeleteRule = (ruleId: string) => { const updatedRules = settings.rules.filter((rule) => rule.id !== ruleId) onSettingsChange({ ...settings, rules: updatedRules, }) } const handleCreateRule = (newRule: Omit) => { const rule: RateRule = { ...newRule, id: `rule-${Date.now()}`, } onSettingsChange({ ...settings, rules: [...settings.rules, rule], }) setIsCreatingRule(false) } const getRouteRules = () => { return settings.rules.filter((rule) => rule.route && rule.route.trim() !== "") } const getCustomerRules = () => { return settings.rules.filter((rule) => rule.customer && rule.customer.trim() !== "") } const getUniqueRoutes = () => { const routes = new Set(settings.rules.map((rule) => rule.route).filter(Boolean)) return Array.from(routes) } const getUniqueCustomers = () => { const customers = new Set(settings.rules.map((rule) => rule.customer).filter(Boolean)) return Array.from(customers) } return ( ) } // ... existing code for ManualRouteEntry and RuleEditor components ... interface ManualRouteEntryProps { onAddRule: (rule: Omit) => void } function ManualRouteEntry({ onAddRule }: ManualRouteEntryProps) { const [formData, setFormData] = useState({ name: "", origin: "", destination: "", customer: "", mailCategory: "", mailClass: "", euromail: "" as "EU" | "NONEU" | "", ratePerKg: "", minimumCharge: "", currency: "EUR", conditions: "", validFrom: new Date().toISOString().split("T")[0], validTo: "", }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() const route = formData.origin && formData.destination ? `${formData.origin}-${formData.destination}` : "" const rule: Omit = { name: formData.name || `${formData.origin} → ${formData.destination}`, route, customer: formData.customer || undefined, mailCategory: formData.mailCategory || undefined, mailClass: formData.mailClass || undefined, euromail: formData.euromail || undefined, ratePerKg: Number.parseFloat(formData.ratePerKg), minimumCharge: Number.parseFloat(formData.minimumCharge), currency: formData.currency, validFrom: formData.validFrom, validTo: formData.validTo || undefined, active: true, } onAddRule(rule) // Reset form setFormData({ name: "", origin: "", destination: "", customer: "", mailCategory: "", mailClass: "", euromail: "", ratePerKg: "", minimumCharge: "", currency: "EUR", conditions: "", validFrom: new Date().toISOString().split("T")[0], validTo: "", }) } return (

Rule Name (optional) setFormData((prev) => ({ ...prev, name: e.target.value }))} placeholder="Auto-generated from origin → destination" className="bg-black border-orange-500/30 text-white" />

Customer (optional) setFormData((prev) => ({ ...prev, customer: e.target.value }))} placeholder="e.g., LV Post" className="bg-black border-orange-500/30 text-white" />

Origin * setFormData((prev) => ({ ...prev, origin: e.target.value.toUpperCase() }))} placeholder="e.g., USFRAT" className="bg-black border-orange-500/30 text-white" required />

Destination * setFormData((prev) => ({ ...prev, destination: e.target.value.toUpperCase() }))} placeholder="e.g., USRIXT" className="bg-black border-orange-500/30 text-white" required />

Mail Category

Mail Class setFormData((prev) => ({ ...prev, mailClass: e.target.value }))} placeholder="e.g., 7C" className="bg-black border-orange-500/30 text-white" />

EU/Non-EU

Rate per KG * setFormData((prev) => ({ ...prev, ratePerKg: e.target.value }))} placeholder="0.00" className="bg-black border-orange-500/30 text-white" required />

Minimum Charge * setFormData((prev) => ({ ...prev, minimumCharge: e.target.value }))} placeholder="0.00" className="bg-black border-orange-500/30 text-white" required />

Currency

Valid From setFormData((prev) => ({ ...prev, validFrom: e.target.value }))} className="bg-black border-orange-500/30 text-white" />

Valid To (optional) setFormData((prev) => ({ ...prev, validTo: e.target.value }))} className="bg-black border-orange-500/30 text-white" />

Additional Conditions (optional) setFormData((prev) => ({ ...prev, conditions: e.target.value }))} placeholder="e.g., Minimum weight 5kg, Express service only" className="bg-black border-orange-500/30 text-white" />

) } interface RuleEditorProps { rule?: RateRule | null onSave: (rule: Omit) => void onCancel: () => void } function RuleEditor({ rule, onSave, onCancel }: RuleEditorProps) { const [formData, setFormData] = useState>({ name: rule?.name || "", route: rule?.route || "", customer: rule?.customer || "", mailCategory: rule?.mailCategory || "", mailClass: rule?.mailClass || "", euromail: rule?.euromail, ratePerKg: rule?.ratePerKg || 0, minimumCharge: rule?.minimumCharge || 0, currency: rule?.currency || "EUR", validFrom: rule?.validFrom || new Date().toISOString().split("T")[0], validTo: rule?.validTo || "", active: rule?.active ?? true, }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() onSave(formData) } return (

{rule ? "Edit Rate Rule" : "Create Rate Rule"}

Rule Name setFormData((prev) => ({ ...prev, name: e.target.value }))} className="bg-black border-orange-500/30 text-white" required />

Route (optional) setFormData((prev) => ({ ...prev, route: e.target.value }))} placeholder="e.g., USFRAT-USRIXT" className="bg-black border-orange-500/30 text-white" />

Customer (optional) setFormData((prev) => ({ ...prev, customer: e.target.value }))} className="bg-black border-orange-500/30 text-white" />

Mail Category

Mail Class setFormData((prev) => ({ ...prev, mailClass: e.target.value }))} placeholder="e.g., 7C" className="bg-black border-orange-500/30 text-white" />

EU/Non-EU

Rate per KG setFormData((prev) => ({ ...prev, ratePerKg: Number.parseFloat(e.target.value) }))} className="bg-black border-orange-500/30 text-white" required />

Minimum Charge setFormData((prev) => ({ ...prev, minimumCharge: Number.parseFloat(e.target.value) }))} className="bg-black border-orange-500/30 text-white" required />

Currency

Valid From setFormData((prev) => ({ ...prev, validFrom: e.target.value }))} className="bg-black border-orange-500/30 text-white" required />

Valid To (optional) setFormData((prev) => ({ ...prev, validTo: e.target.value }))} className="bg-black border-orange-500/30 text-white" />

setFormData((prev) => ({ ...prev, active: checked }))} /> Active

) } [V0_FILE]typescriptreact:file="components/review-rates.tsx" isMerged="true" "use client" import type { ProcessedData } from "@/types/cargo-data" import type { RateSettings } from "@/types/rate-settings" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Plus, Search, Settings, Globe, Layers, TrendingUp, ChevronRight, ArrowLeft, Eye, Edit, MoreVertical, DollarSign, } from "lucide-react" import { useState } from "react" import { PageHeader } from "./page-header" interface ReviewRatesProps { settings: RateSettings onSettingsChange: (settings: RateSettings) => void data: ProcessedData | null } export function ReviewRates({ settings, onSettingsChange, data }: ReviewRatesProps) { const [activeTab, setActiveTab] = useState("routes") const [searchQuery, setSearchQuery] = useState("") const [selectedRoute, setSelectedRoute] = useState<{ origin: string; destination: string } | null>(null) const [rateManagementTab, setRateManagementTab] = useState("ratePlans") const routes = [ { origin: "BKK", destination: "CGK", baseRate: "$5", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "BKK", destination: "KUL", baseRate: "$5.6", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "BKK", destination: "SIN", baseRate: "$5.6", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "CGK", destination: "KUL", baseRate: "$5", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "CGK", destination: "NRT", baseRate: "$5.6", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "CGK", destination: "SIN", baseRate: "$5.6", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, { origin: "KUL", destination: "CGK", baseRate: "$5.6", ratePlans: "3 plans configured", lastUpdated: "Sep 2, 2025 02:00 AM", }, ] if (selectedRoute) { return (

} />

{/* Route Header */}

{selectedRoute.origin} → {selectedRoute.destination}

Sep 02, 2025 02:00 AM

{/* Rate Management Tabs */}

{/* Route Rate Plans Content */} {rateManagementTab === "ratePlans" && (

Route Rate Plans

Manage master and rate plans for this route.

{/* Rate Plan Structure Info */}

Rate Plan Structure

This route uses a master rate plan with linked plans. The master plan is evaluated first, followed by active plans based on their assignment rules. Drag and drop non-master plans to re-order their evaluation priority if their assignment rules overlap (higher plans checked first).

{/* Master Rate Plan */}

Master

Special Rates

{/* Linked Rate Plan */}

Linked to Special Rates

Special Rates (Child)

Active

{/* Custom Rate Plan */}

Custom

Special Rates (Custom)

Active

)} {/* Other tabs placeholder */} {rateManagementTab !== "ratePlans" && (

{rateManagementTab === "modifierRules" && "Modifier Rules"} {rateManagementTab === "ratePreview" && "Rate Preview"}

This section is under development.

)}

) } return (

} />

Routes

active routes

Rate Plans

active rate plans

Modifiers

active modifiers

Rate Management

{activeTab === "routes" && (

Routes

Configure pricing for your flight routes. Click on "Configure Rates" to set up rate plans and pricing rules.

setSearchQuery(e.target.value)} className="pl-10 bg-white border-gray-300 text-black placeholder-gray-400" />

Origin

Destination

Base Rate

Rate Plans

Last Updated

{routes.map((route, index) => (

{route.origin}

{route.destination}

{route.baseRate}

{route.ratePlans}

{route.lastUpdated}

))}

)} {activeTab !== "routes" && (

{activeTab === "ratePlans" && "Rate Plans"} {activeTab === "modifiers" && "Modifiers"} {activeTab === "rules" && "Rules"}

This section is under development.

)}

) } [V0_FILE]typescriptreact:file="components/column-mapping.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { CheckCircle, AlertTriangle, ArrowRight } from "lucide-react" interface ColumnMapping { excelColumn: string mappedTo: string | null finalColumn: string status: "mapped" | "unmapped" | "warning" sampleData: string[] } interface ColumnMappingProps { excelColumns: string[] sampleData: Record onMappingComplete: (mappings: ColumnMapping[]) => void } const FINAL_EXPORT_COLUMNS = [ "Inb.Flight Date", "Outb.Flight Date", "Rec. ID", "Des. No.", "Rec. Numb.", "Orig. OE", "Dest. OE", "Inb. Flight No. | STA", "Outb. Flight No. | STD", "Mail Cat.", "Mail Class", "Total kg", "Invoice", "Customer name / number", ] export function ColumnMapping({ excelColumns, sampleData, onMappingComplete }: ColumnMappingProps) { const [mappings, setMappings] = useState(() => { return excelColumns.map((col, index) => ({ excelColumn: col, mappedTo: index < FINAL_EXPORT_COLUMNS.length ? FINAL_EXPORT_COLUMNS[index] : null, finalColumn: FINAL_EXPORT_COLUMNS[index] || "Unmapped", status: index < FINAL_EXPORT_COLUMNS.length ? "mapped" : "unmapped", sampleData: sampleData[col] || [], })) }) const handleMappingChange = (excelColumn: string, finalColumn: string) => { setMappings((prev) => prev.map((mapping) => { if (mapping.excelColumn === excelColumn) { return { ...mapping, mappedTo: finalColumn === "unmapped" ? null : finalColumn, finalColumn: finalColumn === "unmapped" ? "Unmapped" : finalColumn, status: finalColumn === "unmapped" ? "unmapped" : "mapped", } } return mapping }), ) } const getMappedCount = () => mappings.filter((m) => m.status === "mapped").length const getTotalCount = () => mappings.length const handleContinue = () => { onMappingComplete(mappings) } return (

Map Your Columns

Map your Excel columns to the final export format

{/* Progress Header */} Column Mapping Progress {getMappedCount()} / {getTotalCount()} columns mapped {/* Column Mapping Interface */}

Excel Column

Column headers from raw Excel file

Mapped

{getMappedCount()} / {getTotalCount()} mapped

Final Export Column

Column headers of final export file

{mappings.map((mapping, index) => (

{/* Excel Column */}

{index + 1}

{mapping.excelColumn}

{mapping.sampleData.slice(0, 2).map((sample, i) => (

{sample}

))}

{/* Mapping Status */}

{mapping.status === "mapped" ? ( ) : mapping.status === "warning" ? ( ) : (

)}

{/* Final Export Column */}

{mapping.status === "mapped" && (

Mapped successfully

)}

))}

{getMappedCount() === getTotalCount() ? ( All columns mapped successfully ) : ( {getTotalCount() - getMappedCount()} columns still need mapping )}

) } [V0_FILE]typescriptreact:file="components/review-file-interface.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { FileText, Database, CheckCircle, Copy } from "lucide-react" import { PageHeader } from "./page-header" interface ReviewFileInterfaceProps { activeSubStep: string data?: any } export function ReviewFileInterface({ activeSubStep, data }: ReviewFileInterfaceProps) { const [showPayload, setShowPayload] = useState(false) const [showConfirmation, setShowConfirmation] = useState(false) const [isLoading, setIsLoading] = useState(false) // Sample JSON payload for demonstration const samplePayload = { timestamp: new Date().toISOString(), source: "Etihad Cargo Portal", dataType: "mail_processing_data", records: [ { id: "AUHLHRUSRIXTA7C50708003700079", inboundFlightDate: "2025-07-15", outboundFlightDate: "2025-07-16", originOE: "AUHLHR", destinationOE: "USRIXT", inboundFlightNo: "EY234", outboundFlightNo: "EY633", mailCategory: "A", mailClass: "7C", totalWeight: 7.9, invoiceType: "Airmail", customer: "Etihad Mail Services / EMS14", }, { id: "AUHLHRUSRIXTA7C50705002700062", inboundFlightDate: "2025-07-08", outboundFlightDate: "2025-07-09", originOE: "AUHLHR", destinationOE: "USRIXT", inboundFlightNo: "EY234", outboundFlightNo: "EY445", mailCategory: "A", mailClass: "7C", totalWeight: 6.2, invoiceType: "Airmail", customer: "Etihad Mail Services / EMS14", }, ], summary: { totalRecords: 247, totalWeight: 12540, totalValue: 28400000, onTimeDelivery: 94.7, }, metadata: { processedBy: "Sarah Ahmed", processingDate: new Date().toISOString(), version: "1.0", }, } const submissionHistory = [ { id: 1, jobNo: "BELLIDEMO2...", payloadType: "FFM", timeSent: "25 Jul 2025 14:30:15", flight: "EY10", departureDate: "25 Jul", status: "Success", previewPayload: "Preview", sentBy: "Belli AI", }, { id: 2, jobNo: "BELLIDEMO2...", payloadType: "FEM", timeSent: "26 Jul 2025 15:45:22", flight: "EY204", departureDate: "26 Jul", status: "Success", previewPayload: "Preview", sentBy: "Belli AI", }, { id: 3, jobNo: "BELLIDEMO2...", payloadType: "FFM", timeSent: "24 Jul 2025 13:20:45", flight: "EY10", departureDate: "24 Jul", status: "Error", previewPayload: "Preview", sentBy: "Belli AI", }, { id: 4, jobNo: "BELLIDEMO2...", payloadType: "FWB", timeSent: "28 Jul 2025 16:12:33", flight: "EY204", departureDate: "28 Jul", status: "Error", previewPayload: "Preview", sentBy: "Belli AI", }, { id: 5, jobNo: "BELLIDEMO2...", payloadType: "FFM", timeSent: "25 Jul 2025 12:05:18", flight: "EY10", departureDate: "25 Jul", status: "Success", previewPayload: "Preview", sentBy: "Belli AI", }, ] const handleSendToWarehouse = async () => { setIsLoading(true) // Simulate API call delay setTimeout(() => { setIsLoading(false) setShowPayload(true) }, 1000) } const handleConfirmSend = async () => { setIsLoading(true) // Simulate sending to data warehouse setTimeout(() => { setIsLoading(false) setShowPayload(false) setShowConfirmation(true) }, 2000) } const copyToClipboard = () => { navigator.clipboard.writeText(JSON.stringify(samplePayload, null, 2)) } if (activeSubStep !== "send-file") { return null } if (showConfirmation) { return (

} />

Transfer Complete!

Your processed mail data has been successfully sent to the data warehouse.

Transfer ID: DW-{Date.now()}

Records Sent: {samplePayload.summary.totalRecords}

Timestamp: {new Date().toLocaleString()}

) } if (showPayload) { return (

} />

JSON Payload Preview

{samplePayload.summary.totalRecords} Records

                {JSON.stringify(samplePayload, null, 2)}

) } return (

} />

{/* Data Warehouse Export Section */}

Data Warehouse Export

Click the button below to prepare and send data to the warehouse

{/* Submission History Section */} Submission History

{submissionHistory.map((entry) => ( ))}

#	Time Sent	Flight	Departure Date	Status	Preview Payload	Sent By
{entry.id}	{entry.timeSent}	{entry.flight}	{entry.departureDate}	{entry.status}	{entry.previewPayload}	{entry.sentBy}

) } [V0_FILE]typescriptreact:file="components/data-preview.tsx" isMerged="true" "use client" import type { ProcessedData } from "@/types/cargo-data" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Alert, AlertDescription } from "@/components/ui/alert" import { AlertTriangle, XCircle } from "lucide-react" import { ExportModal } from "@/components/export-modal" interface DataPreviewProps { processedData: ProcessedData onDownloadReport: () => void } export function DataPreview({ processedData, onDownloadReport }: DataPreviewProps) { const { data, missingFields, warnings, summary } = processedData return (

{/* Summary Cards */}

{summary.euSubtotal.toFixed(2)} EUR

EU Subtotal

{summary.nonEuSubtotal.toFixed(2)} EUR

NON-EU Subtotal

{summary.total.toFixed(2)} EUR

Total

{/* Warnings and Missing Data */} {(missingFields.length > 0 || warnings.length > 0) && (

{missingFields.length > 0 && ( Missing Data ({missingFields.length} issues):

• {field}
• ... and {missingFields.length - 3} more

)} {warnings.length > 0 && ( Warnings ({warnings.length} issues):

• {warning}
• ... and {warnings.length - 3} more

)}

)} {/* Data Table */} Data Preview

{summary.totalRecords} records

{data.slice(0, 10).map((record) => ( ))}

Inb.Flight Date	Outb.Flight Date	Rec. ID	Des. No.	Rec. Numb.	Orig. OE	Dest. OE	Inb. Flight No. \| STA	Outb. Flight No. \| STD	Mail Cat.	Mail Class	Total kg	Invoice	Customer name / number
{record.inbFlightDate \|\| "-"}	{record.outbFlightDate \|\| "-"}	{record.recId \|\| "-"}	{record.desNo \|\| "-"}	{record.recNumb \|\| "-"}	{record.origOE \|\| "-"}	{record.destOE \|\| "-"}	{record.inbFlightNoSTA \|\| "-"}	{record.outbFlightNoSTD \|\| "-"}	{record.mailCat}	{record.mailClass \|\| "-"}	{record.totalKg.toFixed(2)}	{record.invoice \|\| "-"}	{record.customer \|\| "-"}

{data.length > 10 && (

Showing 10 of {data.length} records

)}

) } [V0_FILE]typescriptreact:file="components/review-merged-excel.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Alert, AlertDescription } from "@/components/ui/alert" import { AlertTriangle, Download, FileSpreadsheet } from "lucide-react" import { combineProcessedData } from "@/lib/file-processor" import type { ProcessedData } from "@/types/cargo-data" import { PageHeader } from "./page-header" interface ReviewMergedExcelProps { mailAgentData: ProcessedData | null mailSystemData: ProcessedData | null onMergedData: (data: ProcessedData | null) => void } export function ReviewMergedExcel({ mailAgentData, mailSystemData, onMergedData }: ReviewMergedExcelProps) { const [mergedData, setMergedData] = useState(null) const [mergeConflicts, setMergeConflicts] = useState([]) const combinedSpreadsheetData = [ { inbFlightDate: "2025 JUL 15", outbFlightDate: "2025 JUL 16", recId: "USFRATUSRIXTA7C50708003700079", desNo: "50708", recNumb: "003", origOE: "USFRAT", destOE: "USRIXT", inbFlightNo: "BT234", outbFlightNo: "BT633", mailCat: "A", mailClass: "7C", totalKg: 7.9, invoiceExtend: "Airmail", customer: "AirMail Limited / ZZXDA14", source: "Mail Agent", }, { inbFlightDate: "2025 JUL 20", outbFlightDate: "2025 JUL 21", recId: "RIGCPHAUSRIXTA7C50720005800145", desNo: "50720", recNumb: "005", origOE: "RIGCPHA", destOE: "USRIXT", inbFlightNo: "BT556", outbFlightNo: "BT789", mailCat: "A", mailClass: "7C", totalKg: 9.3, invoiceExtend: "Airmail", customer: "Baltic Mail Services / BMS456", source: "Mail System", }, { inbFlightDate: "2025 JUL 08", outbFlightDate: "2025 JUL 09", recId: "USFRATUSRIXTA7C50705002700062", desNo: "50705", recNumb: "002", origOE: "USFRAT", destOE: "USRIXT", inbFlightNo: "BT234", outbFlightNo: "BT445", mailCat: "A", mailClass: "7C", totalKg: 6.2, invoiceExtend: "Airmail", customer: "AirMail Limited / ZZXDA14", source: "Mail Agent", }, { inbFlightDate: "2025 JUL 18", outbFlightDate: "2025 JUL 19", recId: "RIGCPHAUSRIXTA7C50718003200098", desNo: "50718", recNumb: "003", origOE: "RIGCPHA", destOE: "USRIXT", inbFlightNo: "BT556", outbFlightNo: "BT334", mailCat: "B", mailClass: "8C", totalKg: 12.7, invoiceExtend: "Express", customer: "Baltic Mail Services / BMS456", source: "Mail System", }, { inbFlightDate: "2025 JUL 15", outbFlightDate: "2025 JUL 16", recId: "USFRATUSROMT7C50703001700024", desNo: "50703", recNumb: "001", origOE: "USFRAT", destOE: "USROMT", inbFlightNo: "BT234", outbFlightNo: "BT633", mailCat: "A", mailClass: "7C", totalKg: 2.4, invoiceExtend: "Airmail", customer: "AirMail Limited / ZZXDA14", source: "Mail Agent", }, { inbFlightDate: "2025 AUG 15", outbFlightDate: "2025 AUG 16", recId: "RIGOSLOSTOCKTA8C60815007200234", desNo: "60815", recNumb: "007", origOE: "RIGOSLO", destOE: "STOCK", inbFlightNo: "BT667", outbFlightNo: "BT890", mailCat: "A", mailClass: "7C", totalKg: 15.2, invoiceExtend: "Standard", customer: "Scandinavian Post / SP789", source: "Mail System", }, { inbFlightDate: "2025 JUL 15", outbFlightDate: "2025 JUL 16", recId: "USFRATUSVNOT7C50706001700032", desNo: "50706", recNumb: "001", origOE: "USFRAT", destOE: "USVNOT", inbFlightNo: "BT234", outbFlightNo: "BT341", mailCat: "A", mailClass: "7C", totalKg: 3.2, invoiceExtend: "Airmail", customer: "AirMail Limited / ZZXDA14", source: "Mail Agent", }, { inbFlightDate: "2025 SEP 10", outbFlightDate: "2025 SEP 11", recId: "RIGVILNTALINTA9C70910002400067", desNo: "70910", recNumb: "002", origOE: "RIGVILN", destOE: "TALIN", inbFlightNo: "BT445", outbFlightNo: "BT223", mailCat: "A", mailClass: "7C", totalKg: 6.8, invoiceExtend: "Airmail", customer: "Baltic Express / BE2025", source: "Mail System", }, ] const handleExportExcel = () => { // Demo function - just shows alert alert("Excel file would be exported here (demo mode)") } useEffect(() => { if (mailAgentData || mailSystemData) { handleMergeData() } }, [mailAgentData, mailSystemData]) const handleMergeData = async () => { if (!mailAgentData && !mailSystemData) return try { let combined: ProcessedData if (mailAgentData && mailSystemData) { combined = combineProcessedData([mailAgentData, mailSystemData]) } else if (mailAgentData) { combined = mailAgentData } else { combined = mailSystemData! } const conflicts: string[] = [] if (mailAgentData && mailSystemData) { const agentRecords = new Set(mailAgentData.data.map((r) => r.recId)) const systemRecords = new Set(mailSystemData.data.map((r) => r.recId)) const duplicates = [...agentRecords].filter((id) => systemRecords.has(id)) if (duplicates.length > 0) { conflicts.push(`Found ${duplicates.length} duplicate record IDs between mail agent and mail system data`) } if (mailAgentData.summary.totalWeight !== mailSystemData.summary.totalWeight) { conflicts.push("Total weight differs between mail agent and mail system data") } } else { const sourceType = mailAgentData ? "mail agent" : "mail system" conflicts.push(`Processing with ${sourceType} data only. No merge conflicts to check.`) } setMergedData(combined) setMergeConflicts(conflicts) onMergedData(combined) } catch (error) { console.error("Error merging data:", error) } } return (

} />

{mergeConflicts.length > 0 && ( Merge Conflicts Detected:

• {conflict}

)}

Combined Spreadsheet Preview

Merged data from both Mail Agent and Mail System sources

{combinedSpreadsheetData.map((record, index) => ( ))}

Inb.Flight Date	Outb.Flight Date	Rec. ID	Des. No.	Rec. Numb.	Orig. OE	Dest. OE	Inb. Flight No.	Outb. Flight No.	Mail Cat.	Mail Class	Total kg	Invoice	Customer	Source
{record.inbFlightDate}	{record.outbFlightDate}	{record.recId}	{record.desNo}	{record.recNumb}	{record.origOE}	{record.destOE}	{record.inbFlightNo}	{record.outbFlightNo}	{record.mailCat}	{record.mailClass}	{record.totalKg}	{record.invoiceExtend}	{record.customer}	{record.source}

Combined data showing records from both Mail Agent and Mail System sources with source identification

) } [V0_FILE]typescriptreact:file="components/import-mail-agent.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Upload, FileText, Loader2, AlertTriangle, CheckCircle, Shuffle, FileUp } from "lucide-react" import { cn } from "@/lib/utils" import { processFile } from "@/lib/file-processor" import type { ProcessedData } from "@/types/cargo-data" import { ColumnMapping } from "./column-mapping" import { PageHeader } from "./page-header" import { TrackingManagement } from "./tracking-management" import { ReviewFileInterface } from "./review-file-interface" interface ImportMailAgentProps { onDataProcessed: (data: ProcessedData | null) => void activeSubStep?: string } const DEMO_EXAMPLES = [ { name: "Etihad Cargo Mail Agent - July 2025.xlsx", size: 2.4, data: { data: [ { "Inb.Flight Date": "2025 JUL 15", "Outb.Flight Date": "2025 JUL 16", "Rec. ID": "AUHLHRUSRIXTA7C50708003700079", "Des. No.": "50708", "Rec. Numb.": "003", "Orig. OE": "AUHLHR", "Dest. OE": "USRIXT", "Inb. Flight No.": "EY234", "Outb. Flight No.": "EY633", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "7.9", Invoice: "Airmail", "Customer name / number": "Etihad Mail Services / EMS14", }, { "Inb.Flight Date": "2025 JUL 08", "Outb.Flight Date": "2025 JUL 09", "Rec. ID": "AUHLHRUSRIXTA7C50705002700062", "Des. No.": "50705", "Rec. Numb.": "002", "Orig. OE": "AUHLHR", "Dest. OE": "USRIXT", "Inb. Flight No.": "EY234", "Outb. Flight No.": "EY445", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "6.2", Invoice: "Airmail", "Customer name / number": "Etihad Mail Services / EMS14", }, ], summary: { totalRecords: 25, totalWeight: 156.8, total: 2847.5, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, { name: "Middle East Routes - August 2025.xlsx", size: 3.1, data: { data: [ { "Inb.Flight Date": "2025 AUG 12", "Outb.Flight Date": "2025 AUG 13", "Rec. ID": "AUHDOHFRANKTA8C60812004500123", "Des. No.": "60812", "Rec. Numb.": "004", "Orig. OE": "AUHDOH", "Dest. OE": "FRANK", "Inb. Flight No.": "EY445", "Outb. Flight No.": "EY778", "Mail Cat.": "B", "Mail Class": "8C", "Total kg": "12.4", Invoice: "Express", "Customer name / number": "Gulf Express / GEX901", }, ], summary: { totalRecords: 18, totalWeight: 234.6, total: 4125.75, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, { name: "Etihad Mail System - September 2025.xlsx", size: 1.8, data: { data: [ { "Inb.Flight Date": "2025 SEP 05", "Outb.Flight Date": "2025 SEP 06", "Rec. ID": "AUHBOMDELITA9C70905001200089", "Des. No.": "70905", "Rec. Numb.": "001", "Orig. OE": "AUHBOM", "Dest. OE": "DELI", "Inb. Flight No.": "EY667", "Outb. Flight No.": "EY889", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "8.7", Invoice: "Standard", "Customer name / number": "Asian Post / AP2025", }, ], summary: { totalRecords: 32, totalWeight: 287.3, total: 3456.8, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, ] export function ImportMailAgent({ onDataProcessed, activeSubStep }: ImportMailAgentProps) { const [uploadedFile, setUploadedFile] = useState(null) const [isProcessing, setIsProcessing] = useState(false) const [processedData, setProcessedData] = useState(null) const [isDragOver, setIsDragOver] = useState(false) const [error, setError] = useState(null) const [showColumnMapping, setShowColumnMapping] = useState(false) const [excelColumns, setExcelColumns] = useState([]) const [sampleData, setSampleData] = useState>({}) const handleDragOver = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(true) } const handleDragLeave = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(false) } const handleDrop = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(false) const files = Array.from(e.dataTransfer.files) if (files.length > 0) { setUploadedFile(files[0]) } } const handleFileSelect = (e: React.ChangeEvent) => { if (e.target.files && e.target.files[0]) { setUploadedFile(e.target.files[0]) } } const handleProcess = async () => { if (!uploadedFile) return setIsProcessing(true) setError(null) try { const result = await processFile(uploadedFile, "mail-agent") if (result.success && result.data) { const columns = Object.keys(result.data.data[0] || {}) const samples: Record = {} columns.forEach((col) => { samples[col] = result.data!.data.slice(0, 3).map((row) => String(row[col] || "")) }) setExcelColumns(columns) setSampleData(samples) setShowColumnMapping(true) setProcessedData(result.data) } else { setError(result.error || "Processing failed") } } catch (err) { setError(err instanceof Error ? err.message : "Processing failed") } finally { setIsProcessing(false) } } const handleMappingComplete = (mappings: any[]) => { setShowColumnMapping(false) onDataProcessed(processedData) } const removeFile = () => { setUploadedFile(null) setProcessedData(null) setError(null) setShowColumnMapping(false) setExcelColumns([]) setSampleData({}) onDataProcessed(null) } const loadRandomExample = () => { const randomExample = DEMO_EXAMPLES[Math.floor(Math.random() * DEMO_EXAMPLES.length)] // Create a mock file object const mockFile = new File([""], randomExample.name, { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }) Object.defineProperty(mockFile, "size", { value: randomExample.size * 1024 * 1024 }) setUploadedFile(mockFile) // Simulate processing delay setIsProcessing(true) setTimeout(() => { const columns = Object.keys(randomExample.data.data[0] || {}) const samples: Record = {} columns.forEach((col) => { samples[col] = randomExample.data.data.slice(0, 3).map((row) => String(row[col] || "")) }) setExcelColumns(columns) setSampleData(samples) setProcessedData(randomExample.data as ProcessedData) setShowColumnMapping(true) setIsProcessing(false) }, 1500) } if (activeSubStep === "send-file") { return } if (activeSubStep === "review-file") { return } if (showColumnMapping) { return (

} />

) } return (

} />

Upload File

Upload your Excel file. The system will verify and assess each row of data.

{/* Upload Area */}

Click to upload or drag and drop

.xlsx, .xls - Maximum file size 50 MB

{/* Uploaded File */} {uploadedFile && (

{uploadedFile.name}

{(uploadedFile.size / 1024 / 1024).toFixed(2)} MB

{error && (

{error}

)}

)} {/* Processing Results */} {processedData && ( Data Verification Complete {/* Summary Stats */}

Total Records

{processedData.summary.totalRecords}

Total Weight

{processedData.summary.totalWeight} kg

Missing Data

{processedData.summary.missingData.incompleteRecords}

Total Value

€{processedData.summary.total.toFixed(2)}

{/* Warnings and Missing Fields */} {(processedData.warnings.length > 0 || processedData.missingFields.length > 0) && (

{processedData.warnings.map((warning, index) => (

{warning}

))} {processedData.missingFields.map((field, index) => (

{field}

))}

)}

) } [V0_FILE]typescriptreact:file="components/secondary-navigation.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" interface SecondaryNavigationProps { activeStep: string activeSubStep: string onSubStepChange: (subStep: string) => void } export function SecondaryNavigation({ activeStep, activeSubStep, onSubStepChange }: SecondaryNavigationProps) { const getSubSteps = (step: string) => { switch (step) { case "import-mail-agent": return [ { id: "upload", label: "Upload" }, { id: "review-file", label: "Review File" }, { id: "send-file", label: "Send File" }, ] default: return [] } } const subSteps = getSubSteps(activeStep) if (subSteps.length === 0) return null return (

{subSteps.map((subStep) => { const isActive = activeSubStep === subStep.id return ( ) })}

) } [V0_FILE]typescriptreact:file="components/mail-processing-dashboard.tsx" isMerged="true" "use client" import { useState } from "react" import { TrackShipment } from "@/components/track-shipment" import { SpecialLoadsRequest } from "@/components/special-loads-request" import { WorkflowNavigation } from "@/components/workflow-navigation" export function MailProcessingDashboard() { const [currentView, setCurrentView] = useState<"track" | "slr">("track") return (

setCurrentView("track")} onNavigateToSLR={() => setCurrentView("slr")} />

{currentView === "track" ? : }

) } [V0_FILE]typescriptreact:file="components/export-modal.tsx" isMerged="true" "use client" import { useState } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Switch } from "@/components/ui/switch" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Download, FileText, BarChart3, Users, MapPin, Calendar, Receipt } from "lucide-react" import type { ProcessedData } from "@/types/cargo-data" import type { ExportOptions } from "@/lib/export-utils" import { prepareReportData, generateCSV, generateBillingExcel, downloadFile, generateFilename, generateBillingFilename, } from "@/lib/export-utils" interface ExportModalProps { data: ProcessedData onExport?: () => void } export function ExportModal({ data, onExport }: ExportModalProps) { const [isOpen, setIsOpen] = useState(false) const [isExporting, setIsExporting] = useState(false) const [options, setOptions] = useState({ format: "csv", includeAnalysis: true, groupBy: "none", includeCharts: false, customFields: [], }) const handleExport = async () => { setIsExporting(true) try { // Prepare report data const reportData = prepareReportData(data, options) // Generate content based on format let content: string let mimeType: string switch (options.format) { case "csv": content = generateCSV(reportData, options) mimeType = "text/csv;charset=utf-8;" break case "excel": // For now, export as CSV with Excel-compatible format content = generateCSV(reportData, options) mimeType = "application/vnd.ms-excel" break case "pdf": // PDF generation would require additional libraries content = generateCSV(reportData, options) mimeType = "text/csv;charset=utf-8;" break default: throw new Error("Unsupported export format") } // Generate filename and download const filename = generateFilename(options, options.groupBy) downloadFile(content, filename, mimeType) // Close modal and notify parent setIsOpen(false) onExport?.() } catch (error) { console.error("Export failed:", error) alert("Export failed. Please try again.") } finally { setIsExporting(false) } } const handleBillingExport = async () => { setIsExporting(true) try { // Prepare report data with customer grouping for billing const billingOptions: ExportOptions = { ...options, groupBy: "customer", includeAnalysis: false, format: "excel", } const reportData = prepareReportData(data, billingOptions) const content = generateBillingExcel(reportData, billingOptions) const filename = generateBillingFilename() downloadFile(content, filename, "application/vnd.ms-excel") // Close modal and notify parent setIsOpen(false) onExport?.() } catch (error) { console.error("Billing export failed:", error) alert("Billing export failed. Please try again.") } finally { setIsExporting(false) } } const handleOptionChange = (key: K, value: ExportOptions[K]) => { setOptions((prev) => ({ ...prev, [key]: value })) } const getGroupByIcon = (groupBy: string) => { switch (groupBy) { case "customer": return case "route": return case "date": return default: return } } const getFormatDescription = (format: string) => { switch (format) { case "csv": return "Comma-separated values, compatible with Excel and other spreadsheet applications" case "excel": return "Microsoft Excel format with formatting and multiple sheets" case "pdf": return "Portable Document Format, ideal for sharing and printing" default: return "" } } return ( ) } [V0_FILE]typescriptreact:file="components/review-customers.tsx" isMerged="true" "use client" import type { ProcessedData } from "@/types/cargo-data" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Switch } from "@/components/ui/switch" import { Search, Users, Package, TrendingUp, Plus, X, Settings, Play } from "lucide-react" import { useState, useMemo } from "react" import { PageHeader } from "./page-header" interface FilterCondition { id: string field: "office_of_exchange" | "flight_number" operator: "is" | "is_not" value: string customer?: string enabled?: boolean // Added enabled property for execute rules toggle } interface ReviewCustomersProps { data: ProcessedData | null savedPriorityConditions?: FilterCondition[] onSavePriorityConditions?: (conditions: FilterCondition[]) => void activeSubStep?: string // Added activeSubStep prop for sub-navigation } const preExistingCustomers = [ { customer: "AirMail Limited / ZZXDA14", totalKg: 245.8, totalEur: 1250.75, parcels: 45, euRevenue: 850.25, nonEuRevenue: 400.5, euParcels: 28, nonEuParcels: 17, routes: new Set(["USFRAT → USRIXT", "USFRAT → USROMT", "USFRAT → USVNOT"]), officeOfExchange: ["DKCPHA", "USFRAT", "GBLON"], flightNumbers: ["BT234", "BT633", "BT341"], }, { customer: "Latvia Post", totalKg: 189.3, totalEur: 945.2, parcels: 32, euRevenue: 945.2, nonEuRevenue: 0, euParcels: 32, nonEuParcels: 0, routes: new Set(["LVRIX → DKCPH", "LVRIX → GBLON"]), officeOfExchange: ["LVRIX", "DKCPH"], flightNumbers: ["LV123", "LV456"], }, { customer: "Estonia Post", totalKg: 156.7, totalEur: 780.35, parcels: 28, euRevenue: 780.35, nonEuRevenue: 0, euParcels: 28, nonEuParcels: 0, routes: new Set(["EETLL → DKCPH", "EETLL → GBLON"]), officeOfExchange: ["EETLL", "DKCPH"], flightNumbers: ["EE789", "EE012"], }, { customer: "Lithuania Post", totalKg: 203.4, totalEur: 1015.6, parcels: 38, euRevenue: 1015.6, nonEuRevenue: 0, euParcels: 38, nonEuParcels: 0, routes: new Set(["LTVNO → DKCPH", "LTVNO → GBLON"]), officeOfExchange: ["LTVNO", "DKCPH"], flightNumbers: ["LT345", "LT678"], }, { customer: "Nordic Express", totalKg: 312.9, totalEur: 1564.5, parcels: 52, euRevenue: 1100.15, nonEuRevenue: 464.35, euParcels: 35, nonEuParcels: 17, routes: new Set(["DKCPH → GBLON", "DKCPH → USFRAT", "DKCPH → CAYVR"]), officeOfExchange: ["DKCPH", "GBLON", "USFRAT"], flightNumbers: ["NK901", "NK902", "NK903"], }, ] export function ReviewCustomers({ data, savedPriorityConditions = [], onSavePriorityConditions, activeSubStep = "configure-rules", // Default to configure-rules sub-step }: ReviewCustomersProps) { const [selectedCustomer, setSelectedCustomer] = useState("all") const [searchTerm, setSearchTerm] = useState("") const [sortBy, setSortBy] = useState<"revenue" | "weight" | "parcels">("revenue") const [activeTab, setActiveTab] = useState<"configure-rules" | "execute-rules">("configure-rules") // Added tab state const [filterConditions, setFilterConditions] = useState([]) const [showAddFilter, setShowAddFilter] = useState(false) const [isSaving, setIsSaving] = useState(false) const [saveMessage, setSaveMessage] = useState("") const [savedAssociations, setSavedAssociations] = useState< Array<{ id: string field: "office_of_exchange" | "flight_number" value: string customer: string createdAt: Date enabled: boolean }> >([ { id: "rule-001", field: "flight_number", value: "BT234", customer: "AirMail Limited / ZZXDA14", createdAt: new Date("2025-01-15T10:30:00"), enabled: true, }, { id: "rule-002", field: "office_of_exchange", value: "LVRIX", customer: "Latvia Post", createdAt: new Date("2025-01-15T11:15:00"), enabled: true, }, { id: "rule-003", field: "flight_number", value: "BT633", customer: "Nordic Express", createdAt: new Date("2025-01-15T12:00:00"), enabled: false, }, { id: "rule-004", field: "office_of_exchange", value: "EETLL", customer: "Estonia Post", createdAt: new Date("2025-01-15T13:45:00"), enabled: true, }, { id: "rule-005", field: "flight_number", value: "BT341", customer: "AirMail Limited / ZZXDA14", createdAt: new Date("2025-01-15T14:20:00"), enabled: true, }, { id: "rule-006", field: "office_of_exchange", value: "LTVNO", customer: "Lithuania Post", createdAt: new Date("2025-01-15T15:10:00"), enabled: false, }, ]) const toggleRuleEnabled = (id: string) => { setSavedAssociations((prev) => prev.map((association) => association.id === id ? { ...association, enabled: !association.enabled } : association, ), ) } const addFilterCondition = (field: "office_of_exchange" | "flight_number") => { const newCondition: FilterCondition = { id: Date.now().toString(), field, operator: "is", value: "", customer: "", enabled: true, // Default new conditions to enabled } setFilterConditions([...filterConditions, newCondition]) setShowAddFilter(false) } const removeFilterCondition = (id: string) => { setFilterConditions(filterConditions.filter((condition) => condition.id !== id)) } const saveAssociation = (field: "office_of_exchange" | "flight_number", value: string, customer: string) => { const newAssociation = { id: Date.now().toString(), field, value, customer, createdAt: new Date(), enabled: true, // Default new associations to enabled } setSavedAssociations((prev) => [...prev, newAssociation]) } const updateFilterCondition = (id: string, updates: Partial) => { setFilterConditions( filterConditions.map((condition) => { if (condition.id === id) { const updatedCondition = { ...condition, ...updates } // Save association when both value and customer are set if (updatedCondition.value && updatedCondition.customer && updates.customer) { saveAssociation(updatedCondition.field, updatedCondition.value, updatedCondition.customer) } return updatedCondition } return condition }), ) } const saveConditions = async () => { setIsSaving(true) setSaveMessage("") setTimeout(() => { if (onSavePriorityConditions) { onSavePriorityConditions([...filterConditions]) } setSaveMessage( `Successfully saved ${filterConditions.length} condition${filterConditions.length !== 1 ? "s" : ""}`, ) setIsSaving(false) setTimeout(() => setSaveMessage(""), 3000) }, 1000) } const customers = useMemo(() => { if (data) { const uniqueCustomers = [...new Set(data.data.map((record) => record.customer || "Unknown"))] return uniqueCustomers.sort() } // Use pre-existing customers when no import data return preExistingCustomers.map((c) => c.customer).sort() }, [data]) const customerAnalysis = useMemo(() => { if (data) { const analysis = data.data.reduce( (acc, record) => { const customer = record.customer || "Unknown" if (!acc[customer]) { acc[customer] = { customer, totalKg: 0, totalEur: 0, parcels: 0, euRevenue: 0, nonEuRevenue: 0, euParcels: 0, nonEuParcels: 0, routes: new Set(), } } acc[customer].totalKg += record.totalKg acc[customer].totalEur += record.totalEur || 0 acc[customer].parcels += 1 const route = `${record.origOE} → ${record.destOE}` acc[customer].routes.add(route) if (record.euromail === "EU") { acc[customer].euRevenue += record.totalEur || 0 acc[customer].euParcels += 1 } else { acc[customer].nonEuRevenue += record.totalEur || 0 acc[customer].nonEuParcels += 1 } return acc }, {} as Record< string, { customer: string totalKg: number totalEur: number parcels: number euRevenue: number nonEuRevenue: number euParcels: number nonEuParcels: number routes: Set } >, ) return Object.values(analysis) .filter((customer) => customer.customer.toLowerCase().includes(searchTerm.toLowerCase())) .sort((a, b) => { switch (sortBy) { case "weight": return b.totalKg - a.totalKg case "parcels": return b.parcels - a.parcels default: return b.totalEur - a.totalEur } }) } // Use pre-existing customers when no import data return preExistingCustomers .filter((customer) => customer.customer.toLowerCase().includes(searchTerm.toLowerCase())) .sort((a, b) => { switch (sortBy) { case "weight": return b.totalKg - a.totalKg case "parcels": return b.parcels - a.parcels default: return b.totalEur - a.totalEur } }) }, [data, searchTerm, sortBy]) const selectedCustomerData = useMemo(() => { if (selectedCustomer === "all" || !data) return null return customerAnalysis.find((c) => c.customer === selectedCustomer) }, [customerAnalysis, selectedCustomer, data]) const selectedCustomerRecords = useMemo(() => { if (selectedCustomer === "all" || !data) return [] return data.data.filter((record) => (record.customer || "Unknown") === selectedCustomer) }, [data, selectedCustomer]) const hasAnyData = data || preExistingCustomers.length > 0 if (!hasAnyData) { return (

} />

No customer data available.

) } return (

} />

{activeTab === "configure-rules" && ( Configure Rules

Set conditions in order of priority to filter customer data and create associations

{filterConditions.map((condition, index) => (

Where

updateFilterCondition(condition.id, { value: e.target.value })} placeholder={condition.field === "office_of_exchange" ? "DKCPHA" : "BT234"} className="border-none p-0 h-auto text-black font-medium bg-transparent" />

Customer:

updateFilterCondition(condition.id, { customer: e.target.value })} placeholder="Enter customer name..." className="bg-white border-gray-300 text-black w-48" onPaste={(e) => { setTimeout(() => { const pastedValue = e.currentTarget.value if (pastedValue && condition.value) { saveAssociation(condition.field, condition.value, pastedValue) } }, 100) }} />

))}

{showAddFilter && (

More filters coming soon...

)}

{/* Click outside to close dropdown */} {showAddFilter &&

setShowAddFilter(false)} />}

{filterConditions.length > 0 && ( )}

{filterConditions.length > 0 && (

Example Results Preview

{filterConditions.map((condition, index) => (

• Priority {index + 1}: {condition.field} {condition.operator} "{condition.value}" {condition.customer && ` for customer "${condition.customer}"`} {condition.customer && !customers.includes(condition.customer) && ( Custom Entry )}

))}

• Estimated matches: {Math.floor(Math.random() * 50) + 10} records

• Affected customers: {Math.floor(Math.random() * 5) + 1}

• Total weight: {(Math.random() * 200 + 50).toFixed(1)} kg | Total value: € {(Math.random() * 5000 + 1000).toFixed(2)}

)} {saveMessage && (

{saveMessage}

)} {savedPriorityConditions.length > 0 && (

Currently Active Conditions

{savedPriorityConditions.map((condition, index) => (

Active Priority {index + 1}: {condition.field} {condition.operator} "{condition.value}" {condition.customer && ({condition.customer})}

))}

)} )} {activeTab === "execute-rules" && ( Execute Rules

Toggle rules on/off and execute customer assignment based on configured conditions

{savedAssociations.length === 0 ? (

No rules configured yet

) : (

{savedAssociations.filter((a) => a.enabled).length} of {savedAssociations.length} rules enabled

{savedAssociations.map((association, index) => (

toggleRuleEnabled(association.id)} /> Rule {index + 1}

{association.field.replace("_", " ")} = "{association.value}"

→ Assign to: {association.customer}

{association.enabled ? "Enabled" : "Disabled"}

{association.createdAt.toLocaleDateString()}

))}

)} )}

Search Customers

setSearchTerm(e.target.value)} className="pl-10 bg-white border-gray-300 text-black" />

Sort By Select Customer

{selectedCustomerData && ( {selectedCustomerData.customer} - Detailed Analysis

{selectedCustomerData.parcels}

Total Parcels

{selectedCustomerData.totalKg.toFixed(1)} kg

Total Weight

€{selectedCustomerData.euRevenue.toFixed(2)}

EU Revenue

€{selectedCustomerData.nonEuRevenue.toFixed(2)}

Non-EU Revenue

EU vs Non-EU Breakdown

EU Parcels: {selectedCustomerData.euParcels}

Non-EU Parcels: {selectedCustomerData.nonEuParcels}

EU Revenue %: {((selectedCustomerData.euRevenue / selectedCustomerData.totalEur) * 100).toFixed(1)}%

Active Routes

{Array.from(selectedCustomerData.routes) .slice(0, 5) .map((route) => (

• {route}

))} {selectedCustomerData.routes.size > 5 && (

... and {selectedCustomerData.routes.size - 5} more routes

)}

)} Customer Performance Overview

Showing {customerAnalysis.length} customers sorted by {sortBy}

{customerAnalysis.slice(0, 10).map((customer, index) => (

{index + 1}

{customer.customer}

{customer.parcels} parcels {customer.totalKg.toFixed(1)} kg {customer.routes.size} routes

€{customer.totalEur.toFixed(2)}

EU: €{customer.euRevenue.toFixed(0)} | Non-EU: €{customer.nonEuRevenue.toFixed(0)}

))}

{customerAnalysis.length > 10 && (

Showing 10 of {customerAnalysis.length} customers

)} {savedAssociations.length > 0 && ( Saved Customer Associations

Customer associations created from filter conditions (including pasted customer names)

{savedAssociations.map((association) => (

Rule {association.id.split("-").pop()}

{association.field.replace("_", " ")} = "{association.value}"

Associated with: {association.customer} {!customers.includes(association.customer) && ( Custom Entry )}

{association.createdAt.toLocaleTimeString()}

))}

)}

) } [V0_FILE]typescriptreact:file="components/assign-customers-execute.tsx" isMerged="true" "use client" import { PageHeader } from "@/components/page-header" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Play, CheckCircle, Users } from "lucide-react" interface AssignCustomersExecuteProps { activeSubStep: string } export function AssignCustomersExecute({ activeSubStep }: AssignCustomersExecuteProps) { if (activeSubStep !== "execute-rules") { return null } return (

Rule Execution

8 Rules Ready

Click "Execute All Rules" to run the customer assignment rules on your imported data. This will automatically assign customers based on the configured priority order.

) } [V0_FILE]typescriptreact:file="components/analysis-dashboard.tsx" isMerged="true" "use client" import type { ProcessedData } from "@/types/cargo-data" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, PieChart, Pie, Cell } from "recharts" import { useState, useMemo } from "react" interface AnalysisDashboardProps { data: ProcessedData } export function AnalysisDashboard({ data }: AnalysisDashboardProps) { const [selectedCustomer, setSelectedCustomer] = useState("all") const [selectedRoute, setSelectedRoute] = useState("all") // Get unique customers and routes const customers = useMemo(() => { const uniqueCustomers = [...new Set(data.data.map((record) => record.customer || "Unknown"))] return uniqueCustomers.sort() }, [data.data]) const routes = useMemo(() => { const uniqueRoutes = [...new Set(data.data.map((record) => `${record.origOE} → ${record.destOE}`))] return uniqueRoutes.sort() }, [data.data]) // Filter data based on selections const filteredData = useMemo(() => { return data.data.filter((record) => { const customerMatch = selectedCustomer === "all" || (record.customer || "Unknown") === selectedCustomer const routeMatch = selectedRoute === "all" || `${record.origOE} → ${record.destOE}` === selectedRoute return customerMatch && routeMatch }) }, [data.data, selectedCustomer, selectedRoute]) const routeAnalysis = useMemo(() => { const analysis = filteredData.reduce( (acc, record) => { const route = `${record.origOE} → ${record.destOE}` if (!acc[route]) { acc[route] = { route, totalKg: 0, totalEur: 0, count: 0, parcels: 0 } } acc[route].totalKg += record.totalKg acc[route].totalEur += record.totalEur || 0 acc[route].count += 1 acc[route].parcels += 1 // Each record represents a parcel return acc }, {} as Record, ) return Object.values(analysis).sort((a, b) => b.totalKg - a.totalKg) }, [filteredData]) const routeData = selectedRoute !== "all" ? routeAnalysis : routeAnalysis.slice(0, 8) const customerAnalysis = useMemo(() => { const analysis = filteredData.reduce( (acc, record) => { const customer = record.customer || "Unknown" if (!acc[customer]) { acc[customer] = { customer, totalKg: 0, totalEur: 0, count: 0, parcels: 0, euRevenue: 0, nonEuRevenue: 0, } } acc[customer].totalKg += record.totalKg acc[customer].totalEur += record.totalEur || 0 acc[customer].count += 1 acc[customer].parcels += 1 if (record.euromail === "EU") { acc[customer].euRevenue += record.totalEur || 0 } else { acc[customer].nonEuRevenue += record.totalEur || 0 } return acc }, {} as Record< string, { customer: string totalKg: number totalEur: number count: number parcels: number euRevenue: number nonEuRevenue: number } >, ) return Object.values(analysis).sort((a, b) => b.totalEur - a.totalEur) }, [filteredData]) const customerData = customerAnalysis.slice(0, 6) const euBreakdown = useMemo(() => { if (selectedCustomer !== "all") { const customerStats = customerAnalysis.find((c) => c.customer === selectedCustomer) if (customerStats) { return [ { name: "EU", value: customerStats.euRevenue, color: "hsl(var(--primary))" }, { name: "Non-EU", value: customerStats.nonEuRevenue, color: "hsl(var(--muted-foreground))" }, ] } } const euTotal = filteredData .filter((record) => record.euromail === "EU") .reduce((sum, record) => sum + (record.totalEur || 0), 0) const nonEuTotal = filteredData .filter((record) => record.euromail !== "EU") .reduce((sum, record) => sum + (record.totalEur || 0), 0) return [ { name: "EU", value: euTotal, color: "hsl(var(--primary))" }, { name: "Non-EU", value: nonEuTotal, color: "hsl(var(--muted-foreground))" }, ] }, [filteredData, selectedCustomer, customerAnalysis]) const filteredSummary = useMemo(() => { const totalRecords = filteredData.length const totalKg = filteredData.reduce((sum, record) => sum + record.totalKg, 0) const totalParcels = filteredData.length // Each record is a parcel const totalRevenue = filteredData.reduce((sum, record) => sum + (record.totalEur || 0), 0) return { totalRecords, totalKg, totalParcels, totalRevenue } }, [filteredData]) return (

Select Customer Select Route

{filteredSummary.totalParcels}

Total Parcels

{filteredSummary.totalKg.toFixed(1)} kg

Total Weight

€{filteredSummary.totalRevenue.toFixed(2)}

Total Revenue

{routeAnalysis.length}

Active Routes

{selectedRoute !== "all" ? `Route Volume: ${selectedRoute}` : "Route Volume Analysis"} [ name === "totalKg" ? `${value.toFixed(1)} kg` : name === "parcels" ? `${value} parcels` : `€${value.toFixed(2)}`, name === "totalKg" ? "Weight" : name === "parcels" ? "Parcels" : "Revenue", ]} /> {selectedCustomer !== "all" ? `${selectedCustomer} - EU vs Non-EU Revenue` : "EU vs Non-EU Revenue"} `${name}: €${value.toFixed(0)} (${(percent * 100).toFixed(1)}%)`} outerRadius={80} fill="#8884d8" dataKey="value" > {euBreakdown.map((entry, index) => ( ))} [`€${value.toFixed(2)}`, "Revenue"]} />

Customer Analysis

{customerData.map((customer, index) => (

{index + 1}

{customer.customer}

{customer.parcels} parcels • {customer.totalKg.toFixed(1)} kg

€{customer.totalEur.toFixed(2)}

EU: €{customer.euRevenue.toFixed(0)} | Non-EU: €{customer.nonEuRevenue.toFixed(0)}

))}

Sector Analysis

{Object.entries( data.data.reduce( (acc, record) => { const sector = record.sector || "Unknown" if (!acc[sector]) { acc[sector] = { totalKg: 0, totalEur: 0, count: 0 } } acc[sector].totalKg += record.totalKg acc[sector].totalEur += record.totalEur || 0 acc[sector].count += 1 return acc }, {} as Record, ), ) .slice(0, 6) .map(([sector, stats]) => (

{sector}

Records: {stats.count}

Weight: {stats.totalKg.toFixed(1)} kg

Revenue: €{stats.totalEur.toFixed(2)}

))}

) } [V0_FILE]typescriptreact:file="components/review-invoice.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Download, FileText, Search, Plus, Edit, Trash2, Receipt } from "lucide-react" import type { ProcessedData } from "@/types/cargo-data" import { PageHeader } from "./page-header" interface ReviewInvoiceProps { data?: ProcessedData | null } interface InvoiceItem { id: string description: string route: string weight: number rate: number amount: number customer: string } export function ReviewInvoice({ data }: ReviewInvoiceProps) { const [selectedCustomer, setSelectedCustomer] = useState("") const [invoiceNumber, setInvoiceNumber] = useState("INV-2025-001") const [invoiceDate, setInvoiceDate] = useState("2025-09-02") const [searchTerm, setSearchTerm] = useState("") // Sample invoice data for demonstration const sampleInvoiceItems: InvoiceItem[] = [ { id: "1", description: "Mail Transport Service - Priority", route: "USFRAT → USRIXT", weight: 45.2, rate: 5.5, amount: 248.6, customer: "AirMail Limited", }, { id: "2", description: "Mail Transport Service - Standard", route: "USFRAT → USROMT", weight: 32.8, rate: 4.75, amount: 155.8, customer: "AirMail Limited", }, { id: "3", description: "Mail Transport Service - Express", route: "USFRAT → USVNOT", weight: 28.5, rate: 6.25, amount: 178.13, customer: "Baltic Express", }, { id: "4", description: "Mail Transport Service - Standard", route: "USFRAT → USRIXT", weight: 67.3, rate: 5.5, amount: 370.15, customer: "Nordic Mail Co", }, ] const customers = ["All Customers", "AirMail Limited", "Baltic Express", "Nordic Mail Co"] const filteredItems = sampleInvoiceItems.filter((item) => { const matchesCustomer = selectedCustomer === "" || selectedCustomer === "All Customers" || item.customer === selectedCustomer const matchesSearch = searchTerm === "" || item.description.toLowerCase().includes(searchTerm.toLowerCase()) || item.route.toLowerCase().includes(searchTerm.toLowerCase()) || item.customer.toLowerCase().includes(searchTerm.toLowerCase()) return matchesCustomer && matchesSearch }) const subtotal = filteredItems.reduce((sum, item) => sum + item.amount, 0) const vatRate = 0.21 const vatAmount = subtotal * vatRate const total = subtotal + vatAmount return (

} />

{/* Invoice Header */}

Invoice Management

Generate and export invoices for cargo transport services

{/* Invoice Details */}

Invoice Details

Invoice Number setInvoiceNumber(e.target.value)} className="border-gray-300" />

Invoice Date setInvoiceDate(e.target.value)} className="border-gray-300" />

Customer Filter

Invoice Summary

Items: {filteredItems.length}

Total Weight: {filteredItems.reduce((sum, item) => sum + item.weight, 0).toFixed(1)} kg

Subtotal: €{subtotal.toFixed(2)}

VAT (21%): €{vatAmount.toFixed(2)}

Total: €{total.toFixed(2)}

Quick Actions

{/* Search and Filters */}

Invoice Line Items

setSearchTerm(e.target.value)} className="pl-10 border-gray-300" />

{filteredItems.map((item, index) => ( ))}

Description	Route	Customer	Weight (kg)	Rate (€/kg)	Amount (€)	Actions
{item.description}	{item.route}	{item.customer}	{item.weight.toFixed(1)}	{item.rate.toFixed(2)}	€{item.amount.toFixed(2)}

) } [V0_FILE]typescriptreact:file="components/import-mail-system.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Upload, FileText, Loader2, AlertTriangle, CheckCircle, Shuffle, FileUp } from "lucide-react" import { cn } from "@/lib/utils" import { processFile } from "@/lib/file-processor" import type { ProcessedData } from "@/types/cargo-data" import { PageHeader } from "./page-header" import { TrackingManagement } from "./tracking-management" interface ImportMailSystemProps { onDataProcessed: (data: ProcessedData | null) => void activeSubStep?: string } const DEMO_EXAMPLES = [ { name: "Etihad Cargo Mail System - July 2025.xlsx", size: 2.8, data: { data: [ { "Inb.Flight Date": "2025 JUL 20", "Outb.Flight Date": "2025 JUL 21", "Rec. ID": "AUHCPHAUSRIXTA7C50720005800145", "Des. No.": "50720", "Rec. Numb.": "005", "Orig. OE": "AUHCPHA", "Dest. OE": "USRIXT", "Inb. Flight No.": "EY556", "Outb. Flight No.": "EY789", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "9.3", Invoice: "Airmail", "Customer name / number": "Etihad Cargo Services / ECS456", }, { "Inb.Flight Date": "2025 JUL 18", "Outb.Flight Date": "2025 JUL 19", "Rec. ID": "AUHCPHAUSRIXTA7C50718003200098", "Des. No.": "50718", "Rec. Numb.": "003", "Orig. OE": "AUHCPHA", "Dest. OE": "USRIXT", "Inb. Flight No.": "EY556", "Outb. Flight No.": "EY334", "Mail Cat.": "B", "Mail Class": "8C", "Total kg": "12.7", Invoice: "Express", "Customer name / number": "Etihad Cargo Services / ECS456", }, ], summary: { totalRecords: 28, totalWeight: 198.4, total: 3245.8, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, { name: "Middle East Routes - August 2025.xlsx", size: 3.5, data: { data: [ { "Inb.Flight Date": "2025 AUG 15", "Outb.Flight Date": "2025 AUG 16", "Rec. ID": "AUHDOHKWITA8C60815007200234", "Des. No.": "60815", "Rec. Numb.": "007", "Orig. OE": "AUHDOH", "Dest. OE": "KWIT", "Inb. Flight No.": "EY667", "Outb. Flight No.": "EY890", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "15.2", Invoice: "Standard", "Customer name / number": "Gulf Mail Services / GMS789", }, ], summary: { totalRecords: 22, totalWeight: 267.9, total: 4567.25, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, { name: "Etihad System Data - September 2025.xlsx", size: 2.1, data: { data: [ { "Inb.Flight Date": "2025 SEP 10", "Outb.Flight Date": "2025 SEP 11", "Rec. ID": "AUHLHRDXBTA9C70910002400067", "Des. No.": "70910", "Rec. Numb.": "002", "Orig. OE": "AUHLHR", "Dest. OE": "DXB", "Inb. Flight No.": "EY445", "Outb. Flight No.": "EY223", "Mail Cat.": "A", "Mail Class": "7C", "Total kg": "6.8", Invoice: "Airmail", "Customer name / number": "Emirates Express / EE2025", }, ], summary: { totalRecords: 35, totalWeight: 312.6, total: 3789.4, missingData: { incompleteRecords: 0 }, }, warnings: [], missingFields: [], }, }, ] export function ImportMailSystem({ onDataProcessed, activeSubStep }: ImportMailSystemProps) { const [uploadedFile, setUploadedFile] = useState(null) const [isProcessing, setIsProcessing] = useState(false) const [processedData, setProcessedData] = useState(null) const [isDragOver, setIsDragOver] = useState(false) const [error, setError] = useState(null) const handleDragOver = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(true) } const handleDragLeave = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(false) } const handleDrop = (e: React.DragEvent) => { e.preventDefault() setIsDragOver(false) const files = Array.from(e.dataTransfer.files) if (files.length > 0) { setUploadedFile(files[0]) } } const handleFileSelect = (e: React.ChangeEvent) => { if (e.target.files && e.target.files[0]) { setUploadedFile(e.target.files[0]) } } const handleProcess = async () => { if (!uploadedFile) return setIsProcessing(true) setError(null) try { const result = await processFile(uploadedFile, "mail-system") if (result.success && result.data) { setProcessedData(result.data) onDataProcessed(result.data) } else { setError(result.error || "Processing failed") } } catch (err) { setError(err instanceof Error ? err.message : "Processing failed") } finally { setIsProcessing(false) } } const removeFile = () => { setUploadedFile(null) setProcessedData(null) setError(null) onDataProcessed(null) } const loadRandomExample = () => { const randomExample = DEMO_EXAMPLES[Math.floor(Math.random() * DEMO_EXAMPLES.length)] // Create a mock file object const mockFile = new File([""], randomExample.name, { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }) Object.defineProperty(mockFile, "size", { value: randomExample.size * 1024 * 1024 }) setUploadedFile(mockFile) // Simulate processing delay setIsProcessing(true) setTimeout(() => { setProcessedData(randomExample.data as ProcessedData) onDataProcessed(randomExample.data as ProcessedData) setIsProcessing(false) }, 1500) } if (activeSubStep === "review-file") { return } return (

} />

Upload Mail System File

Upload your mail system Excel file. The system will verify and assess each row of data.

{/* Upload Area */}

Click to upload or drag and drop

.xlsx, .xls - Maximum file size 50 MB

{/* Uploaded File */} {uploadedFile && (

{uploadedFile.name}

{(uploadedFile.size / 1024 / 1024).toFixed(2)} MB

{error && (

{error}

)}

)} {/* Processing Results */} {processedData && ( Data Verification Complete {/* Summary Stats */}

Total Records

{processedData.summary.totalRecords}

Total Weight

{processedData.summary.totalWeight} kg

Missing Data

{processedData.summary.missingData.incompleteRecords}

Total Value

€{processedData.summary.total.toFixed(2)}

{/* Warnings and Missing Fields */} {(processedData.warnings.length > 0 || processedData.missingFields.length > 0) && (

{processedData.warnings.map((warning, index) => (

{warning}

))} {processedData.missingFields.map((field, index) => (

{field}

))}

)}

) } [V0_FILE]typescriptreact:file="components/page-header.tsx" isMerged="true" "use client" import type React from "react" interface PageHeaderProps { title: string description: string icon?: React.ReactNode } export function PageHeader({ title, description, icon }: PageHeaderProps) { return (

{icon &&

{icon}

}

{title}

{description}

) } [V0_FILE]typescriptreact:file="components/tracking-management.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Checkbox } from "@/components/ui/checkbox" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Download, ChevronLeft, ChevronRight } from "lucide-react" import { PageHeader } from "./page-header" interface TrackingData { id: string trackingNumber: string mawbId: string date: string shipmentDetails: { pieceId: string deviceId: string origin: string destination: string lastLocation: string status: string } flightInfo: { flightNumber: string route: string departureTime: string status: string } pieces: { pieceId: string deviceId: string temperature: number pressure: number batteryLevel: number }[] summary: { totalPieces: number totalWeight: number } } const SAMPLE_TRACKING: TrackingData[] = [ { id: "1", trackingNumber: "60724098701-20250917-1", mawbId: "60724098701", date: "2025-08-01", shipmentDetails: { pieceId: "60724098701", deviceId: "wifi_and_cellular", origin: "ORD", destination: "AUH", lastLocation: "O'Hare, Chicago, Jefferson Township, Cook County, Illinois, 60018, USA", status: "Landed", }, flightInfo: { flightNumber: "EY10", route: "ORD → AUH", departureTime: "2025-07-25 13:55:00 CDT", status: "Landed", }, pieces: [ { pieceId: "60724098701-1", deviceId: "wifi_and_cellular", temperature: 16.3, pressure: 2476, batteryLevel: 100 }, { pieceId: "60724098701-2", deviceId: "wifi_and_cellular", temperature: 16.3, pressure: 2476, batteryLevel: 100 }, { pieceId: "60724098701-3", deviceId: "wifi_and_cellular", temperature: 16.3, pressure: 2476, batteryLevel: 100 }, ], summary: { totalPieces: 1, totalWeight: 16.3, }, }, { id: "2", trackingNumber: "60724098690-20250917-17", mawbId: "60724098690", date: "2025-07-28", shipmentDetails: { pieceId: "60724098690", deviceId: "wifi_and_cellular", origin: "ORD", destination: "AUH", lastLocation: "O'Hare, Chicago, Jefferson Township, Cook County, Illinois, 60018, USA", status: "Landed", }, flightInfo: { flightNumber: "EY10", route: "ORD → AUH", departureTime: "2025-07-26 13:55:00 CDT", status: "Landed", }, pieces: [ { pieceId: "60724098690-1", deviceId: "wifi_and_cellular", temperature: 8.6, pressure: 2701, batteryLevel: 100 }, ], summary: { totalPieces: 25, totalWeight: 8.6, }, }, { id: "3", trackingNumber: "60724098653-20250917-25", mawbId: "60724098653", date: "2025-07-25", shipmentDetails: { pieceId: "60724098653", deviceId: "wifi_and_cellular", origin: "ORD", destination: "AUH", lastLocation: "O'Hare, Chicago, Jefferson Township, Cook County, Illinois, 60018, USA", status: "Landed", }, flightInfo: { flightNumber: "EY10", route: "ORD → AUH", departureTime: "2025-07-26 13:55:00 CDT", status: "Landed", }, pieces: [ { pieceId: "60724098653-1", deviceId: "wifi_and_cellular", temperature: 13.8, pressure: 2490, batteryLevel: 100 }, ], summary: { totalPieces: 25, totalWeight: 13.8, }, }, { id: "4", trackingNumber: "60724098712-20250917-1", mawbId: "60724098712", date: "2025-07-24", shipmentDetails: { pieceId: "60724098712", deviceId: "wifi_and_cellular", origin: "ORD", destination: "AUH", lastLocation: "O'Hare, Chicago, Jefferson Township, Cook County, Illinois, 60018, USA", status: "Landed", }, flightInfo: { flightNumber: "EY10", route: "ORD → AUH", departureTime: "2025-07-25 13:55:00 CDT", status: "Landed", }, pieces: [ { pieceId: "60724098712-1", deviceId: "wifi_and_cellular", temperature: 27.8, pressure: 2738, batteryLevel: 100 }, ], summary: { totalPieces: 1, totalWeight: 27.8, }, }, ] export function TrackingManagement() { const [selectedTracking, setSelectedTracking] = useState([]) const [selectedShipment, setSelectedShipment] = useState(SAMPLE_TRACKING[0]) const [entriesPerPage, setEntriesPerPage] = useState("10") const [currentPage, setCurrentPage] = useState(1) const handleTrackingSelect = (trackingId: string, checked: boolean) => { if (checked) { setSelectedTracking([...selectedTracking, trackingId]) } else { setSelectedTracking(selectedTracking.filter((id) => id !== trackingId)) } } const handleTrackingClick = (tracking: TrackingData) => { setSelectedShipment(tracking) } const totalPages = Math.ceil(SAMPLE_TRACKING.length / Number.parseInt(entriesPerPage)) const startEntry = (currentPage - 1) * Number.parseInt(entriesPerPage) + 1 const endEntry = Math.min(currentPage * Number.parseInt(entriesPerPage), SAMPLE_TRACKING.length) return (

} />

{/* Tracking List */} Tracking Management

{/* Tracking Table */}

{SAMPLE_TRACKING.slice(startEntry - 1, endEntry).map((tracking) => ( handleTrackingClick(tracking)} > ))}

Tracking	MAWB ID	Date
handleTrackingSelect(tracking.id, checked as boolean)} onClick={(e) => e.stopPropagation()} /> {tracking.trackingNumber}	{tracking.mawbId}	{tracking.date}

{/* Pagination */}

Show entries

Showing {startEntry} to {endEntry} of {SAMPLE_TRACKING.length} entries

{/* Tracking Preview */} Tracking Preview

TRACKING NO:

{selectedShipment.trackingNumber}

{/* Shipment Details Column */}

SHIPMENT DETAILS:

MAWB ID: {selectedShipment.mawbId}

Device: {selectedShipment.shipmentDetails.deviceId}

Origin: {selectedShipment.shipmentDetails.origin}

Destination: {selectedShipment.shipmentDetails.destination}

Last Location: {selectedShipment.shipmentDetails.lastLocation}

{/* Flight Information Column */}

FLIGHT INFORMATION:

Flight: {selectedShipment.flightInfo.flightNumber}

Route: {selectedShipment.flightInfo.route}

Departure: {selectedShipment.flightInfo.departureTime}

Status: {selectedShipment.flightInfo.status}

{selectedShipment.pieces.map((piece, index) => ( ))}

PIECE ID	DEVICE	TEMP (°C)	PRESSURE	BATTERY (%)
{piece.pieceId}	{piece.deviceId}	{piece.temperature}°C	{piece.pressure} Psi	{piece.batteryLevel}%
TOTAL				{selectedShipment.pieces.length} pieces

) } [V0_FILE]typescriptreact:file="components/assign-customers-configure.tsx" isMerged="true" "use client" import { useState } from "react" import { PageHeader } from "@/components/page-header" import { Card, CardContent, CardHeader } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Switch } from "@/components/ui/switch" import { GripVertical, Copy, Trash2, Info, Users } from "lucide-react" interface CustomerRule { id: string name: string enabled: boolean lastUpdated: string priority: number } interface AssignCustomersConfigureProps { activeSubStep: string } export function AssignCustomersConfigure({ activeSubStep }: AssignCustomersConfigureProps) { const [rules, setRules] = useState([ { id: "1", name: "Auto-assign Latvia Post", enabled: true, lastUpdated: "08/12/2025", priority: 1, }, { id: "2", name: "Estonia Post Assignment", enabled: true, lastUpdated: "05/29/2025", priority: 2, }, { id: "3", name: "Auto assign Nordic routes", enabled: true, lastUpdated: "08/20/2025", priority: 3, }, { id: "4", name: "Cargo Facts Integration", enabled: true, lastUpdated: "05/29/2025", priority: 4, }, { id: "5", name: "Auto-assign by flight number", enabled: true, lastUpdated: "05/29/2025", priority: 5, }, { id: "6", name: "Office exchange mapping", enabled: true, lastUpdated: "05/29/2025", priority: 6, }, { id: "7", name: "Auto-assign by destination", enabled: true, lastUpdated: "08/15/2025", priority: 7, }, { id: "8", name: "Auto assign team (receipts) & reimburse", enabled: true, lastUpdated: "08/03/2025", priority: 8, }, ]) const toggleRule = (id: string) => { setRules(rules.map((rule) => (rule.id === id ? { ...rule, enabled: !rule.enabled } : rule))) } const duplicateRule = (id: string) => { const rule = rules.find((r) => r.id === id) if (rule) { const newRule = { ...rule, id: Date.now().toString(), name: `${rule.name} (Copy)`, priority: rules.length + 1, } setRules([...rules, newRule]) } } const deleteRule = (id: string) => { setRules(rules.filter((rule) => rule.id !== id)) } if (activeSubStep !== "configure-rules") { return null } return (

Rules trigger in the order below

Last Updated

{rules.map((rule) => (

toggleRule(rule.id)} className="data-[state=checked]:bg-[#3D4F5C]" /> {rule.enabled && ON}

{rule.name}

{rule.lastUpdated}

))}

) } [V0_FILE]typescript:file="hooks/use-mobile.ts" isMerged="true" import * as React from 'react' const MOBILE_BREAKPOINT = 768 export function useIsMobile() { const [isMobile, setIsMobile] = React.useState(undefined) React.useEffect(() => { const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) const onChange = () => { setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) } mql.addEventListener('change', onChange) setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) return () => mql.removeEventListener('change', onChange) }, []) return !!isMobile } [V0_FILE]typescript:file="hooks/use-toast.ts" isMerged="true" 'use client' // Inspired by react-hot-toast library 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_SAFE_INTEGER 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) } } }, [state]) return { ...state, toast, dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }), } } export { useToast, toast } [V0_FILE]javascript:file="scripts/analyze-csv-data.js" isMerged="true" // Fetch and analyze the CSV data to understand the structure async function analyzeCsvData() { try { const response = await fetch( "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/etihad%20interface%20v0%20example%20-%20Copy%20of%20Shipment%20Detail%20Report-P09cUAsISMxFGVUZfsHOPkIpdHMjKi.csv", ) const csvText = await response.text() console.log("[v0] CSV Data:") console.log(csvText) // Parse CSV manually const lines = csvText.split("\n") const headers = lines[0].split(",") console.log("[v0] Headers:", headers) console.log("[v0] Sample rows:") for (let i = 1; i < Math.min(6, lines.length); i++) { if (lines[i].trim()) { console.log(`Row ${i}:`, lines[i].split(",")) } } } catch (error) { console.error("[v0] Error fetching CSV:", error) } } analyzeCsvData() [V0_FILE]javascript:file="scripts/fetch-csv-data.js" isMerged="true" async function fetchAndAnalyzeCSV() { try { console.log("[v0] Fetching CSV data...") const response = await fetch( "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/etihad%20interface%20v0%20example%20-%20Copy%20of%20Shipment%20Detail%20Report-vx5qpZFLVLrVb7cl7JjmPq6frDyhZS.csv", ) if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`) } const csvText = await response.text() console.log("[v0] CSV Content:") console.log(csvText) // Parse CSV manually to understand structure const lines = csvText.split("\n") console.log("[v0] Total lines:", lines.length) // Show first few lines to understand structure console.log("[v0] First 10 lines:") lines.slice(0, 10).forEach((line, index) => { console.log(`Line ${index}: ${line}`) }) // Parse CSV data const rows = lines.map((line) => { // Simple CSV parsing - split by comma but handle quoted fields const fields = [] let current = "" let inQuotes = false for (let i = 0; i < line.length; i++) { const char = line[i] if (char === '"') { inQuotes = !inQuotes } else if (char === "," && !inQuotes) { fields.push(current.trim()) current = "" } else { current += char } } fields.push(current.trim()) return fields }) console.log("[v0] Parsed rows sample:") rows.slice(0, 5).forEach((row, index) => { console.log(`Row ${index}:`, row) }) return { csvText, rows } } catch (error) { console.error("[v0] Error fetching CSV:", error) return null } } // Execute the function fetchAndAnalyzeCSV() [V0_FILE]typescript:file="lib/data-filters.ts" isMerged="true" import type { CargoData, ProcessedData } from "@/types/cargo-data" export interface FilterOptions { customer?: string route?: string dateFrom?: string dateTo?: string mailCategory?: string euromail?: string } export function applyFilters(data: ProcessedData, filters: FilterOptions): ProcessedData { let filteredData = [...data.data] // Apply customer filter if (filters.customer && filters.customer !== "all") { filteredData = filteredData.filter((record) => record.customer?.toLowerCase().includes(filters.customer!.toLowerCase()), ) } // Apply route filter if (filters.route && filters.route !== "all") { const [origin, destination] = filters.route.split("-") filteredData = filteredData.filter((record) => record.origOE === origin && record.destOE === destination) } // Apply date range filter if (filters.dateFrom || filters.dateTo) { filteredData = filteredData.filter((record) => { if (!record.date) return false const recordDate = new Date(record.date) if (filters.dateFrom && recordDate < new Date(filters.dateFrom)) return false if (filters.dateTo && recordDate > new Date(filters.dateTo)) return false return true }) } // Apply mail category filter if (filters.mailCategory && filters.mailCategory !== "all") { filteredData = filteredData.filter((record) => record.mailCat === filters.mailCategory) } // Apply euromail filter if (filters.euromail && filters.euromail !== "all") { filteredData = filteredData.filter((record) => record.euromail === filters.euromail) } // Recalculate summary for filtered data const totalKg = filteredData.reduce((sum, record) => sum + record.totalKg, 0) const euRecords = filteredData.filter((r) => r.euromail === "EU") const nonEuRecords = filteredData.filter((r) => r.euromail === "NONEU") const euSubtotal = euRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) const nonEuSubtotal = nonEuRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) return { data: filteredData, missingFields: data.missingFields, warnings: data.warnings, summary: { totalRecords: filteredData.length, euSubtotal, nonEuSubtotal, total: euSubtotal + nonEuSubtotal, totalKg, }, } } export function getUniqueValues(data: CargoData[], field: keyof CargoData): string[] { const values = data .map((record) => record[field]) .filter((value): value is string => typeof value === "string" && value.length > 0) return [...new Set(values)].sort() } export function getRouteOptions(data: CargoData[]): Array<{ value: string; label: string }> { const routes = data .filter((record) => record.origOE && record.destOE) .map((record) => ({ value: `${record.origOE}-${record.destOE}`, label: `${record.origOE} → ${record.destOE}`, })) const uniqueRoutes = routes.filter((route, index, self) => index === self.findIndex((r) => r.value === route.value)) return uniqueRoutes.sort((a, b) => a.label.localeCompare(b.label)) } [V0_FILE]typescript:file="lib/file-processor.ts" isMerged="true" import type { CargoData, ProcessedData, FileProcessingResult } from "@/types/cargo-data" // Mock data for demonstration - in real app this would parse Excel files const mockMailSystemData: Partial[] = [ { origOE: "USFRAT", destOE: "USRIXT", inbFlightNo: "BT234", mailCat: "A", mailClass: "7C", totalKg: 7.9, invoiceExtend: "Airmail", customer: "LV Post", date: "2023-08-09", sector: "RIX VIE", euromail: "EU", combined: "VIE EU", totalEur: 713.0, vatEur: 373.8, }, { origOE: "USFRAT", destOE: "USRIXT", inbFlightNo: "BT234", mailCat: "A", mailClass: "7C", totalKg: 6.2, invoiceExtend: "Airmail", customer: "LV Post", date: "2023-08-09", sector: "RIX MAD", euromail: "NONEU", combined: "MAD NONEU", totalEur: 3862.0, vatEur: 2037.55, }, ] const mockMailAgentData: Partial[] = [ { origOE: "USFRAT", destOE: "USROMT", inbFlightNo: "BT234", outbFlightNo: "BT633", mailCat: "A", mailClass: "7C", totalKg: 2.4, invoiceExtend: "Airmail", }, { origOE: "USFRAT", destOE: "USVNOT", inbFlightNo: "BT234", outbFlightNo: "BT341", mailCat: "A", mailClass: "7C", totalKg: 5.7, invoiceExtend: "Airmail", }, ] export function processFile(file: File, fileType: "mail-system" | "mail-agent"): Promise { return new Promise((resolve) => { // Simulate file processing delay setTimeout(() => { try { const mockData = fileType === "mail-system" ? mockMailSystemData : mockMailAgentData const processedData: CargoData[] = mockData.map((item, index) => ({ id: `${fileType}-${index}`, origOE: item.origOE || "", destOE: item.destOE || "", inbFlightNo: item.inbFlightNo || "", outbFlightNo: item.outbFlightNo, mailCat: item.mailCat || "", mailClass: item.mailClass || "", totalKg: item.totalKg || 0, invoiceExtend: item.invoiceExtend || "", customer: item.customer, date: item.date, sector: item.sector, euromail: item.euromail, combined: item.combined, totalEur: item.totalEur, vatEur: item.vatEur, })) // Identify missing fields const missingFields: string[] = [] const warnings: string[] = [] processedData.forEach((record, index) => { if (!record.customer) missingFields.push(`Row ${index + 1}: Missing customer`) if (!record.date) missingFields.push(`Row ${index + 1}: Missing date`) if (fileType === "mail-system" && !record.totalEur) { warnings.push(`Row ${index + 1}: Missing total EUR - rate calculation needed`) } if (fileType === "mail-agent" && !record.outbFlightNo) { warnings.push(`Row ${index + 1}: Missing outbound flight number`) } }) // Calculate summary const totalKg = processedData.reduce((sum, record) => sum + record.totalKg, 0) const euRecords = processedData.filter((r) => r.euromail === "EU") const nonEuRecords = processedData.filter((r) => r.euromail === "NONEU") const euSubtotal = euRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) const nonEuSubtotal = nonEuRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) const result: ProcessedData = { data: processedData, missingFields: [...new Set(missingFields)], warnings: [...new Set(warnings)], summary: { totalRecords: processedData.length, euSubtotal, nonEuSubtotal, total: euSubtotal + nonEuSubtotal, totalKg, }, } resolve({ success: true, data: result }) } catch (error) { resolve({ success: false, error: error instanceof Error ? error.message : "Failed to process file", }) } }, 1500) // Simulate processing time }) } export function combineProcessedData(datasets: ProcessedData[]): ProcessedData { const combinedData: CargoData[] = [] const allMissingFields: string[] = [] const allWarnings: string[] = [] datasets.forEach((dataset) => { combinedData.push(...dataset.data) allMissingFields.push(...dataset.missingFields) allWarnings.push(...dataset.warnings) }) // Recalculate summary for combined data const totalKg = combinedData.reduce((sum, record) => sum + record.totalKg, 0) const euRecords = combinedData.filter((r) => r.euromail === "EU") const nonEuRecords = combinedData.filter((r) => r.euromail === "NONEU") const euSubtotal = euRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) const nonEuSubtotal = nonEuRecords.reduce((sum, record) => sum + (record.totalEur || 0), 0) return { data: combinedData, missingFields: [...new Set(allMissingFields)], warnings: [...new Set(allWarnings)], summary: { totalRecords: combinedData.length, euSubtotal, nonEuSubtotal, total: euSubtotal + nonEuSubtotal, totalKg, }, } } [V0_FILE]typescript:file="lib/utils.ts" isMerged="true" import { clsx, type ClassValue } from 'clsx' import { twMerge } from 'tailwind-merge' export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescript:file="lib/export-utils.ts" isMerged="true" import type { ProcessedData, CargoData } from "@/types/cargo-data" export interface ExportOptions { format: "excel" | "csv" | "pdf" includeAnalysis: boolean groupBy?: "customer" | "route" | "date" | "none" includeCharts: boolean customFields?: string[] } export interface ReportData { summary: { totalRecords: number totalWeight: number totalRevenue: number euRevenue: number nonEuRevenue: number vatAmount: number dateRange: string } data: CargoData[] groupedData?: Record analysis?: { topRoutes: Array<{ route: string; weight: number; revenue: number; count: number }> topCustomers: Array<{ customer: string; weight: number; revenue: number; count: number }> monthlyTrends?: Array<{ month: string; weight: number; revenue: number }> } } export function prepareReportData(processedData: ProcessedData, options: ExportOptions): ReportData { const { data, summary } = processedData // Calculate additional summary metrics const totalVat = data.reduce((sum, record) => sum + (record.vatEur || 0), 0) const dateRange = getDateRange(data) const reportSummary = { totalRecords: summary.totalRecords, totalWeight: summary.totalKg, totalRevenue: summary.total, euRevenue: summary.euSubtotal, nonEuRevenue: summary.nonEuSubtotal, vatAmount: totalVat, dateRange, } // Group data if requested let groupedData: Record | undefined if (options.groupBy && options.groupBy !== "none") { groupedData = groupDataBy(data, options.groupBy) } // Generate analysis if requested let analysis: ReportData["analysis"] | undefined if (options.includeAnalysis) { analysis = generateAnalysis(data) } return { summary: reportSummary, data, groupedData, analysis, } } function getDateRange(data: CargoData[]): string { const dates = data .map((record) => record.date) .filter((date): date is string => !!date) .sort() if (dates.length === 0) return "No dates available" const firstDate = dates[0] const lastDate = dates[dates.length - 1] return firstDate === lastDate ? firstDate : `${firstDate} to ${lastDate}` } function groupDataBy(data: CargoData[], groupBy: "customer" | "route" | "date"): Record { return data.reduce( (groups, record) => { let key: string switch (groupBy) { case "customer": key = record.customer || "Unknown Customer" break case "route": key = `${record.origOE} → ${record.destOE}` break case "date": key = record.date || "Unknown Date" break default: key = "All Records" } if (!groups[key]) { groups[key] = [] } groups[key].push(record) return groups }, {} as Record, ) } function generateAnalysis(data: CargoData[]): ReportData["analysis"] { // Top routes analysis const routeStats = data.reduce( (acc, record) => { const route = `${record.origOE} → ${record.destOE}` if (!acc[route]) { acc[route] = { route, weight: 0, revenue: 0, count: 0 } } acc[route].weight += record.totalKg acc[route].revenue += record.totalEur || 0 acc[route].count += 1 return acc }, {} as Record, ) const topRoutes = Object.values(routeStats) .sort((a, b) => b.revenue - a.revenue) .slice(0, 10) // Top customers analysis const customerStats = data.reduce( (acc, record) => { const customer = record.customer || "Unknown" if (!acc[customer]) { acc[customer] = { customer, weight: 0, revenue: 0, count: 0 } } acc[customer].weight += record.totalKg acc[customer].revenue += record.totalEur || 0 acc[customer].count += 1 return acc }, {} as Record, ) const topCustomers = Object.values(customerStats) .sort((a, b) => b.revenue - a.revenue) .slice(0, 10) return { topRoutes, topCustomers, } } export function generateCSV(reportData: ReportData, options: ExportOptions): string { const { data, groupedData } = reportData let csv = "" // Add summary section csv += "CARGO MAIL PROCESSING REPORT\n" csv += `Generated: ${new Date().toLocaleString()}\n` csv += `Date Range: ${reportData.summary.dateRange}\n\n` csv += "SUMMARY\n" csv += `Total Records,${reportData.summary.totalRecords}\n` csv += `Total Weight (kg),${reportData.summary.totalWeight.toFixed(2)}\n` csv += `Total Revenue (EUR),${reportData.summary.totalRevenue.toFixed(2)}\n` csv += `EU Revenue (EUR),${reportData.summary.euRevenue.toFixed(2)}\n` csv += `Non-EU Revenue (EUR),${reportData.summary.nonEuRevenue.toFixed(2)}\n` csv += `VAT Amount (EUR),${reportData.summary.vatAmount.toFixed(2)}\n\n` // Add headers const headers = [ "Origin OE", "Destination OE", "Inbound Flight", "Outbound Flight", "Mail Category", "Mail Class", "Total KG", "Invoice Extend", "Customer", "Date", "Sector", "Euromail", "Combined", "Total EUR", "VAT EUR", ] if (groupedData) { // Export grouped data Object.entries(groupedData).forEach(([groupName, records]) => { csv += `\n${groupName.toUpperCase()}\n` csv += headers.join(",") + "\n" records.forEach((record) => { const row = [ record.origOE, record.destOE, record.inbFlightNo, record.outbFlightNo || "", record.mailCat, record.mailClass, record.totalKg.toString(), record.invoiceExtend, record.customer || "", record.date || "", record.sector || "", record.euromail || "", record.combined || "", (record.totalEur || 0).toFixed(2), (record.vatEur || 0).toFixed(2), ] csv += row.map((field) => `"${field}"`).join(",") + "\n" }) }) } else { // Export all data csv += "DETAILED DATA\n" csv += headers.join(",") + "\n" data.forEach((record) => { const row = [ record.origOE, record.destOE, record.inbFlightNo, record.outbFlightNo || "", record.mailCat, record.mailClass, record.totalKg.toString(), record.invoiceExtend, record.customer || "", record.date || "", record.sector || "", record.euromail || "", record.combined || "", (record.totalEur || 0).toFixed(2), (record.vatEur || 0).toFixed(2), ] csv += row.map((field) => `"${field}"`).join(",") + "\n" }) } // Add analysis section if requested if (options.includeAnalysis && reportData.analysis) { csv += "\nTOP ROUTES BY REVENUE\n" csv += "Route,Weight (kg),Revenue (EUR),Shipments\n" reportData.analysis.topRoutes.forEach((route) => { csv += `"${route.route}",${route.weight.toFixed(2)},${route.revenue.toFixed(2)},${route.count}\n` }) csv += "\nTOP CUSTOMERS BY REVENUE\n" csv += "Customer,Weight (kg),Revenue (EUR),Shipments\n" reportData.analysis.topCustomers.forEach((customer) => { csv += `"${customer.customer}",${customer.weight.toFixed(2)},${customer.revenue.toFixed(2)},${customer.count}\n` }) } return csv } export function generateBillingExcel(reportData: ReportData, options: ExportOptions): string { const { data, groupedData } = reportData // Create Excel-compatible CSV with billing focus let csv = "" // Billing header section csv += "CARGO MAIL BILLING REPORT\n" csv += `Invoice Date,${new Date().toLocaleDateString()}\n` csv += `Billing Period,${reportData.summary.dateRange}\n` csv += `Total Amount (EUR),${reportData.summary.totalRevenue.toFixed(2)}\n` csv += `VAT Amount (EUR),${reportData.summary.vatAmount.toFixed(2)}\n` csv += `Net Amount (EUR),${(reportData.summary.totalRevenue - reportData.summary.vatAmount).toFixed(2)}\n\n` if (groupedData && options.groupBy === "customer") { // Customer-based billing format Object.entries(groupedData).forEach(([customer, records]) => { const customerTotal = records.reduce((sum, record) => sum + (record.totalEur || 0), 0) const customerVat = records.reduce((sum, record) => sum + (record.vatEur || 0), 0) const customerWeight = records.reduce((sum, record) => sum + record.totalKg, 0) csv += `CUSTOMER: ${customer}\n` csv += `Total Weight: ${customerWeight.toFixed(2)} kg\n` csv += `Total Amount: ${customerTotal.toFixed(2)} EUR\n` csv += `VAT: ${customerVat.toFixed(2)} EUR\n` csv += `Net Amount: ${(customerTotal - customerVat).toFixed(2)} EUR\n\n` // Billing line items csv += "Date,Route,Flight,Mail Cat,Weight (kg),Rate (EUR/kg),Amount (EUR),VAT (EUR)\n" records.forEach((record) => { const rate = record.totalKg > 0 ? ((record.totalEur || 0) - (record.vatEur || 0)) / record.totalKg : 0 csv += [ record.date || "", `${record.origOE}-${record.destOE}`, record.inbFlightNo, record.mailCat, record.totalKg.toFixed(2), rate.toFixed(3), ((record.totalEur || 0) - (record.vatEur || 0)).toFixed(2), (record.vatEur || 0).toFixed(2), ] .map((field) => `"${field}"`) .join(",") + "\n" }) csv += `\nSubtotal for ${customer}: ${customerTotal.toFixed(2)} EUR\n\n` }) } else { // Standard billing format csv += "BILLING LINE ITEMS\n" csv += "Invoice Line,Date,Customer,Route,Flight,Mail Cat,Weight (kg),Rate (EUR/kg),Net Amount (EUR),VAT (EUR),Total (EUR)\n" data.forEach((record, index) => { const rate = record.totalKg > 0 ? ((record.totalEur || 0) - (record.vatEur || 0)) / record.totalKg : 0 const netAmount = (record.totalEur || 0) - (record.vatEur || 0) csv += [ (index + 1).toString(), record.date || "", record.customer || "Unknown", `${record.origOE}-${record.destOE}`, record.inbFlightNo, record.mailCat, record.totalKg.toFixed(2), rate.toFixed(3), netAmount.toFixed(2), (record.vatEur || 0).toFixed(2), (record.totalEur || 0).toFixed(2), ] .map((field) => `"${field}"`) .join(",") + "\n" }) } // Billing summary csv += "\nBILLING SUMMARY\n" csv += `Total Shipments,${reportData.summary.totalRecords}\n` csv += `Total Weight (kg),${reportData.summary.totalWeight.toFixed(2)}\n` csv += `Net Amount (EUR),${(reportData.summary.totalRevenue - reportData.summary.vatAmount).toFixed(2)}\n` csv += `VAT Amount (EUR),${reportData.summary.vatAmount.toFixed(2)}\n` csv += `Total Amount (EUR),${reportData.summary.totalRevenue.toFixed(2)}\n` return csv } export function downloadFile(content: string, filename: string, mimeType: string) { const blob = new Blob([content], { type: mimeType }) const url = URL.createObjectURL(blob) const link = document.createElement("a") link.href = url link.download = filename document.body.appendChild(link) link.click() document.body.removeChild(link) URL.revokeObjectURL(url) } export function generateFilename(options: ExportOptions, groupBy?: string): string { const timestamp = new Date().toISOString().split("T")[0] const groupSuffix = groupBy && groupBy !== "none" ? `_by_${groupBy}` : "" const analysisSuffix = options.includeAnalysis ? "_with_analysis" : "" return `cargo_mail_report_${timestamp}${groupSuffix}${analysisSuffix}.${options.format}` } export function generateBillingFilename(): string { const timestamp = new Date().toISOString().split("T")[0] const invoiceNumber = `INV-${Date.now().toString().slice(-6)}` return `billing_export_${invoiceNumber}_${timestamp}.csv` } [V0_FILE]typescript:file="lib/rate-calculator.ts" isMerged="true" import type { CargoData } from "@/types/cargo-data" import type { RateSettings } from "@/types/rate-settings" export function calculateRate(record: CargoData, settings: RateSettings): number { // Find the most specific matching rule const applicableRules = settings.rules .filter((rule) => rule.active) .filter((rule) => { // Check route match if (rule.route) { const [origOE, destOE] = rule.route.split("-") if (record.origOE !== origOE || record.destOE !== destOE) return false } // Check customer match if (rule.customer && record.customer !== rule.customer) return false // Check mail category match if (rule.mailCategory && record.mailCat !== rule.mailCategory) return false // Check mail class match if (rule.mailClass && record.mailClass !== rule.mailClass) return false // Check euromail match if (rule.euromail && record.euromail !== rule.euromail) return false return true }) .sort((a, b) => { // Sort by specificity (more specific rules first) let scoreA = 0 let scoreB = 0 if (a.route) scoreA += 4 if (a.customer) scoreA += 3 if (a.mailCategory) scoreA += 2 if (a.mailClass) scoreA += 2 if (a.euromail) scoreA += 1 if (b.route) scoreB += 4 if (b.customer) scoreB += 3 if (b.mailCategory) scoreB += 2 if (b.mailClass) scoreB += 2 if (b.euromail) scoreB += 1 return scoreB - scoreA }) const rule = applicableRules[0] if (!rule) return 0 // Calculate base rate const baseRate = Math.max(record.totalKg * rule.ratePerKg, rule.minimumCharge) // Apply VAT if enabled const finalRate = settings.applyVAT ? baseRate * (1 + settings.vatRate / 100) : baseRate // Round to specified precision return Math.round(finalRate * Math.pow(10, settings.roundingPrecision)) / Math.pow(10, settings.roundingPrecision) } export function applyRatesToData(data: CargoData[], settings: RateSettings): CargoData[] { return data.map((record) => { const calculatedRate = calculateRate(record, settings) const vatAmount = settings.applyVAT ? calculatedRate - calculatedRate / (1 + settings.vatRate / 100) : 0 return { ...record, totalEur: calculatedRate, vatEur: vatAmount, } }) } [V0_FILE]typescriptreact:file="app/[awb]/page.tsx" isMerged="true" import { TrackShipment } from "@/components/track-shipment" import { WorkflowNavigation } from "@/components/workflow-navigation" interface PageProps { params: Promise<{ awb: string }> } export default async function AWBTrackingPage({ params }: PageProps) { const { awb } = await params return (

) } [V0_FILE]typescriptreact:file="components/ui/aspect-ratio.tsx" isMerged="true" 'use client' import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio' function AspectRatio({ ...props }: React.ComponentProps) { return } export { AspectRatio } [V0_FILE]typescriptreact:file="components/ui/alert-dialog.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog' import { cn } from '@/lib/utils' import { buttonVariants } from '@/components/ui/button' function AlertDialog({ ...props }: React.ComponentProps) { return } function AlertDialogTrigger({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogPortal({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogContent({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogAction({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogCancel({ className, ...props }: React.ComponentProps) { return ( ) } export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } [V0_FILE]typescriptreact:file="components/ui/use-mobile.tsx" isMerged="true" import * as React from 'react' const MOBILE_BREAKPOINT = 768 export function useIsMobile() { const [isMobile, setIsMobile] = React.useState(undefined) React.useEffect(() => { const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) const onChange = () => { setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) } mql.addEventListener('change', onChange) setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) return () => mql.removeEventListener('change', onChange) }, []) return !!isMobile } [V0_FILE]typescriptreact:file="components/ui/pagination.tsx" isMerged="true" import * as React from 'react' import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, } from 'lucide-react' import { cn } from '@/lib/utils' import { Button, buttonVariants } from '@/components/ui/button' function Pagination({ className, ...props }: React.ComponentProps<'nav'>) { return (

About

Tags

Share

More from jeffmpan

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jeffmpan

More Templates Like This