https://internup.org/_next/static/chunks/4271.f049f0095c8669c8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4271],{34271:function(e,r,t){t.r(r),t.d(r,{Step2CareerStage:function(){return f}});var s=t(850),n=t(98776),a=t(39844),i=t(5895),l=t(59692),c=t(73527),o=t(19209),d=t(47665),u=t(73643),x=t(25634);let m=[{id:"current_student",title:"Current student",description:"Internships & part-time opportunities",icon:u.If},{id:"recent_graduate",title:"Recent graduate",description:"Full-time roles (≤ 2 years since graduation)",icon:u.jc},{id:"career_changer",title:"Career changer",description:"Pivoting or returning to work",icon:u.vG},{id:"early_professional",title:"Early professional",description:"1–3 years experience seeking new roles",icon:u.MZ}];function f(e){let{data:r,onDataChange:t,onNext:f,onPrevious:p,layoutVariant:h,canGoBack:b}=e,g="concept-two"===h,[w,N]=(0,n.useState)({careerStage:r.careerStage||""}),v=(0,n.useRef)(!1),[y,j]=(0,n.useState)("");return(0,n.useEffect)(()=>{r.careerStage&&!v.current&&(N({careerStage:r.careerStage}),v.current=!0)},[r.careerStage]),(0,s.jsxs)("div",{className:(0,x.cn)("flex min-h-0 flex-1 flex-col font-sans",g?"w-full":"mx-auto w-full max-w-[620px]"),children:[!g&&(0,s.jsxs)("div",{className:"mb-9 space-y-4 text-left",children:[(0,s.jsx)("h1",{className:"text-[32px] font-semibold leading-[1.15] tracking-[-0.04em] text-zinc-950 sm:text-[40px]",children:"What best describes you right now?"}),(0,s.jsx)("p",{className:"text-lg font-normal leading-relaxed text-zinc-600",children:"We'll tailor InternUp to your goals."})]}),(0,s.jsxs)("form",{onSubmit:e=>{if(e.preventDefault(),!w.careerStage){j("Please select your current career stage");return}f()},className:"flex min-h-0 flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto py-4 pr-1 sm:py-6 lg:pb-[clamp(36px,7vh,76px)] lg:pt-8",children:[(0,s.jsx)(o.E,{value:w.careerStage,onValueChange:e=>{let r={careerStage:e};N(r),t(r),j("")},className:"my-auto grid grid-cols-1 gap-6 sm:grid-cols-2",children:m.map(e=>{let r=e.icon,t=w.careerStage===e.id;return(0,s.jsxs)(d._,{htmlFor:e.id,className:(0,x.cn)("relative grid min-h-[178px] cursor-pointer grid-cols-[1fr_28px] grid-rows-[32px_1fr] gap-x-5 gap-y-7 rounded-[20px] border px-7 py-7 transition-colors duration-200 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-brand sm:min-h-[210px] sm:px-8 lg:min-h-[240px]",t?"border-brand bg-brand text-brand-900":"border-zinc-300 bg-white text-zinc-950 hover:border-zinc-400"),style:{"--internup-icon-inlay":u.MG.brand,"--internup-icon-surface":t?u.MG.brand:"#FFFFFF"},children:[(0,s.jsx)(o.m,{value:e.id,id:e.id,className:"sr-only"}),(0,s.jsx)(r,{className:"col-start-1 row-start-1 h-8 w-8 shrink-0 text-brand-900","aria-hidden":"true"}),(0,s.jsxs)("div",{className:"col-span-2 row-start-2 mt-5 min-w-0 self-start",children:[(0,s.jsx)("h3",{className:"mb-2 text-lg font-semibold tracking-[-0.02em] text-current",children:e.title}),(0,s.jsx)("p",{className:(0,x.cn)("max-w-[260px] text-sm font-normal leading-6",t?"text-brand-900/80":"text-zinc-600"),children:e.description})]}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,x.cn)("col-start-2 row-start-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border",t?"border-brand-900 bg-brand-900 text-white":"border-zinc-500 bg-white text-transparent"),children:t&&(0,s.jsx)(a.Z,{className:"h-4 w-4"})})]},e.id)})}),y&&(0,s.jsx)("p",{className:"text-center text-sm text-red-600",children:y})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-5 border-t border-zinc-200 py-9 lg:py-[46px]",children:[(0,s.jsxs)(c.z,{type:"button",variant:"ghost",onClick:p,disabled:!b,className:"h-14 gap-3 rounded-xl px-1 text-base font-medium text-zinc-600 hover:bg-transparent hover:text-zinc-950 disabled:opacity-40",children:[(0,s.jsx)(i.Z,{className:"h-5 w-5","aria-hidden":"true"}),"Back"]}),(0,s.jsxs)(c.z,{type:"submit",className:"relative h-14 min-w-0 flex-1 rounded-xl bg-brand px-12 text-base font-semibold text-brand-900 hover:bg-brand-400 focus-visible:ring-brand-700 sm:min-w-[260px] sm:flex-none",disabled:!w.careerStage,children:["Continue",(0,s.jsx)(l.Z,{className:"absolute right-5 h-5 w-5","aria-hidden":"true"})]})]})]})]})}},19209:function(e,r,t){t.d(r,{E:function(){return c},m:function(){return o}});var s=t(850),n=t(98776),a=t(14986),i=t(14809),l=t(25634);let c=n.forwardRef((e,r)=>{let{className:t,...n}=e;return(0,s.jsx)(a.Root,{className:(0,l.cn)("grid gap-2",t),...n,ref:r})});c.displayName=a.Root.displayName;let o=n.forwardRef((e,r)=>{let{className:t,...n}=e;return(0,s.jsx)(a.Item,{ref:r,className:(0,l.cn)("aspect-square h-4 w-4 roun

1ded-full border border-zinc-200 border-zinc-900 text-zinc-900 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-zinc-800 dark:border-zinc-50 dark:text-zinc-50 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300",t),...n,children:(0,s.jsx)(a.Indicator,{className:"flex items-center justify-center",children:(0,s.jsx)(i.Z,{className:"h-2.5 w-2.5 fill-current text-current"})})})});o.displayName=a.Item.displayName}}]);