"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[38],{362:(e,a,t)=>{t.r(a),t.d(a,{default:()=>n});const n={wrapper:"yKZd4F8m",wrapperContainer:"AWEFvKro",wrapperHeading:"wl9syOrw",wrapperContent:"Q5lZKrl4",wrapperForm:"GZxwbiWx",wrapperFormActionsButton:"YInT7A3W",wrapperFormActions:"Abc4HiyQ",wrapperFormRow:"H6u72Sep",wrapperFormField:"_5aTjve5",wrapperFormFieldLabel:"OGAp3zII",wrapperFormFieldInput:"gdgf6VPn",wrapperFormSplitFields:"nB9diA4c",wrapperFormFieldComments:"UW3Ts0oS",recyclingIntroMobile:"MTqwAfoe"}},361:(e,a,t)=>{const n=t(157);(0,t(4).createEntrypoint)("recyclingForm",n.RecyclingForm)()},157:function(e,a,t){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(a,"__esModule",{value:!0}),a.RecyclingForm=void 0;const s=t(0),l=(t(1),t(25)),c=n(t(362)),r=t(2),{wrapper:i,wrapperContainer:o,wrapperContent:m,wrapperForm:p,wrapperFormActions:d,wrapperFormActionsButton:u,wrapperFormField:j,wrapperFormFieldComments:h,wrapperFormFieldInput:b,wrapperFormFieldLabel:F,wrapperFormSplitFields:x,wrapperFormRow:w,wrapperHeading:g}=c.default;a.RecyclingForm=({title:e,content:a,fullNameLabel:t,phoneNumberLabel:n,emailAddressLabel:c,commentLabel:_,companyOrIndividualLabel:O,companyOrIndividualOptions:v})=>{const{state:f,handleChangeState:N,handleFormSubmit:y}=(0,l.useForm)({endpoint:"https://formspree.io/f/xjvjpnzp",requestOptions:{method:"POST",headers:{Accept:"application/json"}},initialFormState:{contact_fullname:{content:""},contact_phone:{content:""},contact_email:{content:"",isRequired:!0},contact_question:{content:"",isRequired:!0}},redirectURL:"/thank-you"});return(0,s.jsx)("main",Object.assign({className:i},{children:(0,s.jsxs)("div",Object.assign({className:o},{children:[(0,s.jsx)("h1",Object.assign({className:g},{children:e})),(0,s.jsx)("div",{className:m,dangerouslySetInnerHTML:{__html:a}}),(0,s.jsxs)("form",Object.assign({className:p,onSubmit:y},{children:[(0,s.jsxs)("div",Object.assign({className:w},{children:[(0,s.jsxs)("div",Object.assign({className:j},{children:[(0,s.jsx)("label",Object.assign({className:F,htmlFor:"contact_fullname"},{children:t})),(0,s.jsx)("input",{className:b,type:"text",id:"contact_fullname",name:"contact_fullname",defaultValue:"",value:f.contact_fullname.content,onChange:N})]})),(0,s.jsxs)("div",Object.assign({className:j},{children:[(0,s.jsx)("label",Object.assign({className:F,htmlFor:"contact_phone"},{children:n})),(0,s.jsx)("input",{className:b,type:"text",id:"contact_phone",name:"contact_phone",defaultValue:"",value:f.contact_phone.content,onChange:N})]})),(0,s.jsxs)("div",Object.assign({className:j},{children:[(0,s.jsxs)("label",Object.assign({className:F,htmlFor:"contact_email"},{children:[c,(0,s.jsx)("small",{children:"*"})]})),(0,s.jsx)("input",{className:b,type:"email",id:"contact_email",name:"contact_email",required:!0,defaultValue:"",value:f.contact_email.content,onChange:N})]})),(0,s.jsx)("div",Object.assign({className:(0,r.cx)(j,x)},{children:(0,s.jsxs)("div",Object.assign({className:j},{children:[(0,s.jsx)("label",Object.assign({for:"select_field",className:F},{children:O})),(0,s.jsxs)("select",Object.assign({className:b,type:"text",id:"select_field",required:!0},{children:[(0,s.jsx)("option",{value:void 0}),v.map((e=>(0,s.jsx)("option",Object.assign({value:e.value},{children:e.label}),e.value)))]}))]}))}))]})),(0,s.jsxs)("div",Object.assign({className:(0,r.cx)(j,h)},{children:[(0,s.jsxs)("label",Object.assign({className:F,htmlFor:"contact_question"},{children:[_,(0,s.jsx)("small",{children:"*"})]})),(0,s.jsx)("textarea",{name:"contact_question",id:"contact_question",rows:5,cols:50,className:b,required:!0,defaultValue:"",value:f.contact_question.content,onChange:N})]})),(0,s.jsx)("div",Object.assign({className:d},{children:(0,s.jsx)("input",{className:u,type:"submit",value:"Submit Form","aria-label":"Submit Form"})}))]}))]}))}))}}},e=>{e.O(0,[1,2,3,14],(()=>(361,e(e.s=361)))),e.O()}]);