function FileSenderWindows({ title, fileLabel, onFileChange, onSendFile, selectedFile }) { return /*#__PURE__*/ React.createElement("div", { className: "w-1/2 border-r border-gray-300 pr-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-input", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, fileLabel), /*#__PURE__*/ React.createElement(FileUploadField, { id: "file-input", name: "file-input", onChange: onFileChange, __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition duration-300", onClick: onSendFile, disabled: !selectedFile, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Send File Through Data Diode ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 14, columnNumber: 38 }, __self: this }))); } function FileSenderWindowsStory() { const [selectedFile, setSelectedFile] = React.useState(null); const handleFileSelect = (event)=>{ setSelectedFile(event.target.files[0]); }; const handleSendFile = ()=>{ if (selectedFile) { console.log("Sending file:", selectedFile.name); } }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FileSenderWindows, { title: "Sender Side (Windows)", fileLabel: "Select File to Send", onFileChange: handleFileSelect, onSendFile: handleSendFile, selectedFile: selectedFile, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); } function FileUploadField({ id, name, onChange }) { return /*#__PURE__*/ React.createElement("input", { type: "file", id: id, name: name, className: "w-full p-2 border border-gray-300 rounded-md", onChange: onChange, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function FileUploadFieldStory() { const handleFileSelect = (event)=>{ console.log(event.target.files[0]); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FileUploadField, { id: "file-input", name: "file-input", onChange: handleFileSelect, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function DataDiodeFileSender({ title, buttonText, onFileChange, onButtonClick, isButtonDisabled }) { return /*#__PURE__*/ React.createElement("div", { className: "w-1/2 border-r border-gray-300 pr-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-input", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Select File to Send"), /*#__PURE__*/ React.createElement(FileUploadField, { id: "file-input", name: "file-input", onChange: onFileChange, __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition duration-300", onClick: onButtonClick, disabled: isButtonDisabled, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, buttonText, " ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 14, columnNumber: 22 }, __self: this }))); } function DataDiodeFileSenderStory() { const [selectedFile, setSelectedFile] = React.useState(null); const handleFileSelect = (event)=>{ setSelectedFile(event.target.files[0]); }; const handleSendFile = ()=>{ console.log('File sent through data diode:', selectedFile); }; return /*#__PURE__*/ React.createElement(DataDiodeFileSender, { title: "Sender Side (Windows)", buttonText: "Send File Through Data Diode", onFileChange: handleFileSelect, onButtonClick: handleSendFile, isButtonDisabled: !selectedFile, __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }); } function MainComponent() { const [selectedFile, setSelectedFile] = React.useState(null); const [receivedFiles, setReceivedFiles] = React.useState([]); const handleFileSelect = (event)=>{ setSelectedFile(event.target.files[0]); }; const handleSendFile = ()=>{ if (selectedFile) { console.log(`Sending file: ${selectedFile.name}`); setReceivedFiles((prevFiles)=>[ ...prevFiles, selectedFile.name ]); setSelectedFile(null); } }; const handleCheckNewFiles = ()=>{ console.log("Checking for new files..."); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl p-8 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Windows Data Diode File Transfer System"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between space-x-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 border-r border-gray-300 pr-8", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Sender Side (Windows)"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-input", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Select File to Send"), /*#__PURE__*/ React.createElement(FileUploadField, { id: "file-input", name: "file-input", onChange: handleFileSelect, __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition duration-300", onClick: handleSendFile, disabled: !selectedFile, __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Send File Through Data Diode ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 38, columnNumber: 44 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 pl-8", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Receiver Side (Windows)"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 rounded-md mb-4 h-40 overflow-y-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, receivedFiles.length > 0 ? receivedFiles.map((file, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, file)) : /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, "Received files will appear here")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white py-2 px-4 rounded-md hover:bg-green-600 transition duration-300", onClick: handleCheckNewFiles, __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Check for New Files ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt ml-2", __source: { fileName: "", lineNumber: 57, columnNumber: 35 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Data Diode ensures one-way communication from Sender to Receiver for enhanced security"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-2xl text-yellow-500 mt-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this })))); }