Application Error

Failed to load the application. Please try again later.

Error Details

${error.message}

\n \n \n `, 500);\n }\n});\n\n// Catch-all for SPA routing\napp.get(\"*\", async c => {\n try {\n // For SPA routing, serve the main index.html for any unmatched routes\n const path = c.req.path;\n \n // Skip API routes and static files\n if (path.startsWith('/api/') || path.startsWith('/frontend/') || path.startsWith('/shared/')) {\n return c.notFound();\n }\n\n // Serve the main page for SPA routes\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n const initialData = {\n appName: 'MP Capital CDM ISDA Data Mapping System',\n version: '1.0.0',\n currentRoute: path,\n };\n\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[156,233],[156],{"_104":243,"_96":244,"_157":245,"_159":-5,"_160":142,"_161":246,"_163":119,"_106":247,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":248,"_99":339},"cbf896e4-cfa3-11f0-93cf-42dde27851f2","frontend","26b679ef-05d1-4a89-85d0-8ea646e0ee2b",12,["D",1764696285710],[249,302,312,322,331],{"_104":250,"_96":251,"_157":252,"_159":245,"_160":142,"_161":253,"_163":119,"_106":254,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":255,"_99":301},"eb2a7dac-cfa3-11f0-80ef-42dde27851f2","components","e3622093-ac68-4a59-abe2-30267b1bef5b",15,["D",1764696338047],[256,265,274,283,292],{"_104":257,"_96":258,"_157":259,"_159":252,"_160":142,"_161":260,"_163":119,"_106":261,"_101":176,"_165":185,"_167":262,"_168":22,"_169":-5,"_170":263,"_99":264},"f8188692-cfaa-11f0-aa31-42dde27851f2","App.tsx","eb2a6506-cfa3-11f0-80ef-42dde27851f2",49,["D",1764699366216],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0';\n\nconst App: React.FC = () => {\n const [currentView, setCurrentView] = useState<'upload' | 'mapping' | 'manual' | 'review'>('upload');\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [selectedFile, setSelectedFile] = useState(null);\n const [initialData, setInitialData] = useState(null);\n\n // Load initial data from window object\n useEffect(() => {\n if (typeof window !== 'undefined' && (window as any).__INITIAL_DATA__) {\n setInitialData((window as any).__INITIAL_DATA__);\n }\n }, []);\n\n const clearError = () => setError(null);\n\n const handleFileSelect = (file: File) => {\n setSelectedFile(file);\n setError(null);\n };\n\n const handleUpload = async () => {\n if (!selectedFile) {\n setError('Please select a file first');\n return;\n }\n\n setIsLoading(true);\n try {\n const formData = new FormData();\n formData.append('file', selectedFile);\n formData.append('fileType', 'excel');\n\n const response = await fetch('/api/upload/file', {\n method: 'POST',\n body: formData,\n });\n\n if (!response.ok) {\n throw new Error('Upload failed');\n }\n\n const result = await response.json();\n setCurrentView('mapping');\n } catch (err) {\n setError(`Upload failed: ${err.message}`);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n MP\n

MP Capital

CDM ISDA Data Mapping

\n \n

\n setCurrentView('upload')}\n className={`mp-nav-link flex items-center space-x-2 ${currentView === 'upload' ? 'active' : ''}`}\n >\n 📁\n File Upload\n \n setCurrentView('manual')}\n className={`mp-nav-link flex items-center space-x-2 ${currentView === 'manual' ? 'active' : ''}`}\n >\n ✏️\n Manual Entry\n \n setCurrentView('mapping')}\n className={`mp-nav-link flex items-center space-x-2 ${currentView === 'mapping' ? 'active' : ''}`}\n >\n 🔗\n Field Mapping\n \n

\n\n

\n {/* Error Display */}\n {error && (\n

\n \n

Error

{error}

\n \n \n \n

\n )}\n\n {/* Main Content */}\n

\n {currentView === 'upload' && (\n

Upload Data File

\n Upload your Excel, SQL, or Oracle data files to map them to the CDM ISDA model\n

\n\n

\n {/* Main Upload Area */}\n

\n {/* File Drop Zone */}\n

\n {selectedFile ? (\n

\n \n

{selectedFile.name}

\n {Math.round(selectedFile.size / 1024)} KB\n

\n setSelectedFile(null)}\n className=\"mp-button-secondary\"\n >\n Remove\n \n

\n ) : (\n

\n \n

\n Drop your file here, or click to browse\n

\n Supports Excel (.xlsx, .xls, .csv), SQL (.sql), and Oracle formats\n

\n document.getElementById('fileInput')?.click()}\n className=\"mp-button-primary\"\n >\n Choose File\n \n

\n )}\n

\n\n {\n const file = e.target.files?.[0];\n if (file) handleFileSelect(file);\n }}\n accept=\".xlsx,.xls,.csv,.sql,.txt,.dmp\"\n className=\"hidden\"\n />\n

\n\n {/* Upload Button */}\n

\n \n {isLoading ? (\n

\n Processing...\n

\n ) : (\n 'Upload and Map Fields'\n )}\n \n

\n\n {/* Sidebar */}\n

\n {/* Supported Formats */}\n

Supported Formats

Excel Files

Excel spreadsheets and CSV files

\n Extensions: .xlsx, .xls, .csv\n

SQL Server

SQL Server data exports

\n Extensions: .sql, .txt\n

Oracle Database

Oracle database exports

\n Extensions: .sql, .txt, .dmp\n

\n\n {/* Help */}\n

Need Help?

\n \n 📖 View Documentation\n \n \n 💬 Contact Support\n \n \n 📋 Sample Files\n \n

\n )}\n {currentView === 'mapping' && (\n

Field Mapping

Field mapping functionality will be available here.

\n )}\n {currentView === 'manual' && (\n

Manual Entry

Manual CDM entry functionality will be available here.

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n};\n\nexport default App;",[],[244,251,258],{"_104":266,"_96":267,"_157":268,"_159":252,"_160":142,"_161":269,"_163":119,"_106":270,"_101":32,"_165":185,"_167":271,"_168":22,"_169":-5,"_170":272,"_99":273},"17ca6ff2-cfa4-11f0-92e7-42dde27851f2","FileUpload.tsx","17ca70a6-cfa4-11f0-92e7-42dde27851f2",17,["D",1764696412915],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useCallback } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { MappingResult, FileUploadRequest } from '../../shared/types.ts';\n\ninterface FileUploadProps {\n onFileUploaded: (result: MappingResult) => void;\n onError: (error: string) => void;\n isLoading: boolean;\n initialData?: any;\n}\n\nconst FileUpload: React.FC = ({\n onFileUploaded,\n onError,\n isLoading,\n initialData,\n}) => {\n const [selectedFile, setSelectedFile] = useState(null);\n const [fileType, setFileType] = useState<'excel' | 'sql' | 'oracle'>('excel');\n const [uploadProgress, setUploadProgress] = useState(0);\n const [isUploading, setIsUploading] = useState(false);\n const [dragActive, setDragActive] = useState(false);\n const [mappingPreferences, setMappingPreferences] = useState({\n autoMap: true,\n validateExternal: true,\n strictMode: false,\n });\n const [supportedFormats, setSupportedFormats] = useState(null);\n\n const fileInputRef = useRef(null);\n\n // Load supported formats on component mount\n React.useEffect(() => {\n loadSupportedFormats();\n }, []);\n\n const loadSupportedFormats = async () => {\n try {\n const response = await fetch('/api/upload/formats');\n if (response.ok) {\n const formats = await response.json();\n setSupportedFormats(formats);\n }\n } catch (error) {\n console.error('Failed to load supported formats:', error);\n }\n };\n\n const handleFileSelect = useCallback((file: File) => {\n // Validate file size\n const maxSize = initialData?.maxFileSize || 10 * 1024 * 1024; // 10MB\n if (file.size > maxSize) {\n onError(`File size exceeds ${Math.round(maxSize / 1024 / 1024)}MB limit`);\n return;\n }\n\n // Auto-detect file type based on extension\n const extension = file.name.split('.').pop()?.toLowerCase();\n if (extension === 'xlsx' || extension === 'xls' || extension === 'csv') {\n setFileType('excel');\n } else if (extension === 'sql' || extension === 'txt') {\n // Could be SQL or Oracle, let user choose\n setFileType('sql');\n }\n\n setSelectedFile(file);\n }, [initialData, onError]);\n\n const handleDrag = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (e.type === 'dragenter' || e.type === 'dragover') {\n setDragActive(true);\n } else if (e.type === 'dragleave') {\n setDragActive(false);\n }\n }, []);\n\n const handleDrop = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setDragActive(false);\n\n const files = Array.from(e.dataTransfer.files);\n if (files.length > 0) {\n handleFileSelect(files[0]);\n }\n }, [handleFileSelect]);\n\n const handleFileInputChange = (e: React.ChangeEvent) => {\n const files = e.target.files;\n if (files && files.length > 0) {\n handleFileSelect(files[0]);\n }\n };\n\n const handleUpload = async () => {\n if (!selectedFile) {\n onError('Please select a file first');\n return;\n }\n\n setIsUploading(true);\n setUploadProgress(0);\n\n try {\n const formData = new FormData();\n formData.append('file', selectedFile);\n formData.append('fileType', fileType);\n formData.append('autoMap', mappingPreferences.autoMap.toString());\n formData.append('validateExternal', mappingPreferences.validateExternal.toString());\n formData.append('strictMode', mappingPreferences.strictMode.toString());\n\n // Simulate progress for better UX\n const progressInterval = setInterval(() => {\n setUploadProgress(prev => Math.min(prev + 10, 90));\n }, 200);\n\n const response = await fetch('/api/upload/file', {\n method: 'POST',\n body: formData,\n });\n\n clearInterval(progressInterval);\n setUploadProgress(100);\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || 'Upload failed');\n }\n\n const result: MappingResult = await response.json();\n onFileUploaded(result);\n } catch (error) {\n onError(`Upload failed: ${error.message}`);\n } finally {\n setIsUploading(false);\n setUploadProgress(0);\n }\n };\n\n const formatFileSize = (bytes: number): string => {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n };\n\n return (\n

Upload Data File

\n Upload your Excel, SQL, or Oracle data files to map them to the CDM ISDA model\n

\n\n

\n {/* Main Upload Area */}\n

\n {/* File Drop Zone */}\n

\n \n {selectedFile ? (\n

\n \n

{selectedFile.name}

\n {formatFileSize(selectedFile.size)} • {fileType.toUpperCase()}\n

\n setSelectedFile(null)}\n className=\"mp-button-secondary\"\n >\n Remove\n \n fileInputRef.current?.click()}\n className=\"mp-button-secondary\"\n >\n Choose Different\n \n

\n ) : (\n

\n \n

\n Drop your file here, or click to browse\n

\n Supports Excel (.xlsx, .xls, .csv), SQL (.sql), and Oracle formats\n

\n fileInputRef.current?.click()}\n className=\"mp-button-primary\"\n >\n Choose File\n \n

\n )}\n

\n\n \n

\n\n {/* File Type Selection */}\n {selectedFile && (\n

File Type

\n {(['excel', 'sql', 'oracle'] as const).map((type) => (\n \n setFileType(e.target.value as any)}\n className=\"sr-only\"\n />\n

\n {type === 'excel' && '📊'}\n {type === 'sql' && '🗄️'}\n {type === 'oracle' && '🔶'}\n

{type}

\n {supportedFormats?.[type]?.extensions?.join(', ')}\n

\n \n ))}\n

\n )}\n\n {/* Upload Progress */}\n {isUploading && (\n

\n Uploading and processing...\n {uploadProgress}%\n

\n \n

\n )}\n\n {/* Upload Button */}\n

\n \n {isUploading ? (\n

\n Processing...\n

\n ) : (\n 'Upload and Map Fields'\n )}\n \n

\n\n {/* Sidebar */}\n

\n {/* Mapping Preferences */}\n

Mapping Preferences

\n \n \n setMappingPreferences(prev => ({ ...prev, autoMap: e.target.checked }))\n }\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n \n Auto-map fields\n Automatically suggest field mappings\n \n \n\n \n \n setMappingPreferences(prev => ({ ...prev, validateExternal: e.target.checked }))\n }\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n \n External validation\n Validate against external data sources\n \n \n\n \n \n setMappingPreferences(prev => ({ ...prev, strictMode: e.target.checked }))\n }\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n \n Strict mode\n Require all mandatory fields\n \n \n

\n\n {/* Supported Formats */}\n

Supported Formats

\n {supportedFormats && Object.entries(supportedFormats).map(([key, format]: [string, any]) => (\n

{format.name}

{format.description}

\n Extensions: {format.extensions?.join(', ')}\n

\n ))}\n

\n\n {/* Help */}\n

Need Help?

\n \n 📖 View Documentation\n \n \n 💬 Contact Support\n \n \n 📋 Sample Files\n \n

\n \n );\n};\n\nexport default FileUpload;",[],[244,251,267],{"_104":275,"_96":276,"_157":277,"_159":252,"_160":142,"_161":278,"_163":119,"_106":279,"_101":32,"_165":185,"_167":280,"_168":22,"_169":-5,"_170":281,"_99":282},"fb50d212-cfa3-11f0-b78e-42dde27851f2","Header.tsx","fb50d2c6-cfa3-11f0-b78e-42dde27851f2",16,["D",1764696365089],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { AppState } from '../../shared/types.ts';\n\ninterface HeaderProps {\n currentView: AppState['currentView'];\n onViewChange: (view: AppState['currentView']) => void;\n appName: string;\n}\n\nconst Header: React.FC = ({ currentView, onViewChange, appName }) => {\n const navigationItems = [\n { id: 'upload', label: 'File Upload', icon: '📁' },\n { id: 'manual', label: 'Manual Entry', icon: '✏️' },\n { id: 'mapping', label: 'Field Mapping', icon: '🔗' },\n { id: 'review', label: 'Review', icon: '👁️' },\n ] as const;\n\n return (\n

\n {/* Logo and Brand */}\n

\n {/* MP Capital Logo */}\n

\n MP\n

MP Capital

CDM ISDA Data Mapping

\n\n {/* Navigation */}\n \n\n {/* Mobile Menu Button */}\n

\n \n

\n\n {/* User Actions */}\n

\n \n \n

\n\n {/* Progress Indicator */}\n

\n \n

\n );\n};\n\n// Mobile Menu Component\nconst MobileMenu: React.FC<{\n currentView: AppState['currentView'];\n onViewChange: (view: AppState['currentView']) => void;\n navigationItems: readonly { id: string; label: string; icon: string; }[];\n}> = ({ currentView, onViewChange, navigationItems }) => {\n const [isOpen, setIsOpen] = React.useState(false);\n\n return (\n

\n setIsOpen(!isOpen)}\n className=\"p-2 text-gray-500 hover:text-gray-700 transition-colors\"\n >\n \n \n\n {isOpen && (\n

\n {navigationItems.map((item) => (\n {\n onViewChange(item.id as AppState['currentView']);\n setIsOpen(false);\n }}\n className={`w-full text-left px-4 py-2 text-sm hover:bg-gray-50 flex items-center space-x-3 ${\n currentView === item.id ? 'text-blue-600 bg-blue-50' : 'text-gray-700'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n )}\n

