https://tryhugo.ai/static/js/7876.c437d9f9.chunk.js

1"use strict";(self.webpackChunkreact_saas_template=self.webpackChunkreact_saas_template||[]).push([[7876],{87876:(e,t,o)=>{o.r(t),o.d(t,{default:()=>L});var n=o(96446),a=o(85865),s=o(57256),r=o(93222),i=o(65043),l=o(87070),c=o(40854),d=o.n(c),p=o(35323),u=(o(67343),o(89379)),m=o(24836),g=o(32143),x=o(40794),h=o(14194),f=o(63461),k=o(75253),b=o(57067),y=o(58991),S=o(92686),v=o(70579);const j=e=>(0,v.jsx)(m.A,(0,u.A)((0,u.A)({},e),{},{direction:"down"})),A=e=>{let{children:t}=e;return(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.display,fontSize:"1.1rem",fontWeight:700,color:y.tokens.colorRoles.light.textPrimary,letterSpacing:"-0.005em",mb:"".concat(y.tokens.space[3],"px")},children:t})},w=e=>{let{children:t,sx:o}=e;return(0,v.jsx)(n.A,{sx:(0,u.A)({background:y.tokens.colorRoles.light.surface,border:"1px solid ".concat(y.tokens.colorRoles.light.border),borderRadius:"".concat(y.tokens.radius.lg,"px"),padding:"".concat(y.tokens.space[5],"px")},o),children:t})},F=[{value:"internship",label:"Internship / first role"},{value:"graduate",label:"Graduate / first full-time"},{value:"experienced",label:"Experienced (2-7 years)"}],C=[{value:"GB",label:"United Kingdom"},{value:"US",label:"United States"},{value:"CA",label:"Canada"},{value:"AU",label:"Australia"},{value:"IE",label:"Ireland"},{value:"DE",label:"Germany"},{value:"FR",label:"France"},{value:"NL",label:"Netherlands"}],R=e=>{var t,o,s;let{userDetails:l,setUserDetails:c}=e;const p=(0,r.useHistory)(),{careersData:m,loading:R}=(0,f.hv)(),z=(0,S._i)(),[W,P]=(0,i.useState)((null===z||void 0===z?void 0:z.industry)||""),[T,D]=(0,i.useState)((null===z||void 0===z?void 0:z.role)||""),[I,B]=(0,i.useState)([]),[H,E]=(0,i.useState)((null===z||void 0===z?void 0:z.experienceLevel)||""),[N,U]=(0,i.useState)((()=>{const e=null===z||void 0===z?void 0:z.country;return e&&C.some((t=>t.value===e))?e:"GB"})),[_,M]=(0,i.useState)((()=>{var e,t;if(null!==z&&void 0!==z&&null!==(e=z.jobSearchPreferences)&&void 0!==e&&null!==(t=e.preferredLocations)&&void 0!==t&&t[0])return z.jobSearchPreferences.preferredLocations[0];try{return localStorage.getItem("hugo_preferred_location")||""}catch(o){return""}})),[O,Y]=(0,i.useState)((()=>{var e;if("remote"===(null===z||void 0===z||null===(e=z.jobSearchPreferences)||void 0===e?void 0:e.workMode))return!0;try{return"true"===localStorage.getItem("hugo_remote_ok")}catch(t){return!1}})),[L,G]=(0,i.useState)(!1),[q,V]=(0,i.useState)(""),[X,$]=(0,i.useState)(null),[K,J]=(0,i.useState)(!1),[Q,Z]=(0,i.useState)(!1),[ee,te]=(0,i.useState)({open:!1,kind:"success",msg:""}),[oe,ne]=(0,i.useState)(!1);(0,i.useEffect)((()=>{m&&W&&m[W]&&B((0,k.Vm)(m,W))}),[m,W]),(0,i.useEffect)((()=>{let e=!1;return(0,S.l2)().then((t=>{var o,n,a;if(e||!t)return;null!==z&&void 0!==z&&z.industry||!t.industry||P(t.industry),null!==z&&void 0!==z&&z.role||!t.role||D(t.role),t.experienceLevel&&E(t.experienceLevel),t.country&&C.some((e=>e.value===t.country))&&U(t.country);const s=null===(o=t.jobSearchPreferences)||void 0===o||null===(n=o.preferredLocations)||void 0===n?void 0:n[0];s&&!_&&M(s),"remote"===(null===(a=t.jobSearchPreferences)||void 0===a?void 0:a.workMode)&&Y(!0),c&&c(t)})),()=>{e=!0}}),[]),(0,i.useEffect)((()=>{let e=!1;return(async()=>{try{const t=await d().post("/api/users/user-resume");if(e||!t.data)return;G(!!t.data.hasResume||!!t.data.resume),V(t.data.fileName||""),$(t.data.uploadedAt||null)}catch(t){}})(),()=>{e=!0}}),[]);const ae=async e=>{var t;const o=null===(t=e.target.files)||void 0===t?void 0:t[0];if(o){J(!0);try{var n,a;const e=new FormData;e.append("file",o);const t=await d().post("/api/users/read-resume",e,{headers:{"Content-Type":"multipart/form-data"}});var s,r;if((null===(n=t.data)||void 0===n?void 0:n.resume)||(null===(a=t.data)||void 0===a?void 0:a.text)||"")G(!0),V((null===(s=t.data)||void 0===s?void 0:s.fileName)||o.name),$((null===(r=t.data)||void 0===r?void 0:r.uploadedAt)||(new Date).toISOString());te({open:!0,kind:"success",msg:"CV uploaded."})}catch(i){console.error("Resume upload failed:",i),te({open:!0,kind:"error",msg:"Couldn't read that file. Try a PDF or DOCX."})}finally{J(!1),e.target.value=""}}},se=(e,t)=>{"clickaway"!==t&&te((e=>(0,u.A)((0,u.A)({},e),{},{open:!1})))};return(0,v.jsxs)(n.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(y.tokens.space[4],"px")},children:[(0,v.jsxs)(w,{children:[(0,v.jsx)(A,{children:"User details"}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(y.tokens.space[3],"px"),mb:"".concat(y.tokens.space[4],"px")},children:[(0,v.jsxs)(n.A,{component:"label",sx:{cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",width:72,height:72,borderRadius:"50%",background:y.tokens.colorRoles.light.surfaceMuted,border:"1px solid ".concat(y.tokens.colorRoles.light.border),overflow:"hidden",transition:"border-color 160ms ease","&:hover":{borderColor:y.tokens.colorRoles.light.borderStrong}},children:[null!==l&&void 0!==l&&l.profileImage?(0,v.jsx)(n.A,{component:"img",src:l.profileImage,alt:"",sx:{width:"100%",height:"100%",objectFit:"cover"}}):(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.display,fontWeight:600,fontSize:"1.5rem",color:y.tokens.colorRoles.light.textSecondary},children:(null===l||void 0===l||null===(t=l.first_name)||void 0===t?void 0:t[0])||"U"}),(0,v.jsx)("input",{type:"file",hidden:!0,onChange:e=>{const t=e.target.files[0];if(!t)return;if(!["image/jpeg","image/png","image/gif"].includes(t.type))return void ne(!0);const o=new FormData;o.append("file",t),d().post("/api/users/upload-image",o).then((e=>{const t={imageURL:e.data.secure_url};c((e=>(0,u.A)((0,u.A)({},e||{}),{},{profileImage:t.imageURL}))),d().put("/api/users/profile/upload-image",t).then((()=>ne(!1))).catch((e=>{console.log(e)}))}))}})]}),(0,v.jsxs)(n.A,{children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:600,color:y.tokens.colorRoles.light.textPrimary,mb:.25},children:"Profile photo"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,color:y.tokens.colorRoles.light.textTertiary},children:"JPEG, PNG, or GIF. Click the avatar to upload."}),oe&&(0,v.jsx)(a.A,{sx:{mt:.5,color:(null===(o=y.tokens.palette.danger)||void 0===o?void 0:o[500])||"#EF4444",fontSize:y.tokens.fontSize.xs},children:"Please upload a valid image (JPEG, PNG, or GIF)."})]})]}),(0,v.jsxs)(n.A,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(2, 1fr)"},gap:"".concat(y.tokens.space[3],"px")}

1,children:[(0,v.jsx)(b.D0,{label:"First name",value:(null===l||void 0===l?void 0:l.first_name)||"",InputProps:{readOnly:!0}}),(0,v.jsx)(b.D0,{label:"Last name",value:(null===l||void 0===l?void 0:l.last_name)||"",InputProps:{readOnly:!0}}),(0,v.jsx)(b.D0,{label:"Email",value:(null===l||void 0===l?void 0:l.email)||"",InputProps:{readOnly:!0},sx:{gridColumn:{xs:"1",md:"1 / -1"}}})]})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(A,{children:"Career path"}),(0,v.jsxs)(n.A,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(2, 1fr)"},gap:"".concat(y.tokens.space[3],"px")},children:[(0,v.jsxs)(b.D0,{label:"Industry",select:!0,value:W,onChange:e=>{const t=e.target.value;P(t),B(t&&null!==m&&void 0!==m&&m[t]?(0,k.Vm)(m,t):[]),D("")},disabled:R||!m,children:[(0,v.jsx)(g.A,{value:"",children:(0,v.jsx)("em",{children:R?"Loading industries\u2026":"Select industry"})}),m&&Object.keys(m).map((e=>(0,v.jsx)(g.A,{value:e,children:e},e)))]}),(0,v.jsxs)(b.D0,{label:"Role",select:!0,value:T,onChange:e=>{D(e.target.value)},disabled:!W,children:[(0,v.jsx)(g.A,{value:"",children:(0,v.jsx)("em",{children:"Select role"})}),I.map((e=>(0,v.jsx)(g.A,{value:e,children:e},e)))]}),(0,v.jsxs)(b.D0,{label:"Career stage",select:!0,value:H,onChange:e=>E(e.target.value),sx:{gridColumn:{xs:"1",md:"1 / -1"}},children:[(0,v.jsx)(g.A,{value:"",children:(0,v.jsx)("em",{children:"Select stage"})}),F.map((e=>(0,v.jsx)(g.A,{value:e.value,children:e.label},e.value)))]}),(0,v.jsx)(b.D0,{label:"Country",select:!0,value:N,onChange:e=>U(e.target.value),helperText:"Drives the regional job sources. Editable per-search too.",children:C.map((e=>(0,v.jsx)(g.A,{value:e.value,children:e.label},e.value)))}),(0,v.jsx)(b.D0,{label:"Preferred location",placeholder:"e.g. London, Manchester, New York",value:_,onChange:e=>M(e.target.value),helperText:"City or region for the default job-search filter."}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(y.tokens.space[2],"px"),padding:"".concat(y.tokens.space[3],"px ").concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.md,"px"),border:"1px solid ".concat(y.tokens.colorRoles.light.border),backgroundColor:y.tokens.colorRoles.light.surface},children:[(0,v.jsx)(n.A,{component:"input",type:"checkbox",id:"settings-remoteOk",checked:O,onChange:e=>Y(e.target.checked),sx:{width:18,height:18,accentColor:y.tokens.palette.brand[600],cursor:"pointer"}}),(0,v.jsxs)(n.A,{component:"label",htmlFor:"settings-remoteOk",sx:{cursor:"pointer",flex:1},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:y.tokens.fontWeight.semibold,color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.3},children:"Open to remote"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,color:y.tokens.colorRoles.light.textSecondary,mt:"2px"},children:"Includes country-wide remote roles even when the location filter is set."})]})]})]})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(A,{children:"Resume"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,mb:"".concat(y.tokens.space[4],"px")},children:"The CV Hugo uses for resume review, mock-interview tailoring, match scoring, and chat coaching."}),L?(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(y.tokens.space[3],"px"),padding:"".concat(y.tokens.space[3],"px ").concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.md,"px"),border:"1px solid ".concat(y.tokens.colorRoles.light.border),backgroundColor:y.tokens.colorRoles.light.surface,flexWrap:"wrap"},children:[(0,v.jsx)(n.A,{"aria-hidden":"true",sx:{width:36,height:36,borderRadius:"".concat(y.tokens.radius.sm,"px"),backgroundColor:y.tokens.colorRoles.light.brandSubtle,color:y.tokens.palette.brand[700],display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:y.tokens.fontFamily.sans,fontSize:"10px",fontWeight:700,letterSpacing:"0.04em",flexShrink:0},children:"CV"}),(0,v.jsxs)(n.A,{sx:{flex:1,minWidth:0},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:y.tokens.fontWeight.semibold,color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.3,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:q||"Resume on file"}),X?(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,color:y.tokens.colorRoles.light.textSecondary,mt:"2px"},children:(e=>{if(!e)return"";const t=new Date(e).getTime();if(!Number.isFinite(t))return"";const o=Date.now()-t,n=864e5;return o<n?"Uploaded today":o<2*n?"Uploaded yesterday":o<14*n?"Uploaded ".concat(Math.round(o/n)," days ago"):"Uploaded ".concat(new Date(e).toLocaleDateString("en-GB",{day:"numeric",month:"short"}))})(X)}):null]}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(y.tokens.space[2],"px"),flexWrap:"wrap"}

1,children:[(0,v.jsxs)(n.A,{component:"label",sx:{display:"inline-flex",alignItems:"center",padding:"8px ".concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.pill,"px"),border:"1px solid ".concat(y.tokens.colorRoles.light.border),cursor:K?"not-allowed":"pointer",fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:y.tokens.fontWeight.semibold,color:y.tokens.colorRoles.light.textPrimary,opacity:K?.6:1,transition:"background-color 140ms ease, border-color 140ms ease","&:hover":K?{}:{backgroundColor:y.tokens.colorRoles.light.brandSubtle,borderColor:y.tokens.palette.brand[400],color:y.tokens.palette.brand[700]}},children:[K?"Reading\u2026":"Replace",(0,v.jsx)("input",{type:"file",hidden:!0,accept:".pdf,.docx,.doc,application/pdf",onChange:ae,disabled:K})]}),(0,v.jsx)(b.tA,{onClick:async()=>{if("undefined"===typeof window||window.confirm("Remove your CV from Hugo?"))try{await d().post("/api/users/update-resume",{resume:""}),G(!1),V(""),$(null),te({open:!0,kind:"success",msg:"CV removed."})}catch(e){console.error("Resume remove failed:",e),te({open:!0,kind:"error",msg:"Couldn't remove CV. Try again."})}},children:"Remove"})]})]}):(0,v.jsxs)(n.A,{children:[(0,v.jsxs)(n.A,{component:"label",sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:"10px ".concat(y.tokens.space[5],"px"),borderRadius:"".concat(y.tokens.radius.pill,"px"),border:"1px solid ".concat(y.tokens.colorRoles.light.border),cursor:K?"not-allowed":"pointer",fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:y.tokens.fontWeight.semibold,color:y.tokens.colorRoles.light.textPrimary,opacity:K?.6:1,transition:"background-color 140ms ease, border-color 140ms ease","&:hover":K?{}:{backgroundColor:y.tokens.colorRoles.light.brandSubtle,borderColor:y.tokens.palette.brand[400],color:y.tokens.palette.brand[700]}},children:[K?"Reading\u2026":"Upload CV",(0,v.jsx)("input",{type:"file",hidden:!0,accept:".pdf,.docx,.doc,application/pdf",onChange:ae,disabled:K})]}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.serif,fontStyle:"italic",fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,mt:"".concat(y.tokens.space[3],"px")},children:"No CV on file yet. Upload one to unlock resume review and JD-aware mocks."})]})]}),(0,v.jsxs)(n.A,{sx:{display:"flex",justifyContent:"flex-end",gap:"".concat(y.tokens.space[2],"px"),mt:"".concat(y.tokens.space[1],"px"),flexDirection:{xs:"column-reverse",sm:"row"},"& > *":{minWidth:{xs:"100%",sm:140}}},children:[(0,v.jsx)(b.tA,{onClick:()=>p.push("/c/dashboard"),children:"Cancel"}),(0,v.jsx)(b.jn,{onClick:async()=>{Z(!0);try{await d().put("/api/users/profile/complete",{industry:W,role:T,experienceLevel:H||void 0,country:N||void 0,preferredLocation:_.trim()||void 0,remoteOk:O,accountCompleted:!0});try{_.trim()&&localStorage.setItem("hugo_preferred_location",_.trim()),localStorage.setItem("hugo_remote_ok",String(O))}catch(e){}try{const e=(await d().get("/api/users/profile/details")).data.userDetails;e&&(0,S.T2)(e),c&&e&&c(e)}catch(t){console.error("Error refetching profile:",t)}te({open:!0,kind:"success",msg:"Profile updated successfully."})}catch(o){console.error("Error updating profile:",o),te({open:!0,kind:"error",msg:"Could not update profile. Please try again."})}finally{Z(!1)}},disabled:Q,children:Q?"Updating\u2026":"Save changes"})]}),(0,v.jsx)(x.A,{open:ee.open,autoHideDuration:"error"===ee.kind?6e3:4e3,onClose:se,TransitionComponent:j,anchorOrigin:{vertical:"top",horizontal:"center"},children:(0,v.jsx)(h.A,{onClose:se,severity:ee.kind,variant:"filled",sx:{fontFamily:y.tokens.fontFamily.sans,fontWeight:500,borderRadius:"".concat(y.tokens.radius.md,"px"),boxShadow:(null===(s=y.tokens.elevation)||void 0===s?void 0:s.md)||"0 4px 16px rgba(15,12,26,0.12)"},children:ee.msg})})]})};var z=o(90035),W=o(35316),P=o(67784),T=o(29347),D=o(11906),I=o(12110),B=o(26494),H=o(43845),E=o(98139),N=o.n(E),U=o(19778),_=o(3021),M=o(97412),O=o(98468);const Y=(0,s.A)((e=>({wrapper:{display:"flex",flexDirection:"column",gap:e.spacing(3),minHeight:"100%",padding:e.spacing(2),[e.breakpoints.down("sm")]:{padding:e.spacing(1),gap:e.spacing(2)}},subNotExist:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",background:"linear-gradient(135deg, ".concat(e.palette.primary.main,"08, transparent)"),borderRadius:"20px",padding:e.spacing(4),border:"2px s

1olid ".concat(e.palette.primary.main,"20"),boxShadow:"0 8px 32px rgba(0, 0, 0, 0.1)",backdropFilter:"blur(10px)",maxWidth:"700px",width:"100%",margin:"0 auto",marginTop:e.spacing(4),[e.breakpoints.down("sm")]:{padding:e.spacing(3),marginTop:e.spacing(2),borderRadius:"16px"}},upgradeIcon:{display:"flex",justifyContent:"center",alignItems:"center",width:"80px",height:"80px",borderRadius:"50%",background:"linear-gradient(135deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")"),marginBottom:e.spacing(3),boxShadow:"0 8px 20px ".concat(e.palette.primary.main,"40"),fontSize:"2rem"},upgradeTitle:{fontSize:"1.8rem",fontWeight:700,marginBottom:e.spacing(2),color:"dark"===e.palette.mode?e.palette.common.white:e.palette.common.contrast,lineHeight:1.2,[e.breakpoints.down("sm")]:{fontSize:"1.5rem"}},upgradeSubtitle:{fontSize:"1.1rem",color:"light"===e.palette.mode?e.palette.common.textAlt:"rgba(255, 255, 255, 0.8)",marginBottom:e.spacing(3),lineHeight:1.4,[e.breakpoints.down("sm")]:{fontSize:"1rem"}},upgradeFeatures:{display:"flex",flexDirection:"column",gap:e.spacing(1),marginBottom:e.spacing(4),padding:e.spacing(2),background:"linear-gradient(135deg, ".concat(e.palette.primary.main,"10, ").concat(e.palette.primary.main,"05)"),borderRadius:"12px",border:"1px solid ".concat(e.palette.primary.main,"30")},upgradeFeature:{display:"flex",alignItems:"center",gap:e.spacing(1),fontSize:"0.95rem",color:e.palette.common.textAlt,fontWeight:500},upgradeButton:{width:"100%",fontWeight:700,fontSize:"1.1rem",borderRadius:"12px",padding:e.spacing(2,3),background:"linear-gradient(135deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")"),color:"white",textTransform:"none",boxShadow:"0 6px 20px ".concat(e.palette.primary.main,"40"),transition:"all 0.2s ease","&:hover":{background:"linear-gradient(135deg, ".concat(e.palette.primary.dark,", ").concat(e.palette.primary.main,")"),boxShadow:"0 8px 25px ".concat(e.palette.primary.main,"50"),transform:"translateY(-1px)"}},upgradeDiscount:{fontSize:"0.9rem",color:"#FF6B35",fontWeight:700,marginTop:e.spacing(2),background:"rgba(255, 107, 53, 0.1)",padding:e.spacing(1,2),borderRadius:"8px",border:"1px solid rgba(255, 107, 53, 0.3)"},subscriptionCard:{padding:e.spacing(3),borderRadius:"16px",border:"2px solid ".concat(e.palette.primary.main,"30"),background:"linear-gradient(135deg, ".concat(e.palette.primary.main,"08, transparent)"),position:"relative",overflow:"hidden","&::before":{content:'""',position:"absolute",top:0,left:0,right:0,height:"4px",background:"linear-gradient(90deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")")},[e.breakpoints.down("sm")]:{padding:e.spacing(2)}},planHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:e.spacing(2),[e.breakpoints.down("sm")]:{flexDirection:"column",gap:e.spacing(1)}},planInfo:{display:"flex",flexDirection:"column",gap:e.spacing(.5)},planName:{color:e.palette.primary.primaryDark,fontWeight:700,fontSize:"1.5rem",display:"flex",alignItems:"center",gap:e.spacing(1),[e.breakpoints.down("sm")]:{fontSize:"1.3rem"}},planPrice:{color:e.palette.primary.main,fontWeight:800,fontSize:"2rem",lineHeight:1,[e.breakpoints.down("sm")]:{fontSize:"1.8rem"}},planSubtext:{color:e.palette.common.textAlt,fontSize:"0.9rem",[e.breakpoints.down("sm")]:{fontSize:"0.85rem"}},statusChip:{fontWeight:600,borderRadius:"8px","&.active":{background:"#4CAF5020",color:"#4CAF50",border:"1px solid #4CAF5050"},"&.cancelled":{background:"#FF6B6B20",color:"#FF6B6B",border:"1px solid #FF6B6B50"}},actionButtons:{display:"flex",gap:e.spacing(1),marginTop:e.spacing(2),[e.breakpoints.down("sm")]:{flexDirection:"column","& .MuiButton-root":{width:"100%"}}},cancelButton:{color:e.palette.common.textAlt,borderColor:e.palette.primary.border,fontWeight:500,borderRadius:"10px","&:hover":{borderColor:"#FF6B6B",color:"#FF6B6B",background:"#FF6B6B10"}},switchButton:{background:"linear-gradient(135deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")"),color:"white",fontWeight:600,borderRadius:"10px","&:hover":{background:"linear-gradient(135deg, ".concat(e.palette.primary.dark,", ").concat(e.palette.primary.main,")")}},info:{display:"flex",alignItems:"center",gap:e.spacing(1),color:e.palette.common.textAlt,marginTop:e.spacing(2),padding:e.spacing(1.5),borderRadius:"8px",background:e.palette.primary.border+"30"},dialogContent:{padding:e.spacing(3),minWidth:"500px",[e.breakpoints.down("sm")]:{minWidth:"auto",padding:e.spacing(2)}},feedbackSection:{marginTop:e.spacing(2),padding:e.spacing(2),borderRadius:"8px",background:e.palette.primary.border+"20"},reasonOption:{marginBottom:e.spacing(1)},internalUserCard:{padding:e.spacing(3),borderRadius:"16px",border:"2px s

1olid ".concat(e.palette.primary.main),background:"linear-gradient(135deg, ".concat(e.palette.primary.main,"08, transparent)"),position:"relative",overflow:"hidden",textAlign:"center",[e.breakpoints.down("sm")]:{padding:e.spacing(2)},"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,height:"4px",background:"linear-gradient(90deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")")}},internalUserBadge:{background:"linear-gradient(135deg, ".concat(e.palette.primary.main,", ").concat(e.palette.primary.dark,")"),color:"white",fontWeight:700,marginBottom:e.spacing(2),borderRadius:"20px",padding:e.spacing(.5,2),fontSize:"0.85rem"},internalUserTitle:{color:"light"===e.palette.mode?e.palette.primary.primaryDark:"#ffffff",fontWeight:700,fontSize:"1.6rem",marginBottom:e.spacing(1),display:"flex",alignItems:"center",justifyContent:"center",gap:e.spacing(1),[e.breakpoints.down("sm")]:{fontSize:"1.3rem"}},internalUserSubtitle:{color:"light"===e.palette.mode?e.palette.common.textAlt:"rgba(255, 255, 255, 0.8)",fontSize:"1rem",marginBottom:e.spacing(2),lineHeight:1.4,[e.breakpoints.down("sm")]:{fontSize:"0.9rem"}},internalUserFeatures:{background:e.palette.primary.backgroundDashboard,border:"1px solid ".concat(e.palette.primary.border),borderRadius:"12px",padding:e.spacing(2),margin:e.spacing(2,0),boxShadow:"none"},internalUserFeaturesTitle:{color:"light"===e.palette.mode?e.palette.primary.primaryDark:"#ffffff",fontWeight:600,fontSize:"1rem",marginBottom:e.spacing(1)}})),{withTheme:!0})((e=>{let{classes:t,subExist:o,handleOpenConfirmation:s,handleSwitchSubscription:l}=e;const c=(0,r.useHistory)(),[p,u]=(0,i.useState)(null),[m,g]=(0,i.useState)(!1);(0,i.useEffect)((()=>{let e=!1;return(0,S.l2)().then((t=>{e||t&&u({hasActiveSubscription:t.hasCompletedPayment||!1,plan:t.plan||t.subscriptionStatus||"Free",status:t.subscriptionStatus,trialEndDate:t.trialEndDate,currentPeriodEnd:t.currentPeriodEnd,internalUser:!0===t.internalUser||"Internal"===t.plan})})).finally((()=>{e||g(!0)})),()=>{e=!0}}),[]);const[x,f]=(0,i.useState)(!1),[k,j]=(0,i.useState)(1),[A,w]=(0,i.useState)(""),[F,C]=(0,i.useState)(""),[R,E]=(0,i.useState)(!1),[Y,L]=(0,i.useState)(null),[G,q]=(0,i.useState)(!1),[V,X]=(0,i.useState)(!1),$="UGC_Creator"===(null===p||void 0===p?void 0:p.plan)||"Medrise_Partner"===(null===p||void 0===p?void 0:p.plan),K="Internal"===(null===p||void 0===p?void 0:p.plan)||!(null===p||void 0===p||!p.internalUser),J=$,Q="Medrise_Partner"===(null===p||void 0===p?void 0:p.plan),[Z,ee]=(0,i.useState)([]);(0,i.useEffect)((()=>{(async()=>{try{const e=await d().get("/api/users/retrieve-subscription-status");L(e.data)}catch(o){var e,t;console.log("User not subscribed or subscription status unavailable:",null===(e=o.response)||void 0===e?void 0:e.status,null===(t=o.response)||void 0===t?void 0:t.data),L(null)}})()}),[]);const te=[{value:"too_expensive",label:"Too expensive for my budget"},{value:"not_using",label:"Not using it enough to justify the cost"},{value:"found_alternative",label:"Found a better alternative service"},{value:"technical_issues",label:"Experiencing technical problems"},{value:"missing_features",label:"Missing features I need for my industry"},{value:"feedback_not_helpful",label:"AI feedback wasn't helpful or accurate"},{value:"questions_not_relevant",label:"Questions weren't relevant to my target roles"},{value:"interview_passed",label:"Got the job I was preparing for"},{value:"temporary_pause",label:"Taking a break from job searching"},{value:"other",label:"Other reason"}],oe=()=>{f(!0),j(1),q(!1),w(""),C(""),ee([]),E(!1)},ne=()=>{f(!1),j(1),q(!1),w(""),C(""),ee([])},ae=()=>{if(1===k){if(!A)return void alert("Please select a reason for canceling before continuing.");E(!0),j(3)}},se=async()=>{if(X(!0),K)try{await new Promise((e=>setTimeout(e,350))),j(4),q(!0),console.log("[internal-bypass] Cancel flow walked \u2014 no Stripe call made.")}finally{X(!1)}else{try{if(R){const e=await d().post("/api/users/cancel-subscription",{acceptRetentionOffer:!1});return void(e.data.success?(j(4),q(!0),console.log("Subscription cancelled immediately after declining retention offer"),setTimeout((()=>{window.location.href="/"}),2e3)):(console.error("Cancellation failed:",e.data.error),alert("Cancellation failed: ".concat(e.data.error||"Unknown error occurred. Please contact support.")),X(!1)))}if(0===Z.length)return alert("Please select at least one improvement suggestion to help us serve you better."),void X(!1);await d().post("/api/users/cancel-subscription-with-feedback",{reason:A,feedback:F,improvements:Z,usageStats:{questionsCompleted:0,practiceMinutes:0,currentStreak:0,averageScore:0}});const e=await d().post("/api/users/cancel-subscription",{acceptRetentionOffer:!1});if(console.log("Cancel response:",e.data),!e.data.success)return console.error("Cancellation failed:",e.data.error),alert("Cancellation failed: ".concat(e.data.error||"Unknown error occurred. Please contact support.")),void X(!1);{j(4),q(!0),console.log("Subscription cancelled successfully with feedback");const t=e.data.immediatelyCanceled;setTimeout((()=>{t?window.location.href="/":window.location.reload()}),3e3)}}catch(e){console.error("Error canceling subscription:",e),alert("Failed to cancel subscription. Please try again or c

1ontact support.")}X(!1)}},re=(()=>{const e=(null===p||void 0===p?void 0:p.currentPeriodEnd)||(null===Y||void 0===Y?void 0:Y.currentPeriodEnd);if(!e)return null;try{return new Date(e).toLocaleDateString("en-GB",{year:"numeric",month:"long",day:"numeric"})}catch(t){return null}})(),ie=()=>{var e;return(0,v.jsxs)(z.A,{open:x,onClose:ne,maxWidth:"sm",fullWidth:!0,PaperProps:{sx:{borderRadius:"".concat(y.tokens.radius.xl,"px"),background:y.tokens.colorRoles.light.surface,border:"1px solid ".concat(y.tokens.colorRoles.light.border),boxShadow:"0 24px 48px -16px rgba(15, 12, 26, 0.18)",backgroundImage:"none"}},children:[1===k&&(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(W.A,{sx:{padding:{xs:"".concat(y.tokens.space[5],"px"),sm:"".concat(y.tokens.space[8],"px")},backgroundColor:y.tokens.colorRoles.light.surface},children:[(0,v.jsxs)(n.A,{sx:{textAlign:"center",marginBottom:"".concat(y.tokens.space[6],"px")},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.palette.brand[700],marginBottom:"".concat(y.tokens.space[2],"px")},children:"Cancel subscription \xb7 Step 1 of 3"}),(0,v.jsxs)(a.A,{component:"h2",sx:{fontFamily:y.tokens.fontFamily.display,fontWeight:y.tokens.fontWeight.extrabold,fontSize:{xs:"26px",sm:"32px"},lineHeight:y.tokens.lineHeight.tight,letterSpacing:y.tokens.letterSpacing.display,color:y.tokens.colorRoles.light.textPrimary,margin:0},children:["Going"," ",(0,v.jsx)(n.A,{component:"span",sx:{fontFamily:y.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:y.tokens.fontWeight.regular,color:y.tokens.palette.brand[700]},children:"somewhere"}),"?"]}),(0,v.jsx)(a.A,{sx:{marginTop:"".concat(y.tokens.space[2],"px"),fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,maxWidth:"440px",margin:"".concat(y.tokens.space[2],"px auto 0")},children:"Help us understand what's not working. One reason, then you're done."})]}),(0,v.jsxs)(n.A,{children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.colorRoles.light.textTertiary,marginBottom:"".concat(y.tokens.space[3],"px")},children:"What's the reason?"}),(0,v.jsx)(n.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(y.tokens.space[2],"px")},children:te.map((e=>{const t=A===e.value;return(0,v.jsxs)(n.A,{role:"button",tabIndex:0,onClick:()=>w(e.value),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||w(e.value)},sx:{cursor:"pointer",padding:"".concat(y.tokens.space[3],"px ").concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.md,"px"),backgroundColor:t?y.tokens.colorRoles.light.brandSubtle:y.tokens.colorRoles.light.surface,border:t?"1.5px solid ".concat(y.tokens.palette.brand[500]):"1px solid ".concat(y.tokens.colorRoles.light.border),transition:"background-color 160ms ease, border-color 160ms ease",display:"flex",alignItems:"center",gap:"".concat(y.tokens.space[3],"px"),"&:hover":{borderColor:t?y.tokens.palette.brand[500]:y.tokens.colorRoles.light.borderStrong}},children:[(0,v.jsx)(n.A,{sx:{width:16,height:16,borderRadius:"50%",flexShrink:0,border:t?"5px solid ".concat(y.tokens.palette.brand[600]):"1.5px solid ".concat(y.tokens.colorRoles.light.borderStrong),backgroundColor:y.tokens.colorRoles.light.surface,transition:"border 160ms ease"}}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textPrimary},children:e.label})]},e.value)}))}),(0,v.jsxs)(n.A,{sx:{marginTop:"".concat(y.tokens.space[6],"px")},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.colorRoles.light.textTertiary,marginBottom:"".concat(y.tokens.space[2],"px")},children:"Anything else? (optional)"}),(0,v.jsx)(P.A,{fullWidth:!0,multiline:!0,rows:3,value:F,onChange:e=>C(e.target.value),placeholder:"What would have kept you here?",sx:{"& .MuiOutlinedInput-root":{backgroundColor:y.tokens.colorRoles.light.surface,borderRadius:"".concat(y.tokens.radius.md,"px"),fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,"& fieldset":{borderColor:y.tokens.colorRoles.light.border},"&:hover fieldset":{borderColor:y.tokens.colorRoles.light.borderStrong},"&.Mui-focused fieldset":{borderColor:y.tokens.palette.brand[500],borderWidth:"1.5px"}},"& .MuiInputBase-input":{color:y.tokens.colorRoles.light.textPrimary,"&::placeholder":{color:y.tokens.colorRoles.light.textTertiary,opacity:1}}}})]})]})]})}),2===k&&(0,v.jsx)(W.A,{sx:{p:{xs:3,sm:6}},children:(0,v.jsx)(a.A,{children:"Continuing\u2026"})}),3===k&&(0,v.jsxs)(W.A,{sx:{padding:{xs:"".concat(y.tokens.space[5],"px"),sm:"".concat(y.tokens.space[8],"px")}

1,backgroundColor:y.tokens.colorRoles.light.surface},children:[(0,v.jsxs)(n.A,{sx:{textAlign:"center",marginBottom:"".concat(y.tokens.space[5],"px")},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.palette.brand[700],marginBottom:"".concat(y.tokens.space[2],"px")},children:"Cancel subscription \xb7 Step 2 of 3"}),(0,v.jsxs)(a.A,{component:"h2",sx:{fontFamily:y.tokens.fontFamily.display,fontWeight:y.tokens.fontWeight.extrabold,fontSize:{xs:"26px",sm:"32px"},lineHeight:y.tokens.lineHeight.tight,letterSpacing:y.tokens.letterSpacing.display,color:y.tokens.colorRoles.light.textPrimary,margin:0},children:["You're"," ",(0,v.jsx)(n.A,{component:"span",sx:{fontFamily:y.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:y.tokens.fontWeight.regular,color:y.tokens.palette.brand[700]},children:"covered"})," ","until then."]})]}),(0,v.jsx)(n.A,{sx:{padding:"".concat(y.tokens.space[4],"px ").concat(y.tokens.space[5],"px"),borderRadius:"".concat(y.tokens.radius.lg,"px"),backgroundColor:y.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(y.tokens.palette.brand[100]),marginBottom:"".concat(y.tokens.space[4],"px")},children:(0,v.jsxs)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,lineHeight:1.6,color:y.tokens.colorRoles.light.textPrimary},children:["Your access continues",re?" until ".concat(re):" until the end of your current billing period",". You can come back any time before then to undo this cancellation \u2014 no charge, no questions."]})}),(0,v.jsxs)(n.A,{sx:{padding:"".concat(y.tokens.space[3],"px ").concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.md,"px"),border:"1px solid ".concat(y.tokens.colorRoles.light.border),backgroundColor:y.tokens.colorRoles.light.surfaceMuted},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.colorRoles.light.textTertiary,marginBottom:"".concat(y.tokens.space[1],"px")},children:"Your reason"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.5},children:(null===(e=te.find((e=>e.value===A)))||void 0===e?void 0:e.label)||"\u2014"}),F&&(0,v.jsxs)(a.A,{sx:{marginTop:"".concat(y.tokens.space[2],"px"),fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,fontStyle:"italic",lineHeight:1.5},children:['"',F,'"']})]})]}),4===k&&G&&(0,v.jsxs)(W.A,{sx:{padding:{xs:"".concat(y.tokens.space[6],"px"),sm:"".concat(y.tokens.space[8],"px")},backgroundColor:y.tokens.colorRoles.light.surface,textAlign:"center"},children:[(0,v.jsx)(n.A,{sx:{width:56,height:56,borderRadius:"50%",backgroundColor:y.tokens.colorRoles.light.brandSubtle,color:y.tokens.palette.brand[700],display:"inline-flex",alignItems:"center",justifyContent:"center",marginBottom:"".concat(y.tokens.space[4],"px")}

1,children:(0,v.jsx)(U.A,{sx:{fontSize:32}})}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.palette.brand[700],marginBottom:"".concat(y.tokens.space[2],"px")},children:"Cancel subscription \xb7 Step 3 of 3"}),(0,v.jsxs)(a.A,{component:"h2",sx:{fontFamily:y.tokens.fontFamily.display,fontWeight:y.tokens.fontWeight.extrabold,fontSize:{xs:"26px",sm:"32px"},lineHeight:y.tokens.lineHeight.tight,letterSpacing:y.tokens.letterSpacing.display,color:y.tokens.colorRoles.light.textPrimary,margin:0,marginBottom:"".concat(y.tokens.space[3],"px")},children:["You're"," ",(0,v.jsx)(n.A,{component:"span",sx:{fontFamily:y.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:y.tokens.fontWeight.regular,color:y.tokens.palette.brand[700]},children:"cancelled"}),"."]}),(0,v.jsxs)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:{xs:"15px",sm:"16px"},lineHeight:1.55,color:y.tokens.colorRoles.light.textSecondary,maxWidth:"420px",margin:"0 auto"},children:["Access continues",re?" until ".concat(re):" until the end of your current period",". Change your mind? Reactivate any time before then."]})]}),(0,v.jsx)(T.A,{sx:{padding:{xs:"".concat(y.tokens.space[4],"px ").concat(y.tokens.space[5],"px"),sm:"".concat(y.tokens.space[4],"px ").concat(y.tokens.space[8],"px ").concat(y.tokens.space[6],"px")},gap:"".concat(y.tokens.space[2],"px"),flexDirection:{xs:"column-reverse",sm:"row"},justifyContent:"space-between",borderTop:"1px solid ".concat(y.tokens.colorRoles.light.border),backgroundColor:y.tokens.colorRoles.light.surface},children:4===k&&G?(0,v.jsx)(D.A,{onClick:()=>{K?ne():window.location.reload()},fullWidth:!0,variant:"contained",sx:{fontFamily:y.tokens.fontFamily.sans,fontWeight:y.tokens.fontWeight.semibold,textTransform:"none",borderRadius:"".concat(y.tokens.radius.pill,"px"),minHeight:48,backgroundColor:y.tokens.palette.brand[600],color:"#ffffff","&:hover":{backgroundColor:y.tokens.palette.brand[700]}},children:K?"Close (internal bypass)":"Done"}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(D.A,{onClick:ne,sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,fontWeight:y.tokens.fontWeight.semibold,textTransform:"none",color:y.tokens.colorRoles.light.textSecondary,borderRadius:"".concat(y.tokens.radius.pill,"px"),minHeight:44,paddingX:"".concat(y.tokens.space[4],"px"),"&:hover":{backgroundColor:y.tokens.colorRoles.light.surfaceMuted,color:y.tokens.colorRoles.light.textPrimary}},children:"Stay subscribed"}),1===k&&(0,v.jsx)(D.A,{onClick:ae,disabled:!A,variant:"contained",sx:{fontFamily:y.tokens.fontFamily.sans,fontWeight:y.tokens.fontWeight.semibold,textTransform:"none",borderRadius:"".concat(y.tokens.radius.pill,"px"),minHeight:48,paddingX:"".concat(y.tokens.space[6],"px"),backgroundColor:y.tokens.palette.brand[600],color:"#ffffff","&:hover":{backgroundColor:y.tokens.palette.brand[700]},"&.Mui-disabled":{backgroundColor:y.tokens.palette.neutral[200],color:y.tokens.palette.neutral[500]}},children:"Continue"}),3===k&&(0,v.jsx)(D.A,{onClick:se,disabled:V,variant:"contained",sx:{fontFamily:y.tokens.fontFamily.sans,fontWeight:y.tokens.fontWeight.semibold,textTransform:"none",borderRadius:"".concat(y.tokens.radius.pill,"px"),minHeight:48,paddingX:"".concat(y.tokens.space[6],"px"),backgroundColor:y.tokens.palette.brand[600],color:"#ffffff","&:hover":{backgroundColor:y.tokens.palette.brand[700]},"&.Mui-disabled":{backgroundColor:y.tokens.palette.neutral[200],color:y.tokens.palette.neutral[500]}},children:V?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(b.y$,{size:"sm",color:"onBrand",sx:{mr:1}}),"Cancelling\u2026"]}):"Confirm cancellation"})]})})]})};if(J)return(0,v.jsx)(n.A,{className:t.wrapper,children:(0,v.jsx)(I.A,{className:t.internalUserCard,children:(0,v.jsxs)(B.A,{children:[(0,v.jsx)(H.A,{label:Q?"MEDRISE PARTNER":"CONTENT CREATOR / STAFF",className:t.internalUserBadge}),(0,v.jsxs)(a.A,{className:t.internalUserTitle,children:[(0,v.jsx)(O.A,{color:"inherit"}),Q?"Medrise Partnership Active":"Privileged Access Active"]}),(0,v.jsx)(a.A,{className:t.internalUserSubtitle,children:Q?"Your account has been granted premium access through our partnership with Medrise. Enjoy unlimited access to all interview preparation features.":"Your account has special privileges as a content creator or Hugo team member. No subscription management required for your account."}),(0,v.jsxs)(n.A,{className:t.internalUserFeatures,children:[(0,v.jsx)(a.A,{className:t.internalUserFeaturesTitle,children:Q?"Partnership Benefits:":"Special Access Benefits:"}),(0,v.jsxs)(a.A,{variant:"body2",color:"textSecondary",style:{textAlign:"left"},children:["\u2713 Unlimited practice questions & AI feedback",(0,v.jsx)("br",{}),"\u2713 Full access to all premium features",(0,v.jsx)("br",{}),Q?"\u2713 Enhanced career development through Medrise partnership<br/>\u2713 Priority support for Medrise participants<br/>

1\u2713 Partnership-exclusive resources and guidance":"\u2713 Content creation and testing privileges<br/>\u2713 Direct team support and feedback<br/>\u2713 No billing or subscription management needed"]})]}),(0,v.jsxs)(h.A,{severity:"info",variant:"outlined",children:[(0,v.jsx)("strong",{children:Q?"Partnership Account:":"Privileged Account:"})," ",Q?"This account is managed through our Medrise partnership and doesn't require subscription billing. Contact Medrise or our support team if you have any questions about your access.":"This account is managed internally and doesn't require subscription billing. Contact the team if you have any questions about your access."]})]})})});if(console.log("SubscriptionSettings - Current state:",{subscriptionDetails:p,subscriptionStatus:Y,status:null===p||void 0===p?void 0:p.status,isTrialing:"trialing"===(null===p||void 0===p?void 0:p.status),isTrialingFromStatus:"trialing"===(null===Y||void 0===Y?void 0:Y.status)}),p&&"trialing"===p.status||Y&&"trialing"===Y.status){const e=null!==Y&&void 0!==Y&&Y.trialEndDate?new Date(Y.trialEndDate):null!==p&&void 0!==p&&p.trialEndDate?new Date(p.trialEndDate):null;(null===Y||void 0===Y?void 0:Y.daysRemaining)||e&&Math.ceil((e-new Date)/864e5);return(0,v.jsxs)(n.A,{className:t.wrapper,children:[(0,v.jsx)(I.A,{className:t.subscriptionCard,children:(0,v.jsxs)(B.A,{children:[(0,v.jsxs)(n.A,{className:t.planHeader,children:[(0,v.jsxs)(n.A,{className:t.planInfo,children:[(0,v.jsxs)(a.A,{className:t.planName,children:[(0,v.jsx)(M.A,{sx:{color:"#FFD700"}}),"Hugo Pro - Free Trial"]}),(0,v.jsx)(a.A,{className:t.planPrice,children:"\xa330/month"}),(0,v.jsx)(a.A,{className:t.planSubtext,children:"Full access for 3 days"})]}),(0,v.jsx)(H.A,{label:"Free Trial",className:N()(t.statusChip,"active"),icon:(0,v.jsx)(U.A,{}),style:{background:"#4CAF5020",color:"#4CAF50",border:"1px solid #4CAF5050"}})]}),e&&(0,v.jsxs)(n.A,{className:t.info,style:{marginBottom:"1rem"},children:[(0,v.jsx)(_.A,{}),(0,v.jsxs)(a.A,{variant:"body2",color:"textSecondary",children:["Trial ends on ",e.toLocaleDateString("en-GB",{weekday:"long",year:"numeric",month:"long",day:"numeric"})]})]}),(0,v.jsxs)(n.A,{className:t.actionButtons,children:[(0,v.jsx)(D.A,{variant:"outlined",className:t.cancelButton,onClick:oe,fullWidth:!0,children:"Cancel Trial"}),(0,v.jsx)(D.A,{variant:"contained",className:t.switchButton,onClick:()=>{window.confirm("Your trial will automatically convert to a monthly subscription (\xa330/month) when your trial ends.\n\nNo action needed - your subscription will continue automatically!\n\nClick OK to confirm you want to continue with this plan.")&&alert("Perfect! Your subscription will continue automatically when your trial ends. Enjoy your trial!")},fullWidth:!0,children:"Continue with Monthly Plan"})]}),(0,v.jsxs)(h.A,{severity:"info",variant:"outlined",style:{marginTop:"1rem"},children:[(0,v.jsx)("strong",{children:"Free Trial Active:"})," You have full access to all features during your 3-day trial.",e&&" Your card will be charged on ".concat(e.toLocaleDateString("en-GB",{weekday:"long",month:"long",day:"numeric"})," unless you cancel.")]})]})}),ie()]})}if(V)return(0,v.jsx)(n.A,{className:t.wrapper,display:"flex",justifyContent:"center",alignItems:"center",minHeight:"400px",children:(0,v.jsx)(b.y$,{size:"md"})});if(!m)return(0,v.jsxs)(n.A,{className:t.wrapper,display:"flex",justifyContent:"center",alignItems:"center",minHeight:"240px",children:[(0,v.jsx)(b.y$,{size:"md"}),(0,v.jsx)(a.A,{sx:{ml:2,fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textTertiary},children:"Loading subscription details\u2026"})]});const le=p&&("cancelled"===p.status||"canceled"===p.status)&&(p.hasActiveSubscription||p.currentPeriodEnd||K);if(!(p&&("trialing"===p.status||"active"===p.status)||J||K||le))return(0,v.jsx)(n.A,{sx:{display:"flex",flexDirection:"column",gap:2},children:(0,v.jsxs)(n.A,{sx:{padding:{xs:3,md:4},borderRadius:"".concat(y.tokens.radius.lg,"px"),backgroundColor:y.tokens.colorRoles.light.surface,border:"1px solid ".concat(y.tokens.colorRoles.light.border),display:"flex",flexDirection:"column",gap:2},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:"11px",fontWeight:600,color:y.tokens.palette.brand[700],backgroundColor:y.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(y.tokens.palette.brand[100]),borderRadius:"999px",padding:"4px 10px",textTransform:"uppercase",letterSpacing:"0.06em",alignSelf:"flex-start",lineHeight:1},children:"Free plan"}),(0,v.jsxs)(a.A,{sx:{fontFamily:y.tokens.fontFamily.display,fontWeight:800,fontSize:{xs:"22px",md:"26px"},color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.2},children:["Upgrade to"," ",(0,v.jsx)(n.A,{component:"span",sx:{fontFamily:y.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:400},children:"Hugo Pro"})]}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,lineHeight:1.55,maxWidth:"52ch"},children:"Unlimited mock interviews with real-time follow-ups. Unlimited resume reviews, company briefs, and Hugo chat. Cancel anytime."}),(0,v.jsx)(D.A,{variant:"contained",onClick:()=>c.push("/c/payment-required"),sx:{alignSelf:"flex-start",mt:1,backgroundColor:y.tokens.palette.brand[600],c

1olor:"#FFFFFF",fontFamily:y.tokens.fontFamily.sans,fontWeight:600,fontSize:y.tokens.fontSize.sm,textTransform:"none",borderRadius:"".concat(y.tokens.radius.md,"px"),boxShadow:"0 6px 16px -6px rgba(91,56,168,0.55)",padding:"10px 22px","&:hover":{backgroundColor:y.tokens.palette.brand[700]}},children:"See plans"})]})});const ce="monthly"===(null===o||void 0===o?void 0:o.plan)?"monthly":"yearly",de="monthly"===ce?"monthly":"yearly",pe="monthly"===ce?"\xa330":"\xa3150",ue="monthly"===ce?"per month":"per year",me="monthly"===ce?"Switch to yearly (save 50%)":"Switch to monthly",ge=("cancelled"===(null===p||void 0===p?void 0:p.status)||"canceled"===(null===p||void 0===p?void 0:p.status))&&((null===p||void 0===p?void 0:p.hasActiveSubscription)||(null===p||void 0===p?void 0:p.currentPeriodEnd)||K),xe=ge;return(0,v.jsxs)(n.A,{children:[ge&&(0,v.jsx)(n.A,{sx:{mb:"".concat(y.tokens.space[5],"px"),padding:"".concat(y.tokens.space[4],"px ").concat(y.tokens.space[5],"px"),borderRadius:"".concat(y.tokens.radius.lg,"px"),backgroundColor:y.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(y.tokens.palette.brand[100]),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(y.tokens.space[3],"px"),flexWrap:"wrap"},children:(0,v.jsxs)(n.A,{sx:{flex:1,minWidth:240},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.palette.brand[700],marginBottom:"4px"},children:"Cancelled"}),(0,v.jsxs)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.5},children:["Access continues",re?" until ".concat(re):" until the end of your current period",". Change your mind any time before then."]})]})}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"".concat(y.tokens.space[3],"px"),flexWrap:"wrap"},children:[(0,v.jsxs)(n.A,{sx:{flex:1,minWidth:200},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:y.tokens.colorRoles.light.textTertiary,mb:.75},children:"Current plan"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.display,fontSize:"1.5rem",fontWeight:700,color:y.tokens.colorRoles.light.textPrimary,letterSpacing:"-0.015em",lineHeight:1.1,mb:1.25},children:"Hugo Pro"}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:"baseline",gap:.75},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.display,fontSize:"2.5rem",fontWeight:700,color:y.tokens.colorRoles.light.textPrimary,letterSpacing:"-0.03em",lineHeight:1},children:pe}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textTertiary},children:ue})]})]}),(0,v.jsxs)(n.A,{sx:{display:"inline-flex",alignItems:"center",gap:.75,paddingY:.5,paddingX:1.25,borderRadius:999,background:xe?y.tokens.colorRoles.light.brandSubtle:"#ECFDF5",color:xe?y.tokens.palette.brand[700]:"#047857",fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:600,letterSpacing:"0.02em",border:xe?"1px solid ".concat(y.tokens.palette.brand[100]):"1px solid #A7F3D0"},children:[(0,v.jsx)(n.A,{sx:{width:6,height:6,borderRadius:"50%",background:xe?y.tokens.palette.brand[600]:"#10B981"}}),xe?"Cancelled":"Active"]})]}),(0,v.jsx)(n.A,{sx:{mt:"".concat(y.tokens.space[5],"px"),mb:"".concat(y.tokens.space[4],"px"),height:1,background:y.tokens.colorRoles.light.border}}),(0,v.jsxs)(n.A,{sx:{display:"flex",alignItems:{xs:"stretch",sm:"center"},justifyContent:"space-between",gap:"".concat(y.tokens.space[3],"px"),flexDirection:{xs:"column",sm:"row"}},children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,color:y.tokens.colorRoles.light.textTertiary,lineHeight:1.5,maxWidth:"44ch"},children:ge?"Cancelled. Access continues".concat(re?" until ".concat(re):" until the end of your current period","."):"Renews ".concat(de,". Cancel anytime \u2014 you'll keep access until the end of the current billing period.")}),(0,v.jsx)(n.A,{sx:{display:"flex",gap:"".concat(y.tokens.space[2],"px"),flexDirection:{xs:"column-reverse",sm:"row"},"& > *":{minWidth:{xs:"100%",sm:"auto"}}},children:ge?(0,v.jsx)(b.jn,{onClick:()=>

1c.push("/c/payment-required"),children:"Reactivate subscription"}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(b.tA,{onClick:oe,children:"Cancel subscription"}),(0,v.jsx)(b.jn,{onClick:l,children:me})]})})]}),K&&(0,v.jsxs)(n.A,{sx:{marginTop:"".concat(y.tokens.space[5],"px"),padding:"".concat(y.tokens.space[3],"px ").concat(y.tokens.space[4],"px"),borderRadius:"".concat(y.tokens.radius.md,"px"),border:"1px dashed ".concat(y.tokens.colorRoles.light.borderStrong),backgroundColor:y.tokens.colorRoles.light.surfaceMuted,display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(y.tokens.space[3],"px"),flexWrap:"wrap"},children:[(0,v.jsxs)(n.A,{children:[(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.xs,fontWeight:y.tokens.fontWeight.semibold,letterSpacing:y.tokens.letterSpacing.wide,textTransform:"uppercase",color:y.tokens.colorRoles.light.textTertiary},children:"Internal \xb7 QA only"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary},children:"Walk the cancel flow without touching Stripe."})]}),(0,v.jsx)(D.A,{onClick:oe,variant:"outlined",sx:{fontFamily:y.tokens.fontFamily.sans,fontWeight:y.tokens.fontWeight.semibold,textTransform:"none",borderRadius:"".concat(y.tokens.radius.pill,"px"),borderColor:y.tokens.colorRoles.light.borderStrong,color:y.tokens.colorRoles.light.textPrimary,minHeight:40,"&:hover":{borderColor:y.tokens.palette.brand[500],backgroundColor:y.tokens.colorRoles.light.brandSubtle}},children:"Walk cancel flow"})]}),ie()]})})),L=(0,s.A)((e=>({"@keyframes fadeIn":{from:{opacity:0}

1,to:{opacity:1}},"@keyframes modalSlideIn":{from:{opacity:0,transform:"translateY(-12px)"},to:{opacity:1,transform:"translateY(0)"}},wrapper:{padding:"".concat(y.tokens.space[6],"px"),position:"relative",maxWidth:"1200px",margin:"0 auto",[e.breakpoints.down("sm")]:{padding:"".concat(y.tokens.space[4],"px")}},overlay:{position:"fixed",top:0,left:0,zIndex:1040,width:"100vw",height:"100vh",display:"flex",alignItems:"center",justifyContent:"center",backdropFilter:"blur(6px)",backgroundColor:"rgba(15,12,26,0.45)",animation:"$fadeIn 200ms ease-out"},upgradeModal:{padding:"".concat(y.tokens.space[6],"px"),margin:"auto",background:y.tokens.colorRoles.light.surface,color:y.tokens.colorRoles.light.textPrimary,border:"1px solid ".concat(y.tokens.colorRoles.light.border),borderRadius:"".concat(y.tokens.radius.xl,"px"),textAlign:"center",maxWidth:"440px",width:"90%",display:"flex",flexDirection:"column",gap:"".concat(y.tokens.space[4],"px"),boxShadow:"0 1px 2px rgba(15,12,26,0.04), 0 24px 64px -16px rgba(15,12,26,0.18)",animation:"$modalSlideIn 220ms ease-out","& h4":{fontFamily:y.tokens.fontFamily.display,fontWeight:y.tokens.fontWeight.extrabold,fontSize:"22px",letterSpacing:y.tokens.letterSpacing.tight,color:y.tokens.colorRoles.light.textPrimary,lineHeight:1.2,margin:0}},btnContainer:{display:"flex",justifyContent:"center",gap:"".concat(y.tokens.space[3],"px"),[e.breakpoints.down("sm")]:{flexDirection:"column","& > *":{width:"100%"}}}})),{withTheme:!0})((e=>{var t;let{classes:o,mode:s,handleSwitchChange:c,setMode:u}=e;const[m,g]=(0,i.useState)(!1),[x,h]=(0,i.useState)({status:!1,plan:""}),[f,k]=(0,i.useState)(!1),[j,A]=(0,i.useState)(!1),[w,F]=(0,i.useState)(" "),[C,z]=(0,i.useState)("profile");null===(t=(0,p.zy)().state)||void 0===t||t.selectedCompany;const[W,P]=(0,i.useState)(!0),[T,D]=(0,i.useState)((()=>(0,S._i)()||{first_name:"",last_name:"",email:"",profileImage:null}));(0,i.useEffect)((async()=>{let e=await d().get("/api/users/retrieve-subscription-status");200===e.status?h({status:!0,plan:e.data.plan}):h(!1)}),[]),(0,i.useEffect)((()=>{(async()=>{(await d().post("/api/users/user-resume")).data.resume||P(!1)})()}),[]);const I=()=>{g(!m)},B=localStorage.getItem("jwtToken"),H=((0,l.default)(B),(0,r.useHistory)());return(0,i.useEffect)((()=>{let e=!1;return(0,S.l2)().then((t=>{!e&&t&&D(t)})),()=>{e=!0}}),[]),(0,v.jsxs)(n.A,{className:o.wrapper,children:[(0,v.jsx)(b.zY,{eyebrow:"Account",title:"Settings",sub:"Manage your profile, role, and subscription."}),(0,v.jsx)(b.qj,{items:[{key:"profile",label:"Profile"},{key:"subscription",label:"Subscription"}],active:C,onSelect:z}),"profile"===C?(0,v.jsx)(R,{userDetails:T,setUserDetails:D}):(0,v.jsx)(Y,{subExist:x,handleOpenConfirmation:I,handleSwitchSubscription:()=>{const e="Monthly"===x.plan?"Yearly":"Monthly";H.push({pathname:"/payment",state:{switchingPlan:!0,currentPlan:x.plan,targetPlan:e,selectedPlan:"Hugo Pro"}})}}),m&&(0,v.jsx)("div",{className:o.overlay,children:(0,v.jsxs)("div",{className:o.upgradeModal,children:[(0,v.jsx)(a.A,{variant:"h4",component:"h4",children:"Cancel your subscription?"}),(0,v.jsx)(a.A,{sx:{fontFamily:y.tokens.fontFamily.sans,fontSize:y.tokens.fontSize.sm,color:y.tokens.colorRoles.light.textSecondary,lineHeight:1.55},children:"You'll keep access until the end of your current billing period."}),(0,v.jsxs)("div",{className:o.btnContainer,children:[(0,v.jsx)(b.tA,{onClick:()=>g(!1),children:"Keep subscription"}),(0,v.jsx)(b.jn,{onClick:()=>(async()=>{A(!0);try{if((await d().post("/api/users/cancel-subscription")).data.success){I(),k(!0);const e=await d().get("/api/users/retrieve-subscription-status");200===e.status?h({status:!0,plan:e.data.plan}):h(!1),console.log("Subscription cancelled successfully")}}catch(e){console.error("Cancellation error:",e),alert("Failed to cancel subscription. Please try again or contact support.")}A(!1)})(),children:"Yes, cancel"})]})]})})]})}))}}]);
2//# sourceMappingURL=7876.c437d9f9.chunk.js.map