(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977],{2015:()=>{},2124:(e,s,a)=>{Promise.resolve().then(a.bind(a,8983))},4102:(e,s,a)=>{"use strict";a.d(s,{Ay:()=>c});var t=a(5155),i=a(2115);function c(e){let{src:s,alt:a,className:c="",size:r="full",isModal:n=!1,loading:l="lazy",onLoad:o,onError:m,onClick:d,style:p,draggable:h=!1,onContextMenu:u,title:j,"aria-label":x,objectFit:v="contain",...b}=e,[g,N]=(0,i.useState)(""),[y,f]=(0,i.useState)(!1),[D,C]=(0,i.useState)(!1),[k,S]=(0,i.useState)(!0);return((0,i.useEffect)(()=>{n||"full"===r?N(s):N(function(e){if(!e||e.startsWith("data:")||e.startsWith("http")||e.includes("/icons/")||e.toLowerCase().endsWith(".gif"))return e;let s=(e.startsWith("/")?e.slice(1):e).split("/"),a=s[s.length-1].replace(/\.[^/.]+$/,""),t=e.toLowerCase();return t.includes(".mp4")||t.includes(".webm")||t.includes(".mov")||t.includes(".avi")?"/thumbnails/".concat(a,".webm"):"/thumbnails/".concat(a,".webp")}(s)),f(!1),C(!1),S(!0)},[s,r,n]),g&&""!==g)?(0,t.jsxs)("div",{className:"optimized-image-container",style:{position:"relative",width:"100%",height:"100%"},children:[k&&"thumbnail"===r&&(0,t.jsx)("div",{className:"image-loading-overlay",children:(0,t.jsx)("div",{className:"image-throbber"})}),(0,t.jsx)("img",{src:g,alt:a,className:"optimized-image ".concat(c," ").concat(D?"loaded":"loading"),loading:l,onLoad:()=>{C(!0),S(!1),o&&o()},onError:()=>{S(!1),y||n||"full"===r?m&&m():(f(!0),N(s),S(!0))},onClick:d,style:{...(()=>{let e={};switch(v){case"cover":default:e.objectFit="cover";break;case"contain":e.objectFit="contain";break;case"align-top":e.objectFit="cover",e.objectPosition="top center";break;case"align-bottom":e.objectFit="cover",e.objectPosition="bottom center";break;case"align-left":e.objectFit="cover",e.objectPosition="left center";break;case"align-right":e.objectFit="cover",e.objectPosition="right center";break;case"align-centre":e.objectFit="cover",e.objectPosition="center center"}return e})(),...p,opacity:+!!D,transition:"opacity 0.3s ease-in-out"},draggable:h,onContextMenu:u,title:j,"aria-label":x,...b})]}):null}},5695:(e,s,a)=>{"use strict";var t=a(8999);a.o(t,"usePathname")&&a.d(s,{usePathname:function(){return t.usePathname}}),a.o(t,"useRouter")&&a.d(s,{useRouter:function(){return t.useRouter}}),a.o(t,"useSearchParams")&&a.d(s,{useSearchParams:function(){return t.useSearchParams}})},8983:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>m});var t=a(5155),i=a(2115),c=a(5695);a(9450),a(2015);var r=a(4102);let n=[{name:"Reddit",icon:"/images/icons/websites/reddit-64px.png",url:"https://reddit.com/r/liliovali",color:"#FF4500"},{name:"Discord",icon:"/images/icons/websites/discord-64px.png",url:"https://discordapp.com/channels/@me/liliovali/",color:"#5865F2"},{name:"Instagram",icon:"/images/icons/websites/instagram-64px.png",url:"https://instagram.com/liliovali",color:"#E4405F"},{name:"YouTube",icon:"/images/icons/websites/youtube-64px.png",url:"https://youtube.com/@liliovali",color:"#FF0000"}];function l(){let e=(0,c.useSearchParams)(),[s,a]=(0,i.useState)({name:"",email:"",subject:"",message:"",inquiryType:"general"}),[l,o]=(0,i.useState)({}),[m,d]=(0,i.useState)(!1),[p,h]=(0,i.useState)({message:"",isSuccess:!1});(0,i.useEffect)(()=>{let s=e.get("type"),t=e.get("options"),i=e.get("total");if(s&&t&&i)try{let e=JSON.parse(decodeURIComponent(t)),c="general",r="";switch(s){case"fursuits":c="fursuits",r="Fursuit Commission Inquiry";break;case"art":c="art",r="Art Commission Inquiry";break;case"games":c="games",r="Game Development Commission Inquiry";break;default:c="general",r="Commission Inquiry"}let n=Array.isArray(e)?e.map(e=>"- ".concat(e)).join("\n"):e,l="Hi! I'm interested in commissioning ".concat(s," and would like to discuss the details.\n\nSelected options:\n").concat(n,"\n\nEstimated total: $").concat(i,"\n\nPlease let me know about your process, timeline, and any additional information you need for my ").concat(s," commission.");a(e=>({...e,inquiryType:c,subject:r,message:l}))}catch(e){console.error("Error parsing URL parameters:",e)}},[e]);let u=e=>{console.log("\uD83D\uDD0D DEBUG: handleChange triggered",{name:e.target.name,value:e.target.value});let{name:t,value:i}=e.target;a({...s,[t]:i})},j=()=>{let e={};return s.name.trim()||(e.name="Name is required"),s.email.trim()?/\S+@\S+\.\S+/.test(s.email)||(e.email="Email is invalid"):e.email="Email is required",s.subject.trim()||(e.subject="Subject is required"),s.message.trim()||(e.message="Message is required"),o(e),0===Object.keys(e).length},x=async e=>{if(e.preventDefault(),j()){d(!0);try{let e=new FormData;e.append("access_key","a89c619b-99de-4e8d-9720-172d85edc3e0"),e.append("name",s.name),e.append("email",s.email),e.append("subject","[".concat(s.inquiryType.toUpperCase(),"] ").concat(s.subject)),e.append("message",s.message),e.append("inquiry_type",s.inquiryType),e.append("from_name","Website Contact Form"),e.append("replyto",s.email),e.append("recipient","haylijones2005@gmail.com"),e.append("botcheck","");let t=await fetch("https://api.web3forms.com/submit",{method:"POST",body:e});if((await t.json()).success)a({name:"",email:"",subject:"",message:"",inquiryType:"general"}),h({message:"\uD83D\uDCEC Message sorted and delivered! The chaos has been organized!",isSuccess:!0});else throw Error("Form submission failed")}catch(e){console.error("Form submission error:",e),h({message:"\uD83D\uDCA5 The chaos got too chaotic! Please try again.",isSuccess:!1})}finally{d(!1)}}};return(0,t.jsxs)("div",{className:"chaos-page-container navbar-spaced",children:[(0,t.jsxs)("div",{className:"post-office-chaos-bg",children:[(0,t.jsxs)("div",{className:"paper-stack stack-1",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"}),(0,t.jsx)("div",{className:"paper-sheet sheet-4"}),(0,t.jsx)("div",{className:"paper-sheet sheet-5"})]}),(0,t.jsxs)("div",{className:"paper-stack stack-2",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"})]}),(0,t.jsxs)("div",{className:"paper-stack stack-3",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"}),(0,t.jsx)("div",{className:"paper-sheet sheet-4"})]}),(0,t.jsxs)("div",{className:"paper-stack stack-4",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"}),(0,t.jsx)("div",{className:"paper-sheet sheet-4"}),(0,t.jsx)("div",{className:"paper-sheet sheet-5"})]}),(0,t.jsxs)("div",{className:"paper-stack stack-5",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"})]}),(0,t.jsxs)("div",{className:"paper-stack stack-6",children:[(0,t.jsx)("div",{className:"paper-sheet sheet-1"}),(0,t.jsx)("div",{className:"paper-sheet sheet-2"}),(0,t.jsx)("div",{className:"paper-sheet sheet-3"}),(0,t.jsx)("div",{className:"paper-sheet sheet-4"})]}),(0,t.jsxs)("div",{className:"flying-envelopes",children:[(0,t.jsx)("div",{className:"envelope env-1",children:"✉️"}),(0,t.jsx)("div",{className:"envelope env-2",children:"\uD83D\uDCE7"}),(0,t.jsx)("div",{className:"envelope env-3",children:"\uD83D\uDCE8"}),(0,t.jsx)("div",{className:"envelope env-4",children:"\uD83D\uDC8C"}),(0,t.jsx)("div",{className:"envelope env-5",children:"\uD83D\uDCEE"}),(0,t.jsx)("div",{className:"envelope env-6",children:"\uD83D\uDCEC"})]}),(0,t.jsxs)("div",{className:"scattered-papers",children:[(0,t.jsx)("div",{className:"scattered-paper paper-a"}),(0,t.jsx)("div",{className:"scattered-paper paper-b"}),(0,t.jsx)("div",{className:"scattered-paper paper-c"}),(0,t.jsx)("div",{className:"scattered-paper paper-d"}),(0,t.jsx)("div",{className:"scattered-paper paper-e"})]})]}),(0,t.jsxs)("div",{className:"chaos-main-content",children:[(0,t.jsx)("h1",{className:"chaos-page-title",children:"liliovali's post office !"}),(0,t.jsx)("p",{className:"chaos-subtitle",children:"Don't worry, we'll sort your message properly!"}),(0,t.jsx)("div",{className:"contact-social-section",children:n.map(e=>(0,t.jsx)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"contact-social-button",style:{"--platform-color":e.color},"aria-label":"Visit ".concat(e.name),children:(0,t.jsx)(r.Ay,{src:e.icon,alt:"".concat(e.name," logo"),className:"contact-social-logo",size:"thumbnail",loading:"eager",draggable:!1,onContextMenu:e=>e.preventDefault()})},e.name))}),(0,t.jsx)("div",{className:"chaos-form-container",children:(0,t.jsxs)("div",{className:"form-workspace",children:[(0,t.jsxs)("div",{className:"priority-tray",children:[(0,t.jsx)("div",{className:"tray-label",children:"\uD83D\uDCCB Select Subject:"}),(0,t.jsxs)("div",{className:"priority-buttons",children:[(0,t.jsxs)("button",{type:"button",className:"priority-btn ".concat("general"===s.inquiryType?"active":""),onClick:()=>{console.log("\uD83D\uDD0D DEBUG: Priority button clicked - general"),a({...s,inquiryType:"general"})},children:[(0,t.jsx)("span",{className:"priority-icon",children:"\uD83D\uDC8C"}),(0,t.jsx)("span",{className:"priority-text",children:"General"})]}),(0,t.jsxs)("button",{type:"button",className:"priority-btn ".concat("fursuits"===s.inquiryType?"active":""),onClick:()=>a({...s,inquiryType:"fursuits"}),children:[(0,t.jsx)("span",{className:"priority-icon",children:"\uD83D\uDC3E"}),(0,t.jsx)("span",{className:"priority-text",children:"Fursuits"})]}),(0,t.jsxs)("button",{type:"button",className:"priority-btn ".concat("art"===s.inquiryType?"active":""),onClick:()=>a({...s,inquiryType:"art"}),children:[(0,t.jsx)("span",{className:"priority-icon",children:"\uD83C\uDFA8"}),(0,t.jsx)("span",{className:"priority-text",children:"Art"})]}),(0,t.jsxs)("button",{type:"button",className:"priority-btn ".concat("games"===s.inquiryType?"active":""),onClick:()=>a({...s,inquiryType:"games"}),children:[(0,t.jsx)("span",{className:"priority-icon",children:"\uD83C\uDFAE"}),(0,t.jsx)("span",{className:"priority-text",children:"Games"})]})]})]}),p.message&&(0,t.jsx)("div",{className:"chaos-status ".concat(p.isSuccess?"success":"error"),children:p.message}),(0,t.jsxs)("div",{className:"message-form-area",children:[(0,t.jsx)("div",{className:"form-header",children:(0,t.jsx)("h3",{children:"\uD83D\uDCDD Fill Out Your Message Form"})}),(0,t.jsxs)("form",{onSubmit:x,className:"chaos-form",children:[(0,t.jsx)("input",{type:"checkbox",name:"botcheck",className:"hidden",style:{display:"none"}}),(0,t.jsxs)("div",{className:"form-section sender-section",children:[(0,t.jsx)("div",{className:"section-header",children:"\uD83D\uDC64 Sender Information"}),(0,t.jsxs)("div",{className:"form-row",children:[(0,t.jsxs)("div",{className:"form-field",children:[(0,t.jsx)("label",{htmlFor:"name",children:"Full Name:"}),(0,t.jsx)("input",{type:"text",id:"name",name:"name",value:s.name,onChange:u,placeholder:"Enter your name",className:l.name?"error":""}),l.name&&(0,t.jsx)("span",{className:"error-message",children:l.name}),(0,t.jsx)("div",{className:"field-stamp",children:"✓"})]}),(0,t.jsxs)("div",{className:"form-field",children:[(0,t.jsx)("label",{htmlFor:"email",children:"Email Address:"}),(0,t.jsx)("input",{type:"email",id:"email",name:"email",value:s.email,onChange:u,placeholder:"your.email@example.com",className:l.email?"error":""}),l.email&&(0,t.jsx)("span",{className:"error-message",children:l.email}),(0,t.jsx)("div",{className:"field-stamp",children:"✓"})]})]})]}),(0,t.jsxs)("div",{className:"form-section subject-section",children:[(0,t.jsx)("div",{className:"section-header",children:"\uD83D\uDCCB Message Details"}),(0,t.jsxs)("div",{className:"form-field",children:[(0,t.jsx)("label",{htmlFor:"subject",children:"Subject Line:"}),(0,t.jsx)("input",{type:"text",id:"subject",name:"subject",value:s.subject,onChange:u,placeholder:"What's this message about?",className:l.subject?"error":""}),l.subject&&(0,t.jsx)("span",{className:"error-message",children:l.subject}),(0,t.jsx)("div",{className:"field-stamp",children:"✓"})]})]}),(0,t.jsxs)("div",{className:"form-section message-section",children:[(0,t.jsx)("div",{className:"section-header",children:"\uD83D\uDCAC Your Message"}),(0,t.jsxs)("div",{className:"form-field",children:[(0,t.jsx)("label",{htmlFor:"message",children:"Message Content:"}),(0,t.jsx)("textarea",{id:"message",name:"message",value:s.message,onChange:u,placeholder:"Write your detailed message here...",rows:8,className:l.message?"error":""}),l.message&&(0,t.jsx)("span",{className:"error-message",children:l.message}),(0,t.jsx)("div",{className:"field-stamp",children:"✓"})]})]}),(0,t.jsx)("div",{className:"form-actions",children:(0,t.jsx)("button",{type:"submit",className:"chaos-submit-btn",disabled:m,onClick:()=>{console.log("\uD83D\uDD0D DEBUG: Submit button clicked",{isSubmitting:m,disabled:m})},children:(0,t.jsx)("span",{className:"btn-text",children:m?"Sending...":"Send Mail !"})})})]})]})]})})]})]})}function o(){return(0,t.jsx)("div",{className:"chaos-page-container navbar-spaced",children:(0,t.jsxs)("div",{className:"chaos-main-content",children:[(0,t.jsx)("h1",{className:"chaos-page-title",children:"liliovali's post office !"}),(0,t.jsx)("p",{className:"chaos-subtitle",children:"Loading contact form..."}),(0,t.jsx)("div",{className:"contact-social-section",children:n.map(e=>(0,t.jsx)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"contact-social-button",style:{"--platform-color":e.color},"aria-label":"Visit ".concat(e.name),children:(0,t.jsx)(r.Ay,{src:e.icon,alt:"".concat(e.name," logo"),className:"contact-social-logo",size:"thumbnail",loading:"eager",draggable:!1,onContextMenu:e=>e.preventDefault()})},e.name))}),(0,t.jsx)("div",{className:"chaos-form-container"})]})})}function m(){return(0,t.jsx)(i.Suspense,{fallback:(0,t.jsx)(o,{}),children:(0,t.jsx)(l,{})})}},9450:()=>{}},e=>{var s=s=>e(e.s=s);e.O(0,[571,270,441,684,358],()=>s(2124)),_N_E=e.O()}]);