\n );\n};\n\n// Progress Indicator Component\nconst ProgressIndicator: React.FC<{ currentView: AppState['currentView'] }> = ({ currentView }) => {\n const steps = [\n { id: 'upload', label: 'Upload' },\n { id: 'mapping', label: 'Mapping' },\n { id: 'manual', label: 'Manual Entry' },\n { id: 'review', label: 'Review' },\n ];\n\n const getCurrentStepIndex = () => {\n const index = steps.findIndex(step => step.id === currentView);\n return index >= 0 ? index : 0;\n };\n\n const currentStepIndex = getCurrentStepIndex();\n const progressPercentage = ((currentStepIndex + 1) / steps.length) * 100;\n\n return (\n

\n {steps.map((step, index) => (\n \n \n {index + 1}\n

\n \n

\n ))}\n \n

\n \n

\n \n );\n};\n\nexport default Header;",[],[244,251,276],{"_104":284,"_96":285,"_157":286,"_159":252,"_160":142,"_161":287,"_163":119,"_106":288,"_101":162,"_165":185,"_167":289,"_168":22,"_169":-5,"_170":290,"_99":291},"aa17e42c-cfa7-11f0-a640-42dde27851f2","ManualEntry.tsx","ce4b7c94-cfa4-11f0-9894-42dde27851f2",37,["D",1764697946860],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface DrillDownState {\n expandedSections: Set;\n editMode: boolean;\n}\n\ninterface ValidationError {\n field: string;\n message: string;\n}\n\ninterface ValidationWarning {\n field: string;\n message: string;\n}\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n onError,\n}) => {\n const [cdmData, setCdmData] = useState>(createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n // For now, just show a success message\n console.log('CDM data completed:', cdmData);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n {fieldConfig.options ? (\n handleFieldChange(path, e.target.value)}\n className={`w-full mp-input ${hasError ? 'border-red-500' : hasWarning ? 'border-yellow-500' : ''}`}\n >\n \n {fieldConfig.options.map((option: string) => (\n \n ))}\n \n ) : (\n handleFieldChange(path, e.target.value)}\n className={`w-full mp-input ${hasError ? 'border-red-500' : hasWarning ? 'border-yellow-500' : ''}`}\n placeholder={fieldConfig.placeholder || `Enter ${fieldConfig.title.toLowerCase()}`}\n />\n )}\n {hasError && (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n handleFieldChange(path, parseFloat(e.target.value) || 0)}\n className={`w-full mp-input ${hasError ? 'border-red-500' : hasWarning ? 'border-yellow-500' : ''}`}\n placeholder={`Enter ${fieldConfig.title.toLowerCase()}`}\n />\n {hasError && (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n handleFieldChange(path, new Date(e.target.value))}\n className={`w-full mp-input ${hasError ? 'border-red-500' : hasWarning ? 'border-yellow-500' : ''}`}\n />\n {hasError && (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n {\n const currentArray = getNestedValue(cdmData, path) || [];\n const newItem = fieldConfig.itemStructure ? {} : '';\n handleFieldChange(path, [...currentArray, newItem]);\n }}\n className=\"text-sm text-blue-600 hover:text-blue-800\"\n >\n + Add Item\n \n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n Item {index + 1}\n {\n const currentArray = getNestedValue(cdmData, path) || [];\n const newArray = currentArray.filter((_: any, i: number) => i !== index);\n handleFieldChange(path, newArray);\n }}\n className=\"text-sm text-red-600 hover:text-red-800\"\n >\n Remove\n \n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ) : (\n {\n const currentArray = getNestedValue(cdmData, path) || [];\n const newArray = [...currentArray];\n newArray[index] = e.target.value;\n handleFieldChange(path, newArray);\n }}\n className=\"w-full mp-input\"\n placeholder={`Enter ${fieldConfig.title.toLowerCase()} item`}\n />\n )}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n );\n }\n };\n\n const renderObject = (fields: any, basePath: string, data: any) => {\n if (!fields) return null;\n\n return Object.entries(fields).map(([key, fieldConfig]: [string, any]) => {\n const fieldPath = basePath ? `${basePath}.${key}` : key;\n const fieldValue = getNestedValue(data, key);\n \n // Filter by search term\n if (searchTerm && !fieldConfig.title.toLowerCase().includes(searchTerm.toLowerCase())) {\n return null;\n }\n\n return renderField(fieldConfig, fieldPath, fieldValue);\n });\n };\n\n const renderSection = (sectionKey: string, sectionConfig: any) => {\n const isExpanded = drillDownState.expandedSections.has(sectionKey);\n const sectionData = cdmData[sectionKey as keyof CDMTrade];\n const hasErrors = validationErrors.some(error => error.field.startsWith(sectionKey));\n const hasWarnings = validationWarnings.some(warning => warning.field.startsWith(sectionKey));\n\n return (\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n setDrillDownState(prev => ({ \n ...prev, \n expandedSections: new Set(Object.keys(cdmStructure || {})) \n }))}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Expand All Sections\n \n setDrillDownState(prev => ({ \n ...prev, \n expandedSections: new Set() \n }))}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Collapse All Sections\n \n setCdmData(createEmptyCDMTrade())}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Clear All Data\n \n

