1"use strict";(self.webpackChunkreact_saas_template=self.webpackChunkreact_saas_template||[]).push([[7212],{7212:(a,e,r)=>{r.r(e),r.d(e,{default:()=>N});var i=r(23622),s=r(93222),o=r(65043),n=r(85865),t=r(96446),l=r(43845),c=(r(40854),r(92686)),d=r(69120),p=r(51726),u=r(75129),h=r(57067),m=r(70579);const g="#0F172A",f="rgba(15, 23, 42, 0.78)",x="rgba(15, 23, 42, 0.6)",b="rgba(15, 23, 42, 0.5)",v="#FFFFFF",k="#FAFAFC",y="#F7F7F9",j="rgba(15, 23, 42, 0.08)",w="rgba(15, 23, 42, 0.14)",z="#6C5CE7",F="#5C38A8",S="#F4EEFF",A="#E9DFFE",C="0 1px 2px rgba(15, 23, 42, 0.04)",H=(0,i.A)((a=>({wrapper:{minHeight:"100vh",background:y,paddingTop:a.spacing(3),paddingBottom:a.spacing(6)},container:{maxWidth:720,margin:"0 auto",padding:"0 ".concat(a.spacing(3))},backLinkRow:{marginBottom:a.spacing(1.5)},profileCard:{background:v,border:"1px solid ".concat(j),boxShadow:C,borderRadius:12,padding:a.spacing(1.75,2),marginBottom:a.spacing(2),display:"flex",alignItems:"center",gap:a.spacing(1.5),flexWrap:"wrap"},profileLabel:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.7rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:x,flexShrink:0},chips:{display:"flex",gap:a.spacing(.75),flexWrap:"wrap"},chip:{fontFamily:"'Plus Jakarta Sans', sans-serif",backgroundColor:S,color:F,border:"1px solid ".concat(A),fontWeight:600,fontSize:"0.7rem",height:24,borderRadius:999,textTransform:"uppercase",letterSpacing:"0.04em","& .MuiChip-icon":{color:F,fontSize:14}},inputCard:{background:v,border:"1px solid ".concat(j),boxShadow:C,borderRadius:14,padding:a.spacing(2.5),marginBottom:a.spacing(2)},inputLabel:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.7rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:F,marginBottom:a.spacing(1.25)},inputField:{width:"100%",minHeight:140,maxHeight:280,resize:"vertical",background:v,color:g,border:"1px solid ".concat(j),borderRadius:10,padding:a.spacing(2),fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.95rem",lineHeight:1.55,outline:"none",transition:"border-color 160ms ease, box-shadow 160ms ease","&:hover":{borderColor:w},"&:focus":{borderColor:z,boxShadow:"0 0 0 3px ".concat(S)},"&::placeholder":{color:b}},characterCount:{textAlign:"right",marginTop:a.spacing(.75),fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.75rem",color:x},helpText:{background:k,borderRadius:8,padding:a.spacing(1.25,1.5),marginTop:a.spacing(1.25),border:"1px solid ".concat(j),color:f,fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.825rem",lineHeight:1.5,"& strong":{color:g,fontWeight:600}},btnRow:{display:"flex",gap:a.spacing(1.5),justifyContent:"flex-end",flexWrap:"wrap",[a.breakpoints.down("sm")]:{flexDirection:"column-reverse","& > *":{width:"100%"}}}})));const N=function(a){const{selectQuestionInputPage:e}=a,r=H(),i=(0,s.useHistory)(),g=(0,s.useLocation)(),[f,x]=(0,o.useState)(""),[b,v]=(0,o.useState)((()=>(0,c._i)()));(0,o.useEffect)((()=>{let a=!1;return(0,c.l2)().then((e=>{!a&&e&&v(e)})),()=>{a=!0}}),[]),(0,o.useEffect)((()=>{"function"===typeof e&&e()}),[e]);const k=()=>i.push("/c/mock"),y=!(null===b||void 0===b||!b.industry)&&!(null===b||void 0===b||!b.role)&&""!==f.trim(),j=f.length;return(0,m.jsx)("div",{className:r.wrapper,children:(0,m.jsxs)("div",{className:r.container,children:[(0,m.jsx)("div",{className:r.backLinkRow,children:(0,m.jsxs)(h.Yq,{onClick:k,size:"sm",children:[(0,m.jsx)(d.A,{sx:{fontSize:14,mr:.5}}),"Back to practice"]})}),(0,m.jsx)(h.zY,{eyebrow:"Practice",title:"Write your own question",accent:"own",sub:"Type the prompt you want to practice. We'll grade your answer against your industry and role."}),(null===b||void 0===b?void 0:b.industry)&&(null===b||void 0===b?void 0:b.role)&&(0,m.jsxs)("div",{className:r.profileCard,children:[(0,m.jsx)(n.A,{className:r.profileLabel,children:"Using your profile"}),(0,m.jsxs)(t.A,{className:r.chips,children:[(0,m.jsx)(l.A,{icon:(0,m.jsx)(p.A,{}),label:b.industry,className:r.chip,size:"small"}),(0,m.jsx)(l.A,{icon:(0,m.jsx)(u.A,{}),label:b.role,className:r.chip,size:"small"})]})]}),(0,m.jsxs)("div",{className:r.inputCard,children:[(0,m.jsx)(n.A,{className:r.input
1Label,children:"Your question"}),(0,m.jsx)("textarea",{placeholder:"e.g. Tell me about a time when you had to work under pressure and how you handled it.",className:r.inputField,value:f,onChange:a=>x(a.target.value),maxLength:500}),(0,m.jsxs)(n.A,{className:r.characterCount,children:[j,"/500"]}),""===f.trim()&&(0,m.jsxs)("div",{className:r.helpText,children:[(0,m.jsx)("strong",{children:"Tip:"})," ","Write a clear, specific prompt. The grader uses it alongside your industry and role to tailor feedback."]})]}),(0,m.jsxs)("div",{className:r.btnRow,children:[(0,m.jsx)(h.tA,{onClick:k,children:"Cancel"}),(0,m.jsx)(h.jn,{onClick:()=>{var a;null!==g&&void 0!==g&&null!==(a=g.state)&&void 0!==a&&a.from&&null!==b&&void 0!==b&&b.industry&&null!==b&&void 0!==b&&b.role&&i.push({pathname:g.state.from,state:{question:f,industry:b.industry,role:b.role,subTopic:""}})},disabled:!y,children:"Start practice \u2192"})]})]})})}},51726:(a,e,r)=>{var i=r(24994);e.A=void 0;var s=i(r(40039)),o=r(70579);e.A=(0,s.default)((0,o.jsx)("path",{d:"M12 7V3H2v18h20V7zM6 19H4v-2h2zm0-4H4v-2h2zm0-4H4V9h2zm0-4H4V5h2zm4 12H8v-2h2zm0-4H8v-2h2zm0-4H8V9h2zm0-4H8V5h2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8zm-2-8h-2v2h2zm0 4h-2v2h2z"}),"Business")},69120:(a,e,r)=>{var i=r(24994);e.A=void 0;var s=i(r(40039)),o=r(70579);e.A=(0,s.default)((0,o.jsx)("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"}),"ArrowBack")},75129:(a,e,r)=>{var i=r(24994);e.A=void 0;var s=i(r(40039)),o=r(70579);e.A=(0,s.default)((0,o.jsx)("path",{d:"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2m-6 0h-4V4h4z"}),"Work")}}]); 2//# sourceMappingURL=7212.44d188ed.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.