function MainComponent({ onPublish, uploadLinks }) { const uploadPlatforms = [ { name: "YouTube", url: uploadLinks.youtube, icon: "fab fa-youtube" }, { name: "SoundCloud", url: uploadLinks.soundcloud, icon: "fab fa-soundcloud" }, { name: "Audiomack", url: uploadLinks.audiomack, icon: "fas fa-music" }, { name: "Vimeo", url: uploadLinks.vimeo, icon: "fab fa-vimeo-square" }, { name: "Google Drive", url: uploadLinks.googleDrive, icon: "fab fa-google-drive" }, { name: "Cloud Storage", url: uploadLinks.cloudStorage, icon: "fas fa-cloud" }, { name: "Dropbox", url: uploadLinks.dropbox, icon: "fab fa-dropbox" }, { name: "MEGA", url: uploadLinks.mega, icon: "fas fa-archive" } ]; const handlePublish = (when)=>{ const artistName = document.querySelector('input[name="artistName"]').value; const trackTitle = document.querySelector('input[name="trackTitle"]').value; const albumTitle = document.querySelector('input[name="albumTitle"]').value; const releaseDate = document.querySelector('input[name="releaseDate"]').value; const metadata = { artistName, trackTitle, albumTitle, releaseDate, publishNow: when === "now" }; onPublish(metadata); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-orange-500 min-h-screen", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "Human Records Music Distributor"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 bg-white p-4 rounded shadow-md w-[400px] mx-auto", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Artist Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "artistName", className: "mt-1 p-2 border w-full", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Track Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "trackTitle", className: "mt-1 p-2 border w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Album Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "albumTitle", className: "mt-1 p-2 border w-full", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Release Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "releaseDate", className: "mt-1 p-2 border w-full", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 text-white font-semibold py-2 px-4 rounded", onClick: ()=>handlePublish("now"), __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Publish Now"), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-green-500 text-white font-semibold py-2 px-4 rounded", onClick: ()=>handlePublish("later"), __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Release Later"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Upload to Platforms"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, uploadPlatforms.map((platform)=>/*#__PURE__*/ React.createElement("li", { key: platform.name, className: "mb-2 flex items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${platform.icon} text-2xl mr-2`, __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: platform.url, className: "text-blue-500 underline", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, platform.name)))))); } function StoryComponent() { const uploadLinks = { youtube: "https://www.youtube.com/upload", soundcloud: "https://soundcloud.com/upload", audiomack: "https://audiomack.com/upload", vimeo: "https://vimeo.com/upload", googleDrive: "https://drive.google.com/drive/my-drive", cloudStorage: "https://www.cloudstorage.com/upload", dropbox: "https://www.dropbox.com/h", mega: "https://mega.nz/start" }; const handlePublish = (metadata)=>{ alert(`Publishing ${metadata.publishNow ? "now" : "later"}`); console.log(metadata); }; return /*#__PURE__*/ React.createElement(MainComponent, { onPublish: handlePublish, uploadLinks: uploadLinks, __source: { fileName: "", lineNumber: 100, columnNumber: 10 }, __self: this }); }