{"version":3,"file":"Vault_form_code.a0Z_TcaJ.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/3YsvaCvM2UblCZXcPj73/lSbPa5PdhLKJeJ4u8NhM/Vault_form_code.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export default function VaultFormComponent(){const[documentTitle,setDocumentTitle]=useState(\"\");const[documentCategory,setDocumentCategory]=useState(\"\");const[customCategory,setCustomCategory]=useState(\"\");const[documentNotes,setDocumentNotes]=useState(\"\");const[uploadedImage,setUploadedImage]=useState(null);const[showCustomInput,setShowCustomInput]=useState(false);const[editingIndex,setEditingIndex]=useState(null);const categories=[\"Will\",\"Driving licence\",\"Health\",\"Contract\",\"Bank\",\"Insurance\",\"Other\"];// Load saved data when component mounts\nuseEffect(()=>{const loadSavedData=()=>{// Check if we're editing an existing document\nconst urlParams=new URLSearchParams(window.location.search);const editIndex=urlParams.get(\"edit\");if(editIndex!==null){const vaultEntries=JSON.parse(localStorage.getItem(\"vaultEntries\")||\"[]\");const entryToEdit=vaultEntries[parseInt(editIndex)];if(entryToEdit){setDocumentTitle(entryToEdit.title);setDocumentCategory(entryToEdit.category);setDocumentNotes(entryToEdit.notes);setUploadedImage(entryToEdit.image);setEditingIndex(parseInt(editIndex));// Check if it's a custom category\nif(entryToEdit.category&&!categories.includes(entryToEdit.category)){setShowCustomInput(true);setCustomCategory(entryToEdit.category);setDocumentCategory(\"Other\");}}}};loadSavedData();setTimeout(loadSavedData,100);},[]);// Handle category selection\nconst handleCategoryChange=e=>{const selected=e.target.value;setDocumentCategory(selected);if(selected===\"Other\"){setShowCustomInput(true);}else{setShowCustomInput(false);setCustomCategory(\"\");}};// Handle image upload\nconst handleImageUpload=event=>{const file=event.target.files[0];if(file){const reader=new FileReader;reader.onload=e=>{setUploadedImage(e.target.result);};reader.readAsDataURL(file);}};// Handle save (without navigation or clearing)\nconst handleSave=()=>{const finalCategory=showCustomInput&&customCategory.trim()?customCategory.trim():documentCategory;if(documentTitle.trim()&&finalCategory&&documentNotes.trim()){const newEntry={id:Date.now(),title:documentTitle,category:finalCategory,notes:documentNotes,image:uploadedImage,createdAt:new Date().toISOString()};// Get existing entries\nconst existingEntries=JSON.parse(localStorage.getItem(\"vaultEntries\")||\"[]\");if(editingIndex!==null){// Update existing entry\nexistingEntries[editingIndex]={...existingEntries[editingIndex],...newEntry};alert(\"Document updated successfully!\");}else{// Add new entry\nexistingEntries.push(newEntry);alert(\"Document saved successfully!\");}// Save updated entries\nlocalStorage.setItem(\"vaultEntries\",JSON.stringify(existingEntries));// Don't clear form after saving - keep data visible\n}else{alert(\"Please fill in the document title, category, and notes/instructions\");}};// Clear form after saving\nconst clearForm=()=>{setDocumentTitle(\"\");setDocumentCategory(\"\");setCustomCategory(\"\");setDocumentNotes(\"\");setUploadedImage(null);setShowCustomInput(false);setEditingIndex(null);};// Detect dark mode\nconst isDarkMode=window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",padding:\"20px\",fontFamily:\"Cormorant Garamond, serif\",backgroundColor:isDarkMode?\"#1a1a1a\":\"transparent\",minHeight:\"100vh\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{marginBottom:\"25px\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"label\",{style:{display:\"block\",fontFamily:\"Cormorant Garamond, serif\",fontSize:\"20px\",marginBottom:\"10px\",color:isDarkMode?\"#ffffff\":\"#333\"},children:\"Document Title\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"Enter document title\",value:documentTitle,onChange:e=>setDocumentTitle(e.target.value),style:{width:\"100%\",padding:\"15px\",border:isDarkMode?\"1px solid #404040\":\"1px solid #E5E5E5\",borderRadius:\"12px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",backgroundColor:isDarkMode?\"#2a2a2a\":\"#FAFAFA\",color:isDarkMode?\"#ffffff\":\"#333\",outline:\"none\",boxSizing:\"border-box\"}})]}),/*#__PURE__*/_jsxs(\"div\",{style:{marginBottom:\"25px\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"label\",{style:{display:\"block\",fontFamily:\"Cormorant Garamond, serif\",fontSize:\"20px\",marginBottom:\"10px\",color:isDarkMode?\"#ffffff\":\"#333\"},children:\"Category\"}),/*#__PURE__*/_jsxs(\"select\",{value:documentCategory,onChange:handleCategoryChange,style:{width:\"100%\",padding:\"15px\",border:isDarkMode?\"1px solid #404040\":\"1px solid #E5E5E5\",borderRadius:\"12px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",backgroundColor:isDarkMode?\"#2a2a2a\":\"#FAFAFA\",color:isDarkMode?\"#ffffff\":\"#333\",outline:\"none\",boxSizing:\"border-box\",cursor:\"pointer\"},children:[/*#__PURE__*/_jsx(\"option\",{value:\"\",children:\"Select a category\"}),categories.map(category=>/*#__PURE__*/_jsx(\"option\",{value:category,children:category},category))]}),showCustomInput&&/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"Enter custom category\",value:customCategory,onChange:e=>setCustomCategory(e.target.value),style:{width:\"100%\",padding:\"15px\",border:isDarkMode?\"1px solid #404040\":\"1px solid #E5E5E5\",borderRadius:\"12px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",backgroundColor:isDarkMode?\"#2a2a2a\":\"#FAFAFA\",color:isDarkMode?\"#ffffff\":\"#333\",outline:\"none\",boxSizing:\"border-box\",marginTop:\"10px\"}})]}),/*#__PURE__*/_jsxs(\"div\",{style:{marginBottom:\"25px\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"label\",{style:{display:\"block\",fontFamily:\"Cormorant Garamond, serif\",fontSize:\"20px\",marginBottom:\"10px\",color:isDarkMode?\"#ffffff\":\"#333\"},children:\"Notes/Instructions\"}),/*#__PURE__*/_jsx(\"textarea\",{placeholder:\"Add any notes or instructions...\",value:documentNotes,onChange:e=>setDocumentNotes(e.target.value),style:{width:\"100%\",height:\"200px\",padding:\"15px\",border:isDarkMode?\"1px solid #404040\":\"1px solid #E5E5E5\",borderRadius:\"12px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",backgroundColor:isDarkMode?\"#2a2a2a\":\"#FAFAFA\",color:isDarkMode?\"#ffffff\":\"#333\",outline:\"none\",resize:\"vertical\",boxSizing:\"border-box\",lineHeight:\"1.5\"}})]}),/*#__PURE__*/_jsx(\"div\",{style:{marginBottom:\"30px\",width:\"100%\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{border:isDarkMode?\"2px dashed #404040\":\"2px dashed #D1D1D1\",borderRadius:\"12px\",padding:\"30px 20px\",textAlign:\"center\",backgroundColor:isDarkMode?\"#2a2a2a\":\"#FAFAFA\",cursor:\"pointer\",position:\"relative\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"file\",accept:\"image/*\",onChange:handleImageUpload,style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",opacity:0,cursor:\"pointer\"}}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"20px\",marginBottom:\"8px\"},children:\"📁\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",color:isDarkMode?\"#cccccc\":\"#666\",marginBottom:\"5px\"},children:\"Click to choose a file or drag here\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"12px\",color:isDarkMode?\"#999999\":\"#999\",fontFamily:\"Cormorant Garamond, serif\"},children:\"Size limit: 10 MB\"}),uploadedImage&&/*#__PURE__*/_jsx(\"div\",{style:{marginTop:\"15px\"},children:/*#__PURE__*/_jsx(\"img\",{src:uploadedImage,alt:\"Preview\",style:{maxWidth:\"150px\",maxHeight:\"150px\",borderRadius:\"8px\",objectFit:\"cover\"}})})]})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",gap:\"15px\",justifyContent:\"center\"},children:[/*#__PURE__*/_jsx(\"button\",{onClick:clearForm,style:{width:\"140px\",height:\"48px\",backgroundColor:isDarkMode?\"#404040\":\"#F5F5F5\",color:isDarkMode?\"#cccccc\":\"#666\",border:isDarkMode?\"1px solid #555\":\"1px solid #DDD\",borderRadius:\"24px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",cursor:\"pointer\",fontWeight:\"500\"},children:\"Clear\"}),/*#__PURE__*/_jsx(\"button\",{onClick:handleSave,style:{width:\"140px\",height:\"48px\",backgroundColor:\"#886B2D\",color:\"white\",border:\"none\",borderRadius:\"24px\",fontSize:\"14px\",fontFamily:\"Cormorant Garamond, serif\",cursor:\"pointer\",fontWeight:\"500\"},children:editingIndex!==null?\"Update\":\"Save\"})]})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VaultFormComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Vault_form_code.map"],"mappings":"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"}