[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","EventLight","name","DPARADON_EVENT","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","5745619a-26db-11f0-a5b3-569c3dd06744","main.tsx","fileId","56c6b534-26db-11f0-a5b3-569c3dd06744","parentId","branchId","56c2b31c-26db-11f0-a5b3-569c3dd06744","branchVersion",21,"latest",true,"createdAt",["D",1746087168466],20,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [selectedOptions, setSelectedOptions] = useState({\n // Client Details\n clientName: '',\n clientContact: '',\n clientEmail: '',\n clientOccupation: '',\n\n // Existing Event Details\n eventType: '',\n eventDate: '',\n eventTime: '',\n colors: [],\n dishTypes: '',\n foodOrigin: '',\n foodType: '',\n drinkType: '',\n drinkOrigin: '',\n guestCount: 0,\n souvenir: '',\n eventPriceTier: ''\n });\n\n const eventTypes = [\n 'Wedding', \n 'Corporate Event', \n 'Birthday Party', \n 'Anniversary', \n 'Graduation', \n 'Engagement Party', \n 'Bridal Shower', \n 'Baby Shower', \n 'Retirement Party', \n 'Gala Dinner', \n 'Charity Fundraiser',\n 'Burial',\n 'Traditional Marriage',\n 'Child Dedication'\n ];\n\n const pricingTiers = {\n 'Normal': {\n description: 'Basic event package with standard amenities'\n },\n 'Premium': {\n description: 'Enhanced package with additional features'\n },\n 'VIP': {\n description: 'Exclusive package with premium services'\n },\n 'VVIP': {\n description: 'Top-tier package with ultimate luxury and customization'\n }\n };\n\n const colorOptions = [\n 'Midnight Blue', \n 'Emerald Green', \n 'Royal Purple', \n 'Coral Sunset', \n 'Deep Teal', \n 'Lavender Mist', \n 'Rose Gold', \n 'Ocean Turquoise', \n 'Burgundy Wine', \n 'Forest Sage'\n ];\n\n const dishTypes = [\n 'Appetizer', \n 'Main Course', \n 'Dessert', \n 'Side Dish', \n 'Soup', \n 'Salad',\n 'Pastry',\n 'Cake'\n ];\n\n const nigerianDishes = [\n 'Jollof Rice', \n 'Pounded Yam', \n 'Egusi Soup', \n 'Suya', \n 'Moi Moi', \n 'Akara', \n 'Pepper Soup'\n ];\n\n const foreignDishes = [\n 'Pasta', \n 'Pizza', \n 'Sushi', \n 'Burger', \n 'Steak', \n 'Curry',\n 'Chow Mein',\n 'Kung Pao Chicken',\n 'Dim Sum',\n 'Spring Rolls'\n ];\n\n const cakeTypes = [\n 'Chocolate Cake',\n 'Vanilla Sponge',\n 'Red Velvet',\n 'Carrot Cake',\n 'Cheesecake',\n 'Black Forest',\n 'Lemon Drizzle',\n 'Marble Cake',\n 'Fruit Cake',\n 'Angel Food Cake'\n ];\n\n const pastryTypes = [\n 'Croissant',\n 'Eclair',\n 'Apple Turnover',\n 'Cream Puff',\n 'Danish Pastry',\n 'Cannoli',\n 'Macaron',\n 'Profiterole',\n 'Baklava',\n 'Tiramisu'\n ];\n\n const drinkTypes = [\n 'Mocktail', \n 'Cocktail', \n 'Soft Drink', \n 'Juice', \n 'Tea', \n 'Coffee'\n ];\n\n const souvenirOptions = [\n 'Personalized Keychain',\n 'Custom Photo Frame',\n 'Engraved Pen',\n 'Commemorative Mug',\n 'Customized Tote Bag',\n 'Miniature Trophy',\n 'Themed Magnet',\n 'Personalized Coaster Set',\n 'Custom Bookmark',\n 'Event Memory Book'\n ];\n\n const handleOptionChange = (category, value) => {\n setSelectedOptions(prev => {\n let newState = { ...prev, [category]: value };\n return newState;\n });\n };\n\n const handleColorChange = (color) => {\n setSelectedOptions(prev => {\n const currentColors = prev.colors || [];\n const newColors = currentColors.includes(color)\n ? currentColors.filter(c => c !== color)\n : [...currentColors, color];\n return { ...prev, colors: newColors };\n });\n };\n\n return (\n

\n DPARAGON EVENT 🎉\n

\n \n {/* Client Details Section */}\n

\n Client Information\n

\n\n

Client Name

\n handleOptionChange('clientName', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Contact Number

\n handleOptionChange('clientContact', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Email Address

\n handleOptionChange('clientEmail', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Occupation

\n handleOptionChange('clientOccupation', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Event Type

\n \n

\n\n

Event Date

\n handleOptionChange('eventDate', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

Event Time

\n handleOptionChange('eventTime', e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Colors of the Day (Multiple Selection)

\n {colorOptions.map(color => (\n

\n handleColorChange(color)}\n style={{ marginRight: '5px' }}\n />\n {color}\n

\n ))}\n

\n\n

Guest Count

\n handleOptionChange('guestCount', parseInt(e.target.value) || 0)}\n placeholder=\"Number of Guests\"\n style={{\n width: '100%',\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n backgroundColor: 'rgba(255,255,255,0.9)'\n }}\n />\n

\n\n

Event Pricing Tier

\n \n

\n\n {selectedOptions.eventPriceTier && (\n

\n Pricing Tier Details\n

\n {selectedOptions.eventPriceTier} Tier\n

\n {pricingTiers[selectedOptions.eventPriceTier].description}\n

\n )}\n\n

Dish Type

\n \n

\n\n

Food Origin

\n \n

\n\n

Food Selection

\n \n

\n\n

Drink Type

\n \n

\n\n

Drink Origin

\n \n

\n\n

Souvenirs

\n \n

\n\n

Event Summary:

\n          {JSON.stringify(selectedOptions, null, 2)}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n DPARAGON EVENT\n \n \n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1746087168466],"children",[],[35],"56c25fca-26db-11f0-a5b3-569c3dd06744",["D",1746138394373],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","26d56340-25c1-11f0-9284-d3e298767498","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","ea98dae2-e2ab-41f7-9447-8f6e3e846c05","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3VUJmY0liTXpPclR0S3doc0Rsb1p1OFBZNSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":149,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":150,"_95":151,"_97":152,"_99":53},[146],"files",[146],"counts",{"_135":136,"_137":77,"_138":139,"_31":140,"_141":142},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls",0,"branches","forks",2,{"_143":136,"_145":136},"connections",{"_143":136,"_144":136},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":147,"_18":148},[],[35],["D",1746138394373],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":136,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code