https://captainstarlight.org.au/_next/static/chunks/438.60dc1072bd8e1244.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[438],{1438:function(e,t,l){l.r(t),l.d(t,{default:function(){return m}});var r=l(2676),a=l(5271),s=l(7609),o=l.n(s),i=l(6417);function n(){let e=(0,a.useRef)(void 0),[t,l]=(0,a.useState)();return(0,r.jsxs)("span",{className:"relative lg:flex lg:flex-row items-center max-w-full",children:[(0,r.jsx)("input",{ref:e,type:"file",name:"attachment",accept:"image/*",onChange:e=>{var t,r,a,s,o;(null===(r=e.target)||void 0===r?void 0:null===(t=r.files)||void 0===t?void 0:t.length)>0?l(null===(o=e.target)||void 0===o?void 0:null===(s=o.files)||void 0===s?void 0:null===(a=s[0])||void 0===a?void 0:a.name):l(void 0)},className:"absolute inset-0 opacity-0 peer",tabIndex:-1}),(0,r.jsx)("button",{type:"button",onClick:()=>{e.current.click()},className:"shrink-0 px-6 py-3 bg-white peer-hover:bg-mint-light font-bold text-purple rounded-full",children:"Select picture"}),(0,r.jsx)("span",{className:"block pt-4 lg:pt-0 shrink ml-4 text-sm text-ellipsis overflow-hidden whitespace-nowrap ".concat(t?"text-purple font-semibold":""),children:t||"Upload supported file (Max 7MB)"})]})}var d=l(366);let c=o()(()=>l.e(795).then(l.bind(l,8795)),{loadableGenerated:{webpack:()=>[8795]},ssr:!1}),u=Object.freeze({INITIAL:"INITIAL",LOADING:"LOADING",SUCCESS:"SUCCESS"});function m(e){let{title:t="Share your work",description:l="Make sure to share your work through the form so we can show it in the Earth Museum of Awesomeness!",commentLabel:s="Comment",successMessage:o="Thanks for sharing your work!"}=e,[m,h]=(0,a.useState)(""),[p,x]=(0,a.useState)(),[b,v]=(0,a.useState)(u.INITIAL);(0,a.useEffect)(()=>{var e,t;h(null===(t=window)||void 0===t?void 0:null===(e=t.location)||void 0===e?void 0:e.href)},[]);let f=(0,a.useCallback)(async e=>{e.preventDefault(),v(u.LOADING),x(void 0);try{var t,l,r;let a=new FormData(e.target);a.set("form-url",(null===(l=window)||void 0===l?void 0:null===(t=l.location)||void 0===t?void 0:t.href)||""),a.set("page-title",(null===(r=document)||void 0===r?void 0:r.title)||""),await fetch("/__forms.html",{method:"POST",body:a}),v(u.SUCCESS)}catch(e){console.error(e),x("Something went wrong. Please try again."),v(u.INITIAL)}},[v]);return(0,r.jsx)("div",{className:"bg-purple-light overflow-x-hidden",children:(0,r.jsxs)(i.Z,{className:"py-24 relative",children:[(0,r.jsx)("a",{id:"share-your-work",className:"invisible lg:visible bg-share-your-work bg-no-repeat block w-full h-full absolute z-10 right-0 bottom-0 -mr-24 bg-right-bottom",style:{backgroundSize:"auto 117%"}}),(0,r.jsxs)("div",{className:"relative z-20",children:[b===u.INITIAL&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h2",{className:"text-5xl text-purple font-extrabold",children:t}),(0,r.jsx)("p",{className:"font-extrabold my-8",children:l}),(0,r.jsxs)("form",{onSubmit:f,className:"w-full lg:w-1/2","data-netlify":"true",encType:"multipart/form-data",name:"share-your-work",method:"post",children:[(0,r.jsx)("input",{type:"hidden",name:"form-name",value:"share-your-work"}),(0,r.jsx)("input",{type:"hidden",name:"url",value:m}),!!p&&(0,r.jsx)("div",{className:"bg-raspberry text-white px-4 py-3 rounded-md relative mb-4",role:"alert",children:p}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"name",className:"block py-2 text-sm",children:"Name"}),(0,r.jsx)("input",{type:"text",name:"name",className:"border border-gray-400 bg-white p-4 rounded-md w-full",required:!0})]}),(0,r.jsxs)("div",{className:"mt-4",children:[(0,r.jsx)("label",{htmlFor:"message",className:"block py-2 text-sm",children:s}),(0,r.jsx)("textarea",{name:"message",rows:4,required:!0,className:"border border-gray-400 bg-white px-4 py-5 rounded-md w-full"})]}),(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)("button",{type:"submit",className:"mt-4 px-6 py-3 bg-yellow hover:bg-yellow-light font-extrabold text-purple rounded-full",children:"Submit"})})]})]}),b===u.LOADING&&(0,r.jsxs)("div",{className:"pt-32 pb-32 flex flex-row items-center",children:[(0,r.jsx)(d.Z,{color:"purple",size:"lg"})," ",(0,r.jsx)("div",{className:"pl-4 text-purple font-extrabold",children:"Sending your message to Captain Starlight…"})]}),b===u.SUCCESS&&(0,r.jsxs)("div",{className:"pt-32 pb-32",children:[(0,r.jsx)("div",{className:"text-3xl text-purple font-extrabold",children:o}),(0,r.jsx)("div",{className:"pt-8",children:(0,r.jsx)(c,{})})]})]})]})})}}}]);