function MainComponent() { const [activities, setActivities] = React.useState([ { type: '', refinement: '', subRefinement: '', days: '' } ]); const [playerName, setPlayerName] = React.useState(''); const [characterName, setCharacterName] = React.useState(''); const [completedMission, setCompletedMission] = React.useState(false); const activityOptions = { Crafting: [ "Blacksmith", "Tailor", "Weaponsmith", "Armorsmith", "Fletcher/Bowyer", "Enchanter", "Jeweler", "Tattooist", "Leathersmith", "Alchemist" ], "Physical Training": [ "Melee", "Ranged" ], "Magical Training": [ "Study", "Gather Ingredients", "Train With a Mentor", "Train for a Unique Spell" ], "Expertise Training": [ "Spend a day studying or fine tuning your skills", "Further hone your skills" ], Recruitment: [ "Basic Recruitment", "Advanced Adventurer", "Specialized Adventurer" ] }; const refinementOptions = { Blacksmith: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Tailor: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Weaponsmith: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Armorsmith: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], "Fletcher/Bowyer": [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Enchanter: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Jeweler: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Tattooist: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Leathersmith: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Alchemist: [ "Pre-Apprentice Level", "Apprentice Level", "Novice Apprentice Level", "Master Apprentice Level", "Master Level" ], Melee: [ "Beginner", "Intermediate", "Advanced", "Master" ], Ranged: [ "Beginner", "Intermediate", "Advanced", "Master" ] }; const addActivity = ()=>setActivities([ ...activities, { type: '', refinement: '', subRefinement: '', days: '' } ]); const handleChange = (index, field, value)=>{ const newActivities = [ ...activities ]; newActivities[index][field] = value; if (field === 'type') { newActivities[index].refinement = ''; newActivities[index].subRefinement = ''; } else if (field === 'refinement') { newActivities[index].subRefinement = ''; } setActivities(newActivities); }; const handleSubmit = ()=>{ const submissionData = { playerName, characterName, completedMission: completedMission ? 'Yes' : 'No', activities: activities.map((activity)=>`Activity: ${activity.type}, Refinement: ${activity.refinement}, ${activity.subRefinement ? `Refinement: ${activity.subRefinement}, ` : ''}Days: ${activity.days}`) }; const emailBody = encodeURIComponent(`Player Name: ${submissionData.playerName}\nCharacter Name: ${submissionData.characterName}\nContract: ${submissionData.completedMission}\n` + submissionData.activities.join('\n')); window.open(`mailto:cyborggold@gmail.com?subject=Character Update Request&body=${emailBody}`); if (submissionData.activities.some((activity)=>/Recruitment/.test(activity))) { alert('Please submit your challenge roll in the Wildemount Discord Server by typing: Recruitment Challenge !roll 1d20'); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121034] min-h-screen p-5 text-white font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "bg-[#1D1D3B] w-full mb-4 p-2 text-white placeholder-gray-500", placeholder: "Player's Name", value: playerName, onChange: (e)=>setPlayerName(e.target.value), name: "playerName", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "bg-[#1D1D3B] w-full mb-4 p-2 text-white placeholder-gray-500", placeholder: "Character's Name", value: characterName, onChange: (e)=>setCharacterName(e.target.value), name: "characterName", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: completedMission, onChange: (e)=>setCompletedMission(e.target.checked), name: "completedMission", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }), "Did this character complete a contract in our last session?")), activities.map(({ type, refinement, subRefinement, days }, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between gap-2 mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "bg-[#2C2C5E] p-2 text-white", value: type, onChange: (e)=>handleChange(index, 'type', e.target.value), name: `activityType_${index}`, __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Activity Type"), Object.keys(activityOptions).map((key)=>/*#__PURE__*/ React.createElement("option", { key: key, value: key, __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, key))), type && /*#__PURE__*/ React.createElement("select", { className: "bg-[#2C2C5E] p-2 text-white", value: refinement, onChange: (e)=>handleChange(index, 'refinement', e.target.value), name: `refinementType_${index}`, __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "Refinement"), (activityOptions[type] || []).map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, option))), refinement && activityOptions[type] && refinementOptions[refinement] && /*#__PURE__*/ React.createElement("select", { className: "bg-[#2C2C5E] p-2 text-white", value: subRefinement, onChange: (e)=>handleChange(index, 'subRefinement', e.target.value), name: `subRefinementType_${index}`, __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Refinement"), (refinementOptions[refinement] || []).map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, option))), /*#__PURE__*/ React.createElement("input", { type: "number", className: "bg-[#1D1D3B] p-2 text-white", placeholder: "Days", value: days, onChange: (e)=>handleChange(index, 'days', e.target.value), name: `days_${index}`, min: "1", max: "7", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4E4E9F] p-2", onClick: addActivity, __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, "Ok"))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4E4E9F] p-2 mt-4", onClick: handleSubmit, __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, "Submit")); }