https://ablebox.com/static/js/360.dc9bcc8a.chunk.js

1"use strict";(self.webpackChunkablebox_frontend=self.webpackChunkablebox_frontend||[]).push([[360],{4360(e,t,s){s.r(t),s.d(t,{default:()=>I});var n=s(5043),a=s(3519),r=s(1072),l=s(8602),i=s(3362),o=s(3418),c=s(9379),h=s(5544),d=s(4282),m=s(3722),u=s(1719),p=s(3660),x=s(6305),b=s(579);const j={name:"",email:"",phone:"",school:"",yearGroup:"",interests:[],site:x.bo[0],availability:"",message:"",consent:!1,website:""},f="Work placement interest",g="[email protected]";function y(e){return["Work placement interest from the Turing 100 Tech Fest page (ablebox.com/turing100).","","School or college: ".concat(e.school.trim()),"Year group: ".concat(e.yearGroup),"Areas of interest: ".concat(e.interests.length?e.interests.join("; "):"Not given"),"Preferred site: ".concat(e.site),"Availability: ".concat(e.availability.trim()||"Not given"),"Message: ".concat(e.message.trim()||"None")].join("\n")}function A(e){const t="Name: ".concat(e.name.trim(),"\nEmail: ").concat(e.email.trim(),"\nPhone: ").concat(e.phone.trim()||"Not given","\n\n").concat(y(e));return"mailto:".concat(g,"?subject=").concat(encodeURIComponent(f),"&body=").concat(encodeURIComponent(t))}const v=()=>{const e=(0,n.useState)(j),t=(0,h.A)(e,2),s=t[0],a=t[1],i=(0,n.useState)(!1),o=(0,h.A)(i,2),v=o[0],k=o[1],w=(0,n.useState)(!1),C=(0,h.A)(w,2),N=C[0],I=C[1],S=(0,n.useState)(!1),G=(0,h.A)(S,2),T=G[0],L=G[1],F=(0,n.useState)(null),P=(0,h.A)(F,2),_=P[0],z=P[1],R=(0,n.useRef)(null),W=e=>{const t=e.target,s=t.name,n=t.value,r=t.type,l=e.target.checked;a((e=>(0,c.A)((0,c.A)({},e),{},{[s]:"checkbox"===r?l:n})))};(0,n.useEffect)((()=>{null!==_&&R.current&&(R.current.focus({preventScroll:!0}),R.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[_]);const q=e=>z(e),V=()=>{a(j),k(!1),L(!1),z(null)};return null!==_?(0,b.jsxs)("div",{className:"techfest-thanks",ref:R,tabIndex:-1,role:"status",children:[(0,b.jsxs)("h3",{children:["Thank you",_?", ".concat(_):""]}),(0,b.jsx)("p",{children:"We have your details. A member of our team will c

1ontact you about work placement opportunities at Ablebox."}),(0,b.jsx)(d.A,{variant:"outline-secondary",onClick:V,children:"Register another person"})]}):(0,b.jsxs)(m.A,{noValidate:!0,validated:v,onSubmit:async e=>{var t;if(e.preventDefault(),k(!0),L(!1),!e.currentTarget.checkValidity())return void(null===(t=e.currentTarget.querySelector(":invalid"))||void 0===t||t.focus());const n=s.name.trim().split(/\s+/)[0];if(s.website)q(n);else{I(!0);try{await async function(e){const t="https://rwfjfqjqrmtdmneetsnd.supabase.co",s="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJ3ZmpmcWpxcm10ZG1uZWV0c25kIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDk2NDQ2NjksImV4cCI6MjA2NTIyMDY2OX0.09SuZbwzWfqlI72XR5s_n8U3xUCYh-2XBx6VdsyKx8k",n=await fetch("".concat(t,"/functions/v1/contact-messages"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(s),apikey:s},body:JSON.stringify({name:e.name.trim(),email:e.email.trim(),company:e.school.trim(),phone:e.phone.trim()||void 0,subject:f,message:y(e),privacyConsent:e.consent})});if(!n.ok){const e=await n.json().catch((()=>({})));throw new Error(e.error||"Request failed (".concat(n.status,")"))}}(s),p.z.trackClick("work_placement_interest_submit",{yearGroup:s.yearGroup,interests:s.interests.length,site:s.site}),q(n)}catch(a){console.error("Work placement interest failed:",a),L(!0)}finally{I(!1)}}},className:"techfest-form",children:[T&&(0,b.jsxs)(u.A,{variant:"danger",onClose:()=>L(!1),dismissible:!0,children:["We could not send your details just now. Please try again, or"," ",(0,b.jsxs)(u.A.Link,{href:A(s),children:["send them by email to ",g]}),"."]}),(0,b.jsxs)(r.A,{children:[(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-name",children:[(0,b.jsx)(m.A.Label,{children:"Full name *"}),(0,b.jsx)(m.A.Control,{name:"name",value:s.name,onChange:W,required:!0,maxLength:100,autoComplete:"name"}),(0,b.jsx)(m.A.Control.Feedback,{type:"invalid",children:"Please enter your name."})]})}),(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-email",children:[(0,b.jsx)(m.A.Label,{children:"Email address *"}),(0,b.jsx)(m.A.Control,{type:"email",name:"email",value:s.email,onChange:W,required:!0,maxLength:255,autoComplete:"email"}),(0,b.jsx)(m.A.Control.Feedback,{type:"invalid",children:"Please enter a valid email address."})]})})]}),(0,b.jsxs)(r.A,{children:[(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-school",children:[(0,b.jsx)(m.A.Label,{children:"School or college *"}),(0,b.jsx)(m.A.Control,{name:"school",value:s.school,onChange:W,required:!0,maxLength:100,autoComplete:"organization"}),(0,b.jsx)(m.A.Control.Feedback,{type:"invalid",children:"Please enter your school or college."})]})}),(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-year",children:[(0,b.jsx)(m.A.Label,{children:"Year group *"}),(0,b.jsxs)(m.A.Select,{name:"yearGroup",value:s.yearGroup,onChange:W,required:!0,children:[(0,b.jsx)("option",{value:"",children:"Select your year group"}),x.zl.map((e=>(0,b.jsx)("option",{value:e,children:e},e)))]}),(0,b.jsx)(m.A.Control.Feedback,{type:"invalid",children:"Please select your year group."})]})})]}),(0,b.jsxs)(r.A,{children:[(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-phone",children:[(0,b.jsx)(m.A.Label,{children:"Phone number"}),(0,b.jsx)(m.A.Control,{type:"tel",name:"phone",value:s.phone,onChange:W,maxLength:20,autoComplete:"tel"})]})}),(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-site",children:[(0,b.jsx)(m.A.Label,{children:"Preferred site"}),(0,b.jsx)(m.A.Select,{name:"site",value:s.site,onChange:W,children:x.bo.map((e=>(0,b.jsx)("option",{value:e,children:e},e)))})]})})]}),(0,b.jsxs)("fieldset",{className:"mb-3",children:[(0,b.jsx)("legend",{className:"form-label techfest-legend",children:"Areas that interest you"}),(0,b.jsx)("div",{className:"techfest-interests",children:x.UR.map(((e,t)=>(0,b.jsx)(m.A.Check,{id:"wp-interest-".concat(t),type:"checkbox",label:e,checked:s.interests.includes(e),onChange:()=>(e=>{a((t=>(0,c.A)((0,c.A)({},t),{},{interests:t.interests.includes(e)?t.interests.filter((t=>t!==e)):[...t.interests,e]})))})(e)},e)))})]}),(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-availability",children:[(0,b.jsx)(m.A.Label,{children:"When would a placement suit you?"}),(0,b.jsx)(m.A.Control,{name:"availability",value:s.availability,onChange:W,maxLength:200,placeholder:"For example, a week in the summer term"})]}),(0,b.jsxs)(m.A.Group,{className:"mb-3",controlId:"wp-message",children:[(0,b.jsx)(m.A.Label,{children:"Anything else you would like us to know"}),(0,b.jsx)(m.A.Control,{as:"textarea",rows:3,name:"message",value:s.message,onChange:W,maxLength:1e3})]}),(0,b.jsxs)("div",{className:"techfest-hp","aria-hidden":"true",children:[(0,b.jsx)("label",{htmlFor:"wp-website",children:"Website"}

1),(0,b.jsx)("input",{id:"wp-website",name:"website",value:s.website,onChange:W,tabIndex:-1,autoComplete:"off"})]}),(0,b.jsx)(m.A.Group,{className:"mb-4",controlId:"wp-consent",children:(0,b.jsx)(m.A.Check,{type:"checkbox",name:"consent",checked:s.consent,onChange:W,required:!0,feedback:"Please agree so that we can contact you.",feedbackType:"invalid",label:(0,b.jsxs)("span",{children:["I agree that Ablebox can use these details to contact me about work placements, in line with the"," ",(0,b.jsx)("a",{href:"/privacy-policy",target:"_blank",rel:"noopener noreferrer",children:"Privacy Policy"}),". *"]})})}),(0,b.jsx)(d.A,{type:"submit",variant:"primary",size:"lg",disabled:N,children:N?"Sending...":"Register your interest"}),(0,b.jsx)("p",{className:"techfest-form-note",children:"If you are under 16, please complete this form with a parent, carer or teacher."})]})};var k=s(8016);const w=e=>{let t=e.video;return t.src?(0,b.jsxs)("figure",{className:"techfest-video",children:[(0,b.jsx)("div",{className:"techfest-video-frame",children:(0,b.jsx)("video",{src:t.src,poster:t.poster,controls:!0,playsInline:!0,preload:"none","aria-label":t.title,onPlay:()=>p.z.trackClick("techfest_video_play",{video:t.id})})}),(0,b.jsxs)("figcaption",{children:[(0,b.jsx)("h3",{children:t.title}),(0,b.jsx)("p",{children:t.description})]})]}):null};s(1097);const C="work-placements",N=()=>{var e;null===(e=document.getElementById(C))||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},I=()=>{const e=(0,i.zy)().hash,t=x.Q9.filter((e=>e.src));(0,n.useEffect)((()=>{if(e!=="#".concat(C))return;const t=setTimeout(N,100);return()=>clearTimeout(t)}),[e]);return(0,b.jsxs)("div",{className:"techfest-page",children:[(0,b.jsx)(o.A,{title:"Ablebox at the Turing\xa0100 Tech Fest",subtitle:"Thank you for visiting our stand at the Turing\xa0100 Tech Fest.",adminLink:"",adminButtonText:"",hideReadMore:!0}),(0,b.jsx)(k.A,{page:"techfest"}),(0,b.jsx)("section",{className:"techfest-section","aria-label":"Choose a route",children:(0,b.jsx)(a.A,{children:(0,b.jsxs)(r.A,{className:"g-4",children:[(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)("div",{className:"techfest-route",children:[(0,b.jsx)("p",{className:"techfest-eyebrow",children:"For students"}),(0,b.jsx)("h2",{children:"Work placements"}),(0,b.jsx)("p",{children:"Gain work experience at a modern manufacturer, from the factory floor to the software that runs it. Register your interest and our team will be in touch."}),(0,b.jsx)("a",{href:"#".concat(C),className:"btn btn-primary btn-lg",onClick:e=>{e.preventDefault(),p.z.trackClick("techfest_route",{route:"work_placements"}),N()},children:"Register your interest"})]})}),(0,b.jsx)(l.A,{md:6,children:(0,b.jsxs)("div",{className:"techfest-route",children:[(0,b.jsx)("p",{className:"techfest-eyebrow",children:"For teachers and students"}),(0,b.jsx)("h2",{children:"Video skill pack"}),(0,b.jsx)("p",{children:"Free templates and instructions to make explainer videos and infographics with Claude or ChatGPT. Five steps, nothing to install."}),(0,b.jsx)(i.N_,{to:"/videoskill",className:"btn btn-primary btn-lg",onClick:()=>p.z.trackClick("techfest_route",{route:"video_skill_pack"}),children:"Get the video skill pack"})]})})]})})}),(0,b.jsx)("section",{id:C,className:"techfest-section techfest-section-alt","aria-labelledby":"wp-title",children:(0,b.jsx)(a.A,{children:(0,b.jsxs)(r.A,{className:"g-4 g-lg-5",children:[(0,b.jsxs)(l.A,{lg:4,children:[(0,b.jsx)("h2",{id:"wp-title",className:"techfest-heading",children:"Register your interest in a work placement"}),(0,b.jsx)("p",{children:"Ablebox makes its own corrugated board and boxes, and builds the software that runs the business."}),(0,b.jsx)("p",{children:"A work placement is a chance to gain real work experience in a modern manufacturing business. See the work first-hand, meet the people who do it and build skills for your next step, whether that is college, university, an apprenticeship or your first job."}),(0,b.jsx)("p",{children:"Tell us about yourself and what interests you. We will contact you about suitable placements."}),(0,b.jsxs)("p",{className:"techfest-muted",children:["Questions? Email ",(0,b.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"}),"."]})]}),(0,b.jsx)(l.A,{lg:8,children:(0,b.jsx)("div",{className:"techfest-card",children:(0,b.jsx)(v,{})})})]})})}),t.length>0&&(0,b.jsx)("section",{className:"techfest-section","aria-labelledby":"videos-title",children:(0,b.jsxs)(a.A,{children:[(0,b.jsx)("h2",{id:"videos-title",className:"techfest-heading",children:"See what we showed at the stand"}),(0,b.jsx)("p",{className:"techfest-lede",children:"Videos from the big screen at our stand."}

1),(0,b.jsx)(r.A,{className:"g-4",children:t.map((e=>(0,b.jsx)(l.A,{md:t.length>1?6:12,lg:t.length>1?6:8,children:(0,b.jsx)(w,{video:e})},e.id)))})]})})]})}},1097(){}}]);
2//# sourceMappingURL=360.dc9bcc8a.chunk.js.map