\n\n {/* Progress */}\n

Completion Progress

\n {cdmStructure && Object.entries(cdmStructure).map(([key, config]: [string, any]) => {\n const sectionData = cdmData[key as keyof CDMTrade];\n const hasData = sectionData && Object.keys(sectionData).length > 0;\n \n return (\n

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",[],[244,251,285],{"_104":293,"_96":294,"_157":295,"_159":252,"_160":142,"_161":296,"_163":119,"_106":297,"_101":236,"_165":185,"_167":298,"_168":22,"_169":-5,"_170":299,"_99":300},"21e05b98-cfa7-11f0-8cf3-42dde27851f2","MappingView.tsx","a2ff87a6-cfa4-11f0-8dd5-42dde27851f2",30,["D",1764697718322],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { MappingResult, FieldMapping, CDMTrade, ExternalValidationResult } from '../../shared/types.ts';\n\ninterface MappingViewProps {\n mappingResult?: MappingResult;\n onError: (error: string) => void;\n}\n\nconst MappingView: React.FC = ({\n mappingResult,\n onError,\n}) => {\n const [mappings, setMappings] = useState([]);\n const [unmappedFields, setUnmappedFields] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [selectedMapping, setSelectedMapping] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [filterStatus, setFilterStatus] = useState<'all' | 'valid' | 'warning' | 'error'>('all');\n\n useEffect(() => {\n if (mappingResult) {\n setMappings(mappingResult.mappings);\n setUnmappedFields(mappingResult.unmappedFields);\n }\n }, [mappingResult]);\n\n const handleMappingChange = async (index: number, newTargetField: string) => {\n const updatedMappings = [...mappings];\n updatedMappings[index] = {\n ...updatedMappings[index],\n targetField: newTargetField,\n validationStatus: 'valid', // Reset status, will be validated\n };\n\n setMappings(updatedMappings);\n\n // Validate the new mapping\n await validateMapping(updatedMappings[index], index);\n };\n\n const validateMapping = async (mapping: FieldMapping, index: number) => {\n try {\n const response = await fetch('/api/mapping/validate-field', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n fieldPath: mapping.targetField,\n value: 'sample_value', // In real implementation, use actual data\n }),\n });\n\n if (response.ok) {\n const result = await response.json();\n const updatedMappings = [...mappings];\n updatedMappings[index] = {\n ...updatedMappings[index],\n externalValidation: result.validation,\n validationStatus: result.validation.isValid ? 'valid' : 'warning',\n };\n setMappings(updatedMappings);\n }\n } catch (error) {\n console.error('Validation error:', error);\n }\n };\n\n const handleRemoveMapping = (index: number) => {\n const mapping = mappings[index];\n setMappings(mappings.filter((_, i) => i !== index));\n setUnmappedFields([...unmappedFields, mapping.sourceField]);\n };\n\n const handleAddMapping = (sourceField: string, targetField: string) => {\n const newMapping: FieldMapping = {\n sourceField,\n targetField,\n confidence: 0.5,\n validationStatus: 'valid',\n };\n\n setMappings([...mappings, newMapping]);\n setUnmappedFields(unmappedFields.filter(field => field !== sourceField));\n };\n\n const handleValidateAll = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData: mappingResult?.cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n // Update validation status based on results\n console.log('Validation result:', result);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleComplete = () => {\n if (mappingResult?.cdmData) {\n onMappingComplete(mappingResult.cdmData as CDMTrade);\n }\n };\n\n const filteredMappings = mappings.filter(mapping => {\n const matchesSearch = mapping.sourceField.toLowerCase().includes(searchTerm.toLowerCase()) ||\n mapping.targetField.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesFilter = filterStatus === 'all' || mapping.validationStatus === filterStatus;\n return matchesSearch && matchesFilter;\n });\n\n const getStatusColor = (status: string) => {\n switch (status) {\n case 'valid': return 'text-green-600 bg-green-100';\n case 'warning': return 'text-yellow-600 bg-yellow-100';\n case 'error': return 'text-red-600 bg-red-100';\n default: return 'text-gray-600 bg-gray-100';\n }\n };\n\n const getConfidenceColor = (confidence: number) => {\n if (confidence >= 0.8) return 'text-green-600';\n if (confidence >= 0.6) return 'text-yellow-600';\n return 'text-red-600';\n };\n\n return (\n

Field Mapping

\n Review and adjust the field mappings to CDM ISDA model\n

\n \n ← Back to Upload\n \n

\n\n {/* Summary Stats */}\n

{mappings.length}

Mapped Fields

{unmappedFields.length}

Unmapped Fields

\n {mappings.filter(m => m.validationStatus === 'valid').length}\n

Valid Mappings

\n {mappings.filter(m => m.validationStatus === 'error').length}\n

Errors

\n\n

\n {/* Main Mapping Table */}\n

\n {/* Controls */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n setFilterStatus(e.target.value as any)}\n className=\"mp-input\"\n >\n \n \n \n \n \n \n {isValidating ? 'Validating...' : 'Validate All'}\n \n

\n\n {/* Mapping Table */}\n

\n \n \n \n \n \n \n \n \n \n \n \n {filteredMappings.map((mapping, index) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Source Field\n	\n Target Field\n	\n Confidence\n	\n Status\n	\n Actions\n
\n \n {mapping.sourceField}\n \n	\n handleMappingChange(index, e.target.value)}\n className=\"w-full text-sm border border-gray-300 rounded px-2 py-1\"\n >\n \n {/* Add more CDM field options here */}\n \n	\n \n {Math.round(mapping.confidence * 100)}%\n \n	\n \n {mapping.validationStatus}\n \n	\n \n setSelectedMapping(mapping)}\n className=\"text-blue-600 hover:text-blue-800\"\n >\n Edit\n \n handleRemoveMapping(index)}\n className=\"text-red-600 hover:text-red-800\"\n >\n Remove\n \n \n

\n\n {filteredMappings.length === 0 && (\n

\n No mappings found matching your criteria\n

\n )}\n

\n\n {/* Action Buttons */}\n

\n \n ← Back to Upload\n \n \n Continue to Review →\n \n

\n\n {/* Sidebar */}\n

\n {/* Unmapped Fields */}\n {unmappedFields.length > 0 && (\n

Unmapped Fields

\n {unmappedFields.map((field) => (\n \n {field}\n {\n // Open mapping dialog\n setSelectedMapping({\n sourceField: field,\n targetField: '',\n confidence: 0,\n validationStatus: 'valid',\n });\n }}\n className=\"text-xs text-blue-600 hover:text-blue-800\"\n >\n Map\n \n

\n ))}\n

\n )}\n\n {/* Validation Summary */}\n

Validation Summary

\n Valid\n \n {mappings.filter(m => m.validationStatus === 'valid').length}\n \n

\n Warnings\n \n {mappings.filter(m => m.validationStatus === 'warning').length}\n \n

\n Errors\n \n {mappings.filter(m => m.validationStatus === 'error').length}\n \n

\n\n {/* Quick Actions */}\n

Quick Actions

\n {/* Auto-map remaining fields */}}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Auto-map Remaining\n \n {/* Clear all mappings */}}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Clear All Mappings\n \n {/* Export mappings */}}\n className=\"w-full mp-button-secondary text-sm\"\n >\n Export Mappings\n \n

\n\n {/* Help */}\n

Mapping Help

• Green status indicates valid mappings

• Yellow status shows warnings

• Red status indicates errors

• Higher confidence scores are better

\n\n {/* Mapping Detail Modal */}\n {selectedMapping && (\n {\n if (selectedMapping.sourceField && !selectedMapping.targetField) {\n // Adding new mapping\n handleAddMapping(updatedMapping.sourceField, updatedMapping.targetField);\n } else {\n // Updating existing mapping\n const index = mappings.findIndex(m => m.sourceField === selectedMapping.sourceField);\n if (index >= 0) {\n handleMappingChange(index, updatedMapping.targetField);\n }\n }\n setSelectedMapping(null);\n }}\n onCancel={() => setSelectedMapping(null)}\n />\n )}\n \n );\n};\n\n// Mapping Detail Modal Component\nconst MappingDetailModal: React.FC<{\n mapping: FieldMapping;\n onSave: (mapping: FieldMapping) => void;\n onCancel: () => void;\n}> = ({ mapping, onSave, onCancel }) => {\n const [targetField, setTargetField] = useState(mapping.targetField);\n const [suggestions, setSuggestions] = useState([]);\n\n useEffect(() => {\n // Load suggestions for the source field\n loadSuggestions();\n }, [mapping.sourceField]);\n\n const loadSuggestions = async () => {\n try {\n const response = await fetch('/api/upload/suggest-mapping', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ sourceField: mapping.sourceField }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setSuggestions(result.suggestions.map((s: any) => s.targetField));\n }\n } catch (error) {\n console.error('Failed to load suggestions:', error);\n }\n };\n\n return (\n

Edit Field Mapping

\n \n

\n \n Source Field\n \n \n

\n\n

\n \n Target CDM Field\n \n setTargetField(e.target.value)}\n className=\"w-full mp-input\"\n >\n \n {suggestions.map((suggestion) => (\n \n ))}\n \n

\n\n {suggestions.length > 0 && (\n

\n \n Suggestions\n \n

\n {suggestions.slice(0, 5).map((suggestion) => (\n setTargetField(suggestion)}\n className=\"block w-full text-left text-sm p-2 hover:bg-gray-50 rounded\"\n >\n {suggestion}\n \n ))}\n

\n )}\n

\n\n

\n \n Cancel\n \n onSave({ ...mapping, targetField })}\n disabled={!targetField}\n className=\"mp-button-primary disabled:opacity-50\"\n >\n Save Mapping\n \n

\n );\n};\n\nexport default MappingView;",[],[244,251,294],[244,251],{"_104":303,"_96":304,"_157":305,"_159":245,"_160":142,"_161":306,"_163":119,"_106":307,"_101":32,"_165":308,"_167":309,"_168":22,"_169":-5,"_170":310,"_99":311},"d33b52de-cfa3-11f0-bb96-42dde27851f2","favicon.svg","d33b5388-cfa3-11f0-bb96-42dde27851f2",13,["D",1764696297892],"file","",[],[244,304],{"_104":313,"_96":314,"_157":315,"_159":245,"_160":142,"_161":316,"_163":119,"_106":317,"_101":318,"_165":308,"_167":319,"_168":22,"_169":-5,"_170":320,"_99":321},"c9f02b94-cfaa-11f0-beaa-42dde27851f2","index.html","cbf87e3e-cfa3-11f0-93cf-42dde27851f2",45,["D",1764699288774],1,"\n\n\n \n \n MP Capital - CDM ISDA Data Mapping System\n \n \n \n \n\n\n

\n \n

Loading MP Capital CDM System

Initializing application...

\n\n \n \n \n \n \n\n",[],[244,314],{"_104":323,"_96":324,"_157":325,"_159":245,"_160":142,"_161":326,"_163":119,"_106":327,"_101":236,"_165":185,"_167":328,"_168":22,"_169":-5,"_170":329,"_99":330},"4e410174-cfa7-11f0-ab4f-42dde27851f2","index.tsx","d6a4ed72-cfa3-11f0-af11-42dde27851f2",33,["D",1764697792766],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0';\nimport App from './components/App.tsx';\n\n// Function to initialize the app\nconst initializeApp = () => {\n const rootElement = document.getElementById('root');\n if (rootElement) {\n console.log('Initializing MP Capital CDM System...');\n const root = createRoot(rootElement);\n root.render();\n console.log('App rendered successfully');\n } else {\n console.error('Root element not found');\n }\n};\n\n// Wait for DOM to be ready - multiple approaches for compatibility\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initializeApp);\n} else {\n // DOM is already ready\n initializeApp();\n}",[],[244,324],{"_104":332,"_96":333,"_157":334,"_159":245,"_160":142,"_161":141,"_163":119,"_106":335,"_101":318,"_165":308,"_167":336,"_168":22,"_169":-5,"_170":337,"_99":338},"38d20172-cfab-11f0-ae4b-42dde27851f2","simple.html","0e6bc12a-cfab-11f0-904f-42dde27851f2",["D",1764699474804],"\n\n\n \n \n MP Capital - CDM ISDA Data Mapping System\n \n \n\n\n

\n \n

\n MP\n

MP Capital

CDM ISDA Data Mapping

\n \n

\n\n \n

Upload Data File

Upload your Excel, SQL, or Oracle data files to map them to the CDM ISDA model

\n \n

Drop your file here, or click to browse

Supports Excel (.xlsx, .xls, .csv), SQL (.sql), and Oracle formats

\n \n \n

\n \n

Supported Formats

Excel Files

Excel spreadsheets and CSV files

Extensions: .xlsx, .xls, .csv

SQL Server

SQL Server data exports

Extensions: .sql, .txt

Oracle Database

Oracle database exports

Extensions: .sql, .txt, .dmp

Need Help?

\n 📖 View Documentation\n 💬 Contact Support\n 📋 Sample Files\n

\n \n

Manual Entry

Manual CDM entry functionality will be available here.

\n \n

Field Mapping

Field mapping functionality will be available here.

\n\n \n \n

\n\n \n\n",[],[244,333],[244],{"_104":341,"_96":342,"_157":343,"_159":-5,"_160":142,"_161":344,"_163":119,"_106":345,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":346,"_99":364},"dc00dd40-cfa2-11f0-84a0-42dde27851f2","shared","7bcf1e3e-6c05-4593-b3fc-87ef3e4dd65f",4,["D",1764695883110],[347,355],{"_104":348,"_96":349,"_157":350,"_159":343,"_160":142,"_161":344,"_163":119,"_106":351,"_101":32,"_165":185,"_167":352,"_168":22,"_169":-5,"_170":353,"_99":354},"dc00c238-cfa2-11f0-84a0-42dde27851f2","types.ts","dc00c2d8-cfa2-11f0-84a0-42dde27851f2",["D",1764695883110],"// CDM ISDA Types and Interfaces\n\nexport interface CDMTrade {\n tradeHeader: TradeHeader;\n product: Product;\n tradeLot: TradeLot[];\n party: Party[];\n account?: Account[];\n confirmation?: Confirmation;\n}\n\nexport interface TradeHeader {\n partyTradeIdentifier: PartyTradeIdentifier[];\n tradeDate: Date;\n clearedDate?: Date;\n}\n\nexport interface PartyTradeIdentifier {\n issuer?: PartyReference;\n tradeId: string;\n versionedTradeId?: VersionedTradeId;\n}\n\nexport interface VersionedTradeId {\n tradeId: string;\n version?: number;\n}\n\nexport interface PartyReference {\n href: string;\n}\n\nexport interface Product {\n productType?: string;\n productId?: ProductId[];\n // Interest Rate Derivatives\n interestRateDerivative?: InterestRateDerivative;\n // Credit Derivatives\n creditDerivative?: CreditDerivative;\n // Equity Derivatives\n equityDerivative?: EquityDerivative;\n // FX Derivatives\n fxDerivative?: FxDerivative;\n // Commodity Derivatives\n commodityDerivative?: CommodityDerivative;\n}\n\nexport interface ProductId {\n productIdScheme: string;\n value: string;\n}\n\nexport interface InterestRateDerivative {\n productType: string;\n swapStream?: SwapStream[];\n capFloor?: CapFloor;\n swaption?: Swaption;\n}\n\nexport interface SwapStream {\n id?: string;\n payerPartyReference: PartyReference;\n receiverPartyReference: PartyReference;\n calculationPeriodDates: CalculationPeriodDates;\n paymentDates: PaymentDates;\n calculationPeriodAmount: CalculationPeriodAmount;\n}\n\nexport interface CalculationPeriodDates {\n effectiveDate: AdjustableDate;\n terminationDate: AdjustableDate;\n calculationPeriodDatesAdjustments?: BusinessDayAdjustments;\n calculationPeriodFrequency?: CalculationPeriodFrequency;\n}\n\nexport interface AdjustableDate {\n unadjustedDate: Date;\n dateAdjustments?: BusinessDayAdjustments;\n}\n\nexport interface BusinessDayAdjustments {\n businessDayConvention: string;\n businessCenters?: BusinessCenters;\n}\n\nexport interface BusinessCenters {\n businessCenter: string[];\n}\n\nexport interface CalculationPeriodFrequency {\n periodMultiplier: number;\n period: string;\n rollConvention?: string;\n}\n\nexport interface PaymentDates {\n calculationPeriodDatesReference?: string;\n paymentFrequency?: PaymentFrequency;\n payRelativeTo?: string;\n paymentDatesAdjustments?: BusinessDayAdjustments;\n}\n\nexport interface PaymentFrequency {\n periodMultiplier: number;\n period: string;\n}\n\nexport interface CalculationPeriodAmount {\n calculation?: Calculation;\n knownAmountSchedule?: KnownAmountSchedule;\n}\n\nexport interface Calculation {\n notionalSchedule: NotionalSchedule;\n fixedRateSchedule?: FixedRateSchedule;\n floatingRateCalculation?: FloatingRateCalculation;\n dayCountFraction: string;\n compoundingMethod?: string;\n}\n\nexport interface NotionalSchedule {\n notionalStepSchedule: NotionalStepSchedule;\n}\n\nexport interface NotionalStepSchedule {\n initialValue: number;\n currency: string;\n step?: NotionalStep[];\n}\n\nexport interface NotionalStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface FixedRateSchedule {\n initialValue: number;\n step?: RateStep[];\n}\n\nexport interface RateStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface FloatingRateCalculation {\n floatingRateIndex: string;\n indexTenor?: Period;\n floatingRateMultiplierSchedule?: FloatingRateMultiplierSchedule;\n spreadSchedule?: SpreadSchedule;\n rateTreatment?: string;\n capRateSchedule?: StrikeSchedule;\n floorRateSchedule?: StrikeSchedule;\n}\n\nexport interface Period {\n periodMultiplier: number;\n period: string;\n}\n\nexport interface FloatingRateMultiplierSchedule {\n initialValue: number;\n step?: MultiplierStep[];\n}\n\nexport interface MultiplierStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface SpreadSchedule {\n initialValue: number;\n step?: SpreadStep[];\n}\n\nexport interface SpreadStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface StrikeSchedule {\n initialValue: number;\n step?: StrikeStep[];\n}\n\nexport interface StrikeStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface KnownAmountSchedule {\n initialValue: number;\n currency: string;\n step?: KnownAmountStep[];\n}\n\nexport interface KnownAmountStep {\n stepDate: Date;\n stepValue: number;\n}\n\nexport interface CapFloor {\n // Cap/Floor specific fields\n capFloorStream: CapFloorStream[];\n}\n\nexport interface CapFloorStream {\n payerPartyReference: PartyReference;\n receiverPartyReference: PartyReference;\n calculationPeriodDates: CalculationPeriodDates;\n paymentDates: PaymentDates;\n calculationPeriodAmount: CalculationPeriodAmount;\n capFloorType: string;\n}\n\nexport interface Swaption {\n // Swaption specific fields\n buyerPartyReference: PartyReference;\n sellerPartyReference: PartyReference;\n premium?: Premium;\n exerciseStyle: string;\n swapStream: SwapStream[];\n}\n\nexport interface Premium {\n payerPartyReference: PartyReference;\n receiverPartyReference: PartyReference;\n paymentAmount: Money;\n paymentDate: AdjustableDate;\n}\n\nexport interface Money {\n currency: string;\n amount: number;\n}\n\nexport interface CreditDerivative {\n productType: string;\n // Credit derivative specific fields\n}\n\nexport interface EquityDerivative {\n productType: string;\n // Equity derivative specific fields\n}\n\nexport interface FxDerivative {\n productType: string;\n // FX derivative specific fields\n}\n\nexport interface CommodityDerivative {\n productType: string;\n // Commodity derivative specific fields\n}\n\nexport interface TradeLot {\n lotIdentifier?: LotIdentifier[];\n priceQuantity?: PriceQuantity[];\n}\n\nexport interface LotIdentifier {\n lotId: string;\n issuer?: PartyReference;\n}\n\nexport interface PriceQuantity {\n price?: Price[];\n quantity?: Quantity[];\n observable?: Observable;\n}\n\nexport interface Price {\n value: number;\n unit?: PriceUnit;\n perUnitOf?: QuantityUnit;\n priceType?: string;\n}\n\nexport interface PriceUnit {\n currency?: string;\n unitOfAmount?: UnitOfAmount;\n}\n\nexport interface UnitOfAmount {\n currency: string;\n}\n\nexport interface Quantity {\n value: number;\n unit?: QuantityUnit;\n}\n\nexport interface QuantityUnit {\n currency?: string;\n capacityUnit?: string;\n weatherUnit?: string;\n}\n\nexport interface Observable {\n productIdentifier?: ProductIdentifier[];\n rateOption?: RateOption;\n}\n\nexport interface ProductIdentifier {\n identifier: string;\n source?: string;\n}\n\nexport interface RateOption {\n floatingRateIndex: string;\n indexTenor?: Period;\n}\n\nexport interface Party {\n id: string;\n partyId: PartyId[];\n partyName?: string;\n classification?: string;\n creditRating?: CreditRating[];\n country?: string;\n}\n\nexport interface PartyId {\n partyIdScheme: string;\n value: string;\n}\n\nexport interface CreditRating {\n creditRatingAgency: string;\n creditRatingNotation: string;\n creditRatingScale?: string;\n creditRatingDebt?: string;\n}\n\nexport interface Account {\n id: string;\n accountId: AccountId;\n accountName?: string;\n accountType?: string;\n accountBeneficiary?: PartyReference;\n servicingParty?: PartyReference;\n}\n\nexport interface AccountId {\n accountIdScheme: string;\n value: string;\n}\n\nexport interface Confirmation {\n partyTradeInformation: PartyTradeInformation[];\n}\n\nexport interface PartyTradeInformation {\n partyReference: PartyReference;\n relatedParty?: RelatedParty[];\n reportingRole?: ReportingRole[];\n}\n\nexport interface RelatedParty {\n partyReference: PartyReference;\n role: string;\n}\n\nexport interface ReportingRole {\n partyReference: PartyReference;\n role: string;\n}\n\n// File Upload Types\nexport interface FileUploadRequest {\n file: File;\n fileType: 'excel' | 'sql' | 'oracle';\n mappingPreferences?: MappingPreferences;\n}\n\nexport interface MappingPreferences {\n autoMap: boolean;\n validateExternal: boolean;\n strictMode: boolean;\n}\n\nexport interface FieldMapping {\n sourceField: string;\n targetField: string;\n confidence: number;\n validationStatus: 'valid' | 'warning' | 'error';\n suggestions?: string[];\n externalValidation?: ExternalValidationResult;\n}\n\nexport interface ExternalValidationResult {\n source: string;\n isValid: boolean;\n standardizedValue?: string;\n alternatives?: string[];\n}\n\nexport interface MappingResult {\n mappings: FieldMapping[];\n unmappedFields: string[];\n cdmData: Partial;\n validationErrors: ValidationError[];\n warnings: ValidationWarning[];\n}\n\nexport interface ValidationError {\n field: string;\n message: string;\n severity: 'error' | 'warning';\n}\n\nexport interface ValidationWarning {\n field: string;\n message: string;\n suggestion?: string;\n}\n\n// UI State Types\nexport interface AppState {\n currentView: 'upload' | 'mapping' | 'manual' | 'review';\n uploadedFile?: File;\n mappingResult?: MappingResult;\n cdmData?: CDMTrade;\n isLoading: boolean;\n error?: string;\n}\n\nexport interface DrillDownState {\n expandedSections: Set;\n selectedField?: string;\n editMode: boolean;\n}",[],[342,349],{"_104":356,"_96":357,"_157":358,"_159":343,"_160":142,"_161":359,"_163":119,"_106":360,"_101":32,"_165":185,"_167":361,"_168":22,"_169":-5,"_170":362,"_99":363},"eb9c390c-cfa2-11f0-955d-42dde27851f2","utils.ts","eb9c39d4-cfa2-11f0-955d-42dde27851f2",5,["D",1764695909297],"// Shared utility functions for CDM ISDA system\n\nexport const formatDate = (date: Date | string): string => {\n if (typeof date === 'string') {\n date = new Date(date);\n }\n return date.toISOString().split('T')[0];\n};\n\nexport const formatCurrency = (amount: number, currency: string): string => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: currency,\n }).format(amount);\n};\n\nexport const formatPercentage = (rate: number): string => {\n return `${(rate * 100).toFixed(4)}%`;\n};\n\nexport const validateRequired = (value: any, fieldName: string): string | null => {\n if (value === null || value === undefined || value === '') {\n return `${fieldName} is required`;\n }\n return null;\n};\n\nexport const validateDate = (date: string | Date): boolean => {\n const d = new Date(date);\n return d instanceof Date && !isNaN(d.getTime());\n};\n\nexport const validateCurrency = (currency: string): boolean => {\n const validCurrencies = ['USD', 'EUR', 'GBP', 'JPY', 'CHF', 'CAD', 'AUD', 'NZD', 'SEK', 'NOK', 'DKK'];\n return validCurrencies.includes(currency.toUpperCase());\n};\n\nexport const validateBusinessDayConvention = (convention: string): boolean => {\n const validConventions = ['FOLLOWING', 'MODFOLLOWING', 'PRECEDING', 'MODPRECEDING', 'NONE'];\n return validConventions.includes(convention.toUpperCase());\n};\n\nexport const validateDayCountFraction = (dayCount: string): boolean => {\n const validDayCounts = [\n 'ACT/360', 'ACT/365', 'ACT/ACT', '30/360', '30E/360', 'ACT/365.FIXED',\n 'ACT/ACT.ISDA', 'ACT/ACT.AFB', '30/360.ISDA', '30E/360.ISDA'\n ];\n return validDayCounts.includes(dayCount.toUpperCase());\n};\n\nexport const generateId = (): string => {\n return `id_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n};\n\nexport const deepClone = (obj: T): T => {\n return JSON.parse(JSON.stringify(obj));\n};\n\nexport const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => current?.[key], obj);\n};\n\nexport const setNestedValue = (obj: any, path: string, value: any): void => {\n const keys = path.split('.');\n const lastKey = keys.pop()!;\n const target = keys.reduce((current, key) => {\n if (!current[key]) current[key] = {};\n return current[key];\n }, obj);\n target[lastKey] = value;\n};\n\nexport const flattenObject = (obj: any, prefix = ''): Record => {\n const flattened: Record = {};\n \n for (const key in obj) {\n if (obj.hasOwnProperty(key)) {\n const newKey = prefix ? `${prefix}.${key}` : key;\n \n if (obj[key] !== null && typeof obj[key] === 'object' && !Array.isArray(obj[key]) && !(obj[key] instanceof Date)) {\n Object.assign(flattened, flattenObject(obj[key], newKey));\n } else {\n flattened[newKey] = obj[key];\n }\n }\n }\n \n return flattened;\n};\n\nexport const unflattenObject = (flattened: Record): any => {\n const result = {};\n \n for (const key in flattened) {\n setNestedValue(result, key, flattened[key]);\n }\n \n return result;\n};\n\nexport const sanitizeFileName = (fileName: string): string => {\n return fileName.replace(/[^a-zA-Z0-9.-]/g, '_');\n};\n\nexport const getFileExtension = (fileName: string): string => {\n return fileName.split('.').pop()?.toLowerCase() || '';\n};\n\nexport const isValidEmail = (email: string): boolean => {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n};\n\nexport const debounce = any>(\n func: T,\n wait: number\n): ((...args: Parameters) => void) => {\n let timeout: NodeJS.Timeout;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n};\n\nexport const throttle = any>(\n func: T,\n limit: number\n): ((...args: Parameters) => void) => {\n let inThrottle: boolean;\n return (...args: Parameters) => {\n if (!inThrottle) {\n func(...args);\n inThrottle = true;\n setTimeout(() => inThrottle = false, limit);\n }\n };\n};\n\n// CDM specific utilities\nexport const createEmptyCDMTrade = (): Partial => {\n return {\n tradeHeader: {\n partyTradeIdentifier: [],\n tradeDate: new Date(),\n },\n product: {\n productType: '',\n },\n tradeLot: [],\n party: [],\n };\n};\n\nexport const validateCDMTrade = (trade: any): string[] => {\n const errors: string[] = [];\n \n if (!trade.tradeHeader) {\n errors.push('Trade header is required');\n } else {\n if (!trade.tradeHeader.tradeDate) {\n errors.push('Trade date is required');\n }\n if (!trade.tradeHeader.partyTradeIdentifier || trade.tradeHeader.partyTradeIdentifier.length === 0) {\n errors.push('At least one party trade identifier is required');\n }\n }\n \n if (!trade.product) {\n errors.push('Product is required');\n }\n \n if (!trade.party || trade.party.length === 0) {\n errors.push('At least one party is required');\n }\n \n return errors;\n};\n\nexport const getCDMFieldPath = (section: string, field: string): string => {\n return `${section}.${field}`;\n};\n\nexport const getCDMFieldLabel = (path: string): string => {\n const parts = path.split('.');\n const lastPart = parts[parts.length - 1];\n \n // Convert camelCase to Title Case\n return lastPart\n .replace(/([A-Z])/g, ' $1')\n .replace(/^./, str => str.toUpperCase())\n .trim();\n};\n\nexport const getCDMSectionTitle = (section: string): string => {\n const titles: Record = {\n tradeHeader: 'Trade Header',\n product: 'Product Details',\n tradeLot: 'Trade Lots',\n party: 'Parties',\n account: 'Accounts',\n confirmation: 'Confirmation',\n interestRateDerivative: 'Interest Rate Derivative',\n creditDerivative: 'Credit Derivative',\n equityDerivative: 'Equity Derivative',\n fxDerivative: 'FX Derivative',\n commodityDerivative: 'Commodity Derivative',\n };\n \n return titles[section] || section.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase());\n};",[],[342,357],[342],{"_104":366,"_96":367,"_157":368,"_159":-5,"_160":142,"_161":369,"_163":119,"_106":370,"_101":318,"_165":185,"_167":73,"_168":22,"_169":-5,"_170":371,"_99":372},"e54ab6fa-cfa7-11f0-af93-42dde27851f2","..ts","e28fa61e-cfa7-11f0-b67c-42dde27851f2",41,["D",1764698046175],[],[367],{"_104":374,"_96":375,"_157":376,"_159":-5,"_160":142,"_161":377,"_163":119,"_106":378,"_101":318,"_165":308,"_167":379,"_168":22,"_169":-5,"_170":380,"_99":381},"fe9a53e8-cfa4-11f0-858a-42dde27851f2","README.md","c4e51c84-cfa2-11f0-bc4d-42dde27851f2",22,["D",1764696800152],"# MP Capital CDM ISDA Data Mapping System\n\nA comprehensive system for banks and financial institutions to submit and map data to the CDM (Common Domain Model) ISDA standard. This application provides intelligent field mapping, external data validation, and a complete manual entry interface with drill-down capabilities.\n\n## 🚀 Features\n\n### Core Functionality\n- **Multi-Format File Upload**: Support for Excel (.xlsx, .xls, .csv), SQL Server, and Oracle data formats\n- **Intelligent Field Mapping**: AI-powered mapping to CDM ISDA model with confidence scoring\n- **External Data Validation**: Real-time validation against external data sources (currency codes, business centers, rate indices)\n- **Manual Entry Interface**: Complete CDM model with expandable drill-down sections\n- **Real-time Validation**: Comprehensive validation with error and warning reporting\n- **Multiple Export Formats**: Export to JSON, XML, and CSV formats\n\n### User Experience\n- **MP Capital Branding**: Professional branding with custom styling and logo\n- **Responsive Design**: Works seamlessly on desktop and mobile devices\n- **Progress Tracking**: Visual progress indicators throughout the workflow\n- **Template System**: Pre-built templates for common trade types (Interest Rate Swaps, Cap/Floor)\n- **Search & Filter**: Advanced search and filtering capabilities\n- **Drag & Drop**: Intuitive file upload with drag-and-drop support\n\n### Technical Features\n- **External API Integration**: Validates currencies, business centers, and rate indices\n- **CDM Compliance**: Full compliance with CDM ISDA standards\n- **Error Handling**: Comprehensive error handling with detailed feedback\n- **Performance Optimized**: Efficient processing of large data files\n- **Security**: Secure file handling and data processing\n\n## 🏗️ Architecture\n\n### Backend Services\n```\nbackend/\n├── index.ts # Main Hono server with CORS and error handling\n├── routes/\n│ ├── upload.ts # File upload, processing, and export\n│ └── mapping.ts # CDM structure, validation, and templates\n└── services/\n ├── cdm-parser.ts # CDM model parsing and validation\n ├── file-processor.ts # Multi-format file processing\n └── external-data.ts # External data source integration\n```\n\n### Frontend Components\n```\nfrontend/\n├── index.html # Main HTML with MP Capital styling\n├── index.tsx # React application entry point\n└── components/\n ├── App.tsx # Main application with routing\n ├── Header.tsx # Navigation with progress tracking\n ├── FileUpload.tsx # File upload with drag-and-drop\n ├── MappingView.tsx # Interactive field mapping interface\n └── ManualEntry.tsx # CDM manual entry with drill-down\n```\n\n### Shared Resources\n```\nshared/\n├── types.ts # Complete CDM type definitions\n└── utils.ts # Utility functions and validation\n```\n\n## 🎯 User Workflow\n\n### 1. File Upload\n- **Drag & Drop Interface**: Users can drag files directly onto the upload area\n- **Format Detection**: Automatic detection of file format (Excel, SQL, Oracle)\n- **Validation**: File size and format validation before processing\n- **Progress Tracking**: Real-time upload and processing progress\n\n### 2. Field Mapping\n- **Automatic Mapping**: AI-powered field mapping with confidence scores\n- **Manual Adjustment**: Users can review and adjust mappings\n- **External Validation**: Real-time validation against external data sources\n- **Mapping Suggestions**: Intelligent suggestions for unmapped fields\n\n### 3. Manual Entry (Alternative Path)\n- **Complete CDM Structure**: Full CDM model with all sections\n- **Drill-Down Interface**: Expandable sections for detailed data entry\n- **Template Support**: Pre-built templates for common trade types\n- **Field Validation**: Real-time validation with error highlighting\n\n### 4. Review & Export\n- **Data Preview**: Complete review of mapped CDM data\n- **Validation Summary**: Overview of errors and warnings\n- **Multiple Export Formats**: JSON, XML, and CSV export options\n- **Download**: Direct download of processed data\n\n## 🔧 API Endpoints\n\n### Upload Endpoints\n- `POST /api/upload/file` - Upload and process data files\n- `GET /api/upload/formats` - Get supported file formats\n- `POST /api/upload/validate-field` - Validate individual fields\n- `POST /api/upload/suggest-mapping` - Get mapping suggestions\n- `POST /api/upload/export` - Export processed data\n\n### Mapping Endpoints\n- `GET /api/mapping/structure` - Get complete CDM structure\n- `POST /api/mapping/validate` - Validate CDM trade data\n- `POST /api/mapping/validate-field` - Validate specific fields\n- `GET /api/mapping/suggestions/:fieldPath` - Get field suggestions\n- `GET /api/mapping/templates` - Get trade templates\n\n### Health Check\n- `GET /api/health` - System health status\n\n## 📊 Supported Data Formats\n\n### Excel Files (.xlsx, .xls, .csv)\n- **Requirements**: Headers in first row, data from second row\n- **Sample Headers**: trade_id, trade_date, counterparty_name, notional, currency\n- **Max Size**: 10MB\n\n### SQL Server Files (.sql, .txt)\n- **Formats**: INSERT statements or tab-separated query results\n- **Encoding**: UTF-8\n- **Sample**: `INSERT INTO trades (trade_id, trade_date) VALUES ('TRD001', '2024-01-15');`\n\n### Oracle Files (.sql, .txt, .dmp)\n- **Formats**: Oracle INSERT statements or pipe-separated exports\n- **Encoding**: UTF-8\n- **Sample**: `INSERT INTO \"TRADES\" (\"TRADE_ID\") VALUES ('TRD001');`\n\n## 🔍 External Data Validation\n\n### Currency Validation\n- **Source**: ExchangeRate-API and static currency lists\n- **Validates**: ISO 4217 currency codes\n- **Examples**: USD, EUR, GBP, JPY\n\n### Business Center Validation\n- **Source**: ISDA standard business centers\n- **Validates**: Business center codes\n- **Examples**: GBLO, USNY, JPTO, FRPA\n\n### Rate Index Validation\n- **Source**: Standard floating rate indices\n- **Validates**: Rate index names\n- **Examples**: USD-SOFR, EUR-ESTR, GBP-SONIA\n\n### LEI Validation\n- **Source**: GLEIF API (when available)\n- **Validates**: Legal Entity Identifiers\n- **Format**: 20 alphanumeric characters\n\n## 🎨 MP Capital Branding\n\n### Design System\n- **Primary Color**: #1e40af (Blue)\n- **Secondary Color**: #3b82f6 (Light Blue)\n- **Accent Color**: #f59e0b (Amber)\n- **Typography**: Professional, clean fonts\n- **Logo**: MP Capital with data visualization elements\n\n### UI Components\n- **Cards**: Rounded corners with subtle shadows\n- **Buttons**: Primary and secondary button styles\n- **Forms**: Consistent input styling with focus states\n- **Progress**: Animated progress bars and spinners\n- **Status**: Color-coded validation status indicators\n\n## 🚀 Getting Started\n\n### Access the Application\n1. **Main Interface**: Visit the application URL\n2. **File Upload**: Start with the file upload interface\n3. **Manual Entry**: Or use the manual entry for direct CDM input\n\n### Sample Data\nA sample CSV file is included (`sample-data.csv`) with example trade data:\n```csv\ntrade_id,trade_date,counterparty_name,notional,currency,fixed_rate,floating_rate_index,maturity_date,product_type\nTRD001,2024-01-15,Bank ABC,1000000,USD,0.0325,USD-SOFR,2029-01-15,InterestRateSwap\n```\n\n### Testing the System\n1. **Upload Sample File**: Use the provided sample CSV\n2. **Review Mappings**: Check the automatic field mappings\n3. **Validate Data**: Run validation to see external data checks\n4. **Export Results**: Download the mapped CDM data\n\n## 🔧 Technical Implementation\n\n### Framework & Libraries\n- **Backend**: Hono.js for high-performance API\n- **Frontend**: React 18 with TypeScript\n- **Styling**: TailwindCSS with custom MP Capital theme\n- **File Processing**: Custom parsers for multiple formats\n- **Validation**: External API integration for data validation\n\n### Performance Features\n- **Streaming**: Large file processing with progress tracking\n- **Caching**: Intelligent caching of validation results\n- **Lazy Loading**: Components loaded on demand\n- **Debouncing**: Optimized API calls for real-time validation\n\n### Security Features\n- **File Validation**: Comprehensive file type and size validation\n- **Input Sanitization**: All user inputs are sanitized\n- **Error Handling**: Secure error messages without sensitive data\n- **CORS**: Proper CORS configuration for API access\n\n## 📈 System Status\n\n- **Version**: 1.0.0\n- **Status**: Production Ready\n- **Last Updated**: December 2024\n- **Compatibility**: Modern browsers, mobile responsive\n\n## 🆘 Support & Documentation\n\n### Help Resources\n- **In-App Help**: Context-sensitive help throughout the interface\n- **Sample Files**: Example files for testing different formats\n- **Error Messages**: Detailed error messages with suggestions\n- **Validation Feedback**: Real-time feedback on data quality\n\n### Contact Information\n- **Support**: Available through the application interface\n- **Documentation**: Comprehensive in-app documentation\n- **Updates**: Regular updates with new features and improvements\n\n---\n\n**MP Capital CDM ISDA Data Mapping System** - Transforming financial data mapping with intelligence and precision.",[],[375],{"_104":383,"_96":384,"_157":385,"_159":-5,"_160":142,"_161":318,"_163":119,"_106":386,"_101":32,"_165":185,"_167":73,"_168":22,"_169":-5,"_170":387,"_99":388},"181df7ba-5ba7-11f0-9a49-f69ea79377d9","main.tsx","181df878-5ba7-11f0-9a49-f69ea79377d9",["D",1751943367070],[],[384],{"_104":390,"_96":391,"_157":392,"_159":-5,"_160":142,"_161":393,"_163":119,"_106":394,"_101":236,"_165":395,"_167":396,"_168":22,"_169":-5,"_170":397,"_99":398},"aa56ab5c-cfa8-11f0-b102-42dde27851f2","new-file-2757.ts","72c3d12e-cfa8-11f0-898b-42dde27851f2",44,["D",1764698376730],"email","// Learn more: https://docs.val.town/vals/email/\nexport default async function (e: Email) {\n console.log(e);\n}",[],[391],{"_104":400,"_96":401,"_157":402,"_159":-5,"_160":142,"_161":236,"_163":119,"_106":403,"_101":32,"_165":185,"_167":73,"_168":22,"_169":-5,"_170":404,"_99":405},"4d9604d6-5ba8-11f0-8d67-f69ea79377d9","new-file-3201.tsx","4d960580-5ba8-11f0-8d67-f69ea79377d9",["D",1751943886275],[],[401],{"_104":407,"_96":408,"_157":409,"_159":-5,"_160":142,"_161":410,"_163":119,"_106":411,"_101":32,"_165":308,"_167":412,"_168":22,"_169":-5,"_170":413,"_99":414},"dfd8c9d0-cfa4-11f0-a39e-42dde27851f2","sample-data.csv","dfd8ca8e-cfa4-11f0-a39e-42dde27851f2",21,["D",1764696748551],"trade_id,trade_date,counterparty_name,notional,currency,fixed_rate,floating_rate_index,maturity_date,product_type\nTRD001,2024-01-15,Bank ABC,1000000,USD,0.0325,USD-SOFR,2029-01-15,InterestRateSwap\nTRD002,2024-01-16,Credit Union XYZ,2500000,EUR,0.0275,EUR-ESTR,2027-01-16,InterestRateSwap\nTRD003,2024-01-17,Investment Bank DEF,5000000,GBP,0.0425,GBP-SONIA,2031-01-17,InterestRateSwap",[],[408],"files",[154,172,179,189,198,204,213,221,231,242,249,256,265,274,283,292,302,312,322,331,340,347,355,365,373,382,389,399,406],"counts",{"_419":32,"_420":318,"_421":32,"_422":423},"pulls","branches","forks","envVars",{"_424":32,"_425":32},"count","emptyCount","contents",[],{"_104":284,"_96":285,"_157":286,"_159":252,"_160":142,"_161":287,"_163":119,"_106":429,"_101":162,"_165":185,"_167":289,"_168":22,"_169":-5,"_99":430},["D",1764697946860],[244,251,285],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":439,"_308":444,"_447":448,"_482":483,"_492":-7,"_493":32,"_494":22},{"_104":105,"_96":97,"_106":440,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":441,"_136":442,"_139":443,"_151":22},["D",1751943367054],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_104":142,"_143":105,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},{"_104":284,"_96":285,"_157":286,"_159":252,"_160":142,"_161":287,"_163":119,"_106":445,"_101":162,"_165":185,"_167":289,"_168":22,"_169":-5,"_99":446},["D",1764697946860],[244,251,285],"history",[449,451,456,461,467,472,477],{"_104":284,"_160":142,"_157":286,"_96":285,"_167":289,"_165":185,"_101":162,"_159":252,"_106":450,"_161":287,"_169":-5},["D",1764697946860],{"_104":452,"_160":142,"_157":286,"_96":285,"_167":453,"_165":185,"_101":359,"_159":252,"_106":454,"_161":455,"_169":-5},"a6d1ac58-cfa7-11f0-befa-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface DrillDownState {\n expandedSections: Set;\n editMode: boolean;\n}\n\ninterface ValidationError {\n field: string;\n message: string;\n}\n\ninterface ValidationWarning {\n field: string;\n message: string;\n}\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n onError,\n}) => {\n const [cdmData, setCdmData] = useState>(createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n // For now, just show a success message\n console.log('CDM data completed:', cdmData);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",["D",1764697941362],36,{"_104":457,"_160":142,"_157":286,"_96":285,"_167":458,"_165":185,"_101":344,"_159":252,"_106":459,"_161":460,"_169":-5},"a3cb799e-cfa7-11f0-b761-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface DrillDownState {\n expandedSections: Set;\n editMode: boolean;\n}\n\ninterface ValidationError {\n field: string;\n message: string;\n}\n\ninterface ValidationWarning {\n field: string;\n message: string;\n}\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n onError,\n}) => {\n const [cdmData, setCdmData] = useState>(createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n // For now, just show a success message\n console.log('CDM data completed:', cdmData);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n \n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",["D",1764697936292],35,{"_104":462,"_160":142,"_157":286,"_96":285,"_167":463,"_165":185,"_101":464,"_159":252,"_106":465,"_161":466,"_169":-5},"5f68eb7e-cfa7-11f0-b751-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade, DrillDownState, ValidationError, ValidationWarning } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n onError,\n}) => {\n const [cdmData, setCdmData] = useState>(createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n // For now, just show a success message\n console.log('CDM data completed:', cdmData);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n \n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",3,["D",1764697821548],34,{"_104":468,"_160":142,"_157":286,"_96":285,"_167":469,"_165":185,"_101":236,"_159":252,"_106":470,"_161":471,"_169":-5},"2a0336d8-cfa7-11f0-b7e1-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade, DrillDownState, ValidationError, ValidationWarning } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n onError,\n}) => {\n const [cdmData, setCdmData] = useState>(createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n onComplete(cdmData as CDMTrade);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n \n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",["D",1764697731976],32,{"_104":473,"_160":142,"_157":286,"_96":285,"_167":474,"_165":185,"_101":318,"_159":252,"_106":475,"_161":476,"_169":-5},"270d07ba-cfa7-11f0-b7e1-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade, DrillDownState, ValidationError, ValidationWarning } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface ManualEntryProps {\n onError: (error: string) => void;\n}\n\nconst ManualEntry: React.FC = ({\n initialData,\n onComplete,\n onError,\n onBack,\n}) => {\n const [cdmData, setCdmData] = useState>(initialData || createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n onComplete(cdmData as CDMTrade);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n \n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",["D",1764697727006],31,{"_104":478,"_160":142,"_157":286,"_96":285,"_167":479,"_165":185,"_101":32,"_159":252,"_106":480,"_161":481,"_169":-5},"ce4b7bd6-cfa4-11f0-9894-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport type { CDMTrade, DrillDownState, ValidationError, ValidationWarning } from '../../shared/types.ts';\nimport { createEmptyCDMTrade, getCDMSectionTitle, getCDMFieldLabel } from '../../shared/utils.ts';\n\ninterface ManualEntryProps {\n initialData?: Partial;\n onComplete: (cdmData: CDMTrade) => void;\n onError: (error: string) => void;\n onBack: () => void;\n}\n\nconst ManualEntry: React.FC = ({\n initialData,\n onComplete,\n onError,\n onBack,\n}) => {\n const [cdmData, setCdmData] = useState>(initialData || createEmptyCDMTrade());\n const [cdmStructure, setCdmStructure] = useState(null);\n const [drillDownState, setDrillDownState] = useState({\n expandedSections: new Set(['tradeHeader']),\n editMode: false,\n });\n const [validationErrors, setValidationErrors] = useState([]);\n const [validationWarnings, setValidationWarnings] = useState([]);\n const [isValidating, setIsValidating] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [templates, setTemplates] = useState(null);\n\n useEffect(() => {\n loadCDMStructure();\n loadTemplates();\n }, []);\n\n const loadCDMStructure = async () => {\n try {\n const response = await fetch('/api/mapping/structure');\n if (response.ok) {\n const result = await response.json();\n setCdmStructure(result.structure);\n }\n } catch (error) {\n onError(`Failed to load CDM structure: ${error.message}`);\n }\n };\n\n const loadTemplates = async () => {\n try {\n const response = await fetch('/api/mapping/templates');\n if (response.ok) {\n const result = await response.json();\n setTemplates(result.templates);\n }\n } catch (error) {\n console.error('Failed to load templates:', error);\n }\n };\n\n const handleSectionToggle = (sectionId: string) => {\n const newExpanded = new Set(drillDownState.expandedSections);\n if (newExpanded.has(sectionId)) {\n newExpanded.delete(sectionId);\n } else {\n newExpanded.add(sectionId);\n }\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n };\n\n const handleFieldChange = (path: string, value: any) => {\n const updatedData = { ...cdmData };\n setNestedValue(updatedData, path, value);\n setCdmData(updatedData);\n };\n\n const handleValidate = async () => {\n setIsValidating(true);\n try {\n const response = await fetch('/api/mapping/validate', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ cdmData }),\n });\n\n if (response.ok) {\n const result = await response.json();\n setValidationErrors(result.errors || []);\n setValidationWarnings(result.warnings || []);\n }\n } catch (error) {\n onError(`Validation failed: ${error.message}`);\n } finally {\n setIsValidating(false);\n }\n };\n\n const handleTemplateApply = async () => {\n if (!selectedTemplate || !templates) return;\n\n try {\n const template = templates[selectedTemplate];\n if (template) {\n setCdmData(template.template);\n // Expand relevant sections\n const newExpanded = new Set(['tradeHeader', 'product', 'party']);\n setDrillDownState(prev => ({ ...prev, expandedSections: newExpanded }));\n }\n } catch (error) {\n onError(`Failed to apply template: ${error.message}`);\n }\n };\n\n const handleComplete = () => {\n if (validationErrors.length > 0) {\n onError('Please fix validation errors before proceeding');\n return;\n }\n onComplete(cdmData as CDMTrade);\n };\n\n const setNestedValue = (obj: any, path: string, value: any) => {\n const keys = path.split('.');\n let current = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push({});\n }\n current = current[arrayKey][idx];\n } else {\n if (!current[key]) current[key] = {};\n current = current[key];\n }\n }\n\n const lastKey = keys[keys.length - 1];\n const arrayMatch = lastKey.match(/^(\\w+)\\[(\\d+)\\]$/);\n \n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n const idx = parseInt(index);\n \n if (!current[arrayKey]) current[arrayKey] = [];\n while (current[arrayKey].length <= idx) {\n current[arrayKey].push('');\n }\n current[arrayKey][idx] = value;\n } else {\n current[lastKey] = value;\n }\n };\n\n const getNestedValue = (obj: any, path: string): any => {\n return path.split('.').reduce((current, key) => {\n const arrayMatch = key.match(/^(\\w+)\\[(\\d+)\\]$/);\n if (arrayMatch) {\n const [, arrayKey, index] = arrayMatch;\n return current?.[arrayKey]?.[parseInt(index)];\n }\n return current?.[key];\n }, obj);\n };\n\n const renderField = (fieldConfig: any, path: string, value: any) => {\n const fieldId = `field-${path}`;\n const hasError = validationErrors.some(error => error.field === path);\n const hasWarning = validationWarnings.some(warning => warning.field === path);\n\n switch (fieldConfig.type) {\n case 'string':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n {hasWarning && (\n

\n {validationWarnings.find(warning => warning.field === path)?.message}\n

\n )}\n

\n );\n\n case 'number':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'date':\n return (\n

\n {validationErrors.find(error => error.field === path)?.message}\n

\n )}\n

\n );\n\n case 'array':\n return (\n

\n {(getNestedValue(cdmData, path) || []).map((item: any, index: number) => (\n

\n {fieldConfig.itemStructure ? (\n

\n {renderObject(fieldConfig.itemStructure, `${path}[${index}]`, item)}\n

\n ))}\n

\n );\n\n case 'object':\n return (\n

\n \n {fieldConfig.title}\n {fieldConfig.required && *}\n \n

\n {renderObject(fieldConfig.fields, path, value)}\n

\n );\n\n default:\n return (\n

\n \n {fieldConfig.title} (Unsupported type: {fieldConfig.type})\n \n handleFieldChange(path, e.target.value)}\n className=\"w-full mp-input\"\n disabled\n />\n

\n handleSectionToggle(sectionKey)}\n >\n

\n \n \n \n

\n {sectionConfig.title}\n {sectionConfig.required && *}\n

\n {hasErrors && (\n \n Errors\n \n )}\n {hasWarnings && (\n \n Warnings\n \n )}\n

\n\n {isExpanded && (\n

\n {sectionConfig.fields ? (\n renderObject(sectionConfig.fields, sectionKey, sectionData)\n ) : (\n

No fields defined for this section

\n )}\n

\n )}\n \n );\n };\n\n return (\n

Manual CDM Entry

\n Enter CDM ISDA data manually with drill-down capabilities\n

\n \n

\n\n

\n {/* Main Content */}\n

\n {/* Search and Templates */}\n

\n \n Search Fields\n \n setSearchTerm(e.target.value)}\n className=\"w-full mp-input\"\n />\n

\n \n Apply Template\n \n

\n setSelectedTemplate(e.target.value)}\n className=\"flex-1 mp-input\"\n >\n \n {templates && Object.entries(templates).map(([key, template]: [string, any]) => (\n \n ))}\n \n \n Apply\n \n

\n\n {/* CDM Sections */}\n

\n {cdmStructure && Object.entries(cdmStructure).map(([sectionKey, sectionConfig]: [string, any]) => \n renderSection(sectionKey, sectionConfig)\n )}\n

\n\n {/* Action Buttons */}\n

\n \n

\n \n {isValidating ? 'Validating...' : 'Validate'}\n \n \n Complete Entry →\n \n

\n\n {/* Sidebar */}\n

\n {/* Validation Status */}\n

Validation Status

\n Errors\n 0 ? 'text-red-600' : 'text-green-600'}`}>\n {validationErrors.length}\n \n

\n Warnings\n 0 ? 'text-yellow-600' : 'text-green-600'}`}>\n {validationWarnings.length}\n \n

\n\n {validationErrors.length > 0 && (\n

Recent Errors

\n {validationErrors.slice(0, 3).map((error, index) => (\n

\n {error.field}: {error.message}\n

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n\n {/* Progress */}\n

Completion Progress

\n {config.title}\n \n {hasData ? 'Complete' : 'Empty'}\n \n

\n );\n })}\n

\n\n {/* Help */}\n

Help

• Click section headers to expand/collapse

• Required fields are marked with *

• Use templates for common trade types

• Validate before completing entry

\n );\n};\n\nexport default ManualEntry;",["D",1764696719107],19,"versions",[484,486,487,488,489,490,491],{"_308":449,"_485":451},"previous",{"_308":451,"_485":456},{"_308":456,"_485":461},{"_308":461,"_485":467},{"_308":467,"_485":472},{"_308":472,"_485":477},{"_308":477,"_485":-5},"versionNumber","page","hasNext","actionData","errors"]

MRPRRSIDENT

CDMBenchmarking

History for ManualEntry.tsx