https://askhippo.ai/_next/static/chunks/3766.f4049a90a41b80fa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3766],{98664:function(e,a,l){l.d(a,{Kb:function(){return s},WW:function(){return n},XQ:function(){return d},co:function(){return r}});let s="glass-color border-0 p-0 md:max-w-[1344px] md:rounded-[var(--portal-roundness)]",r="min-[860px]:top-[120px] min-[860px]:bottom-8 min-[860px]:translate-y-0 min-[860px]:overflow-hidden",n="xl:left-[349px] xl:right-4 xl:w-auto xl:max-w-none xl:translate-x-0",d="xl:pl-[349px] xl:pr-4"},83766:function(e,a,l){l.r(a),l.d(a,{default:function(){return Z}});var s=l(11527),r=l(88717),n=l(63947),d=l(98664),i=l(19048),o=l(53346),t=l(7242),c=l(71428),u=l(57897),p=l(8807),f=l(50959),x=l(94985),m=l(84495),v=l(67395),g=l(69569),h=l(32975),w=l(56586),b=l(43352),j=l(14943),N=l(66072),k=l(13333),C=l(69271),y=l(82139),V=l(15598),P=l(11260),z=l(65086),U=l(94553),S=()=>{var e,a,l,r,d,i,o,c,p,S,Z,_;let E=(0,x.m)(),{t:W}=(0,t.$G)("popup"),{studioUser:G,isGuest:O}=(0,g.t)(),{studioId:F,portal:I,isCustomDomain:L,currentPage:A,onUpdateCurrentPopup:D}=(0,n.D)(),{formValues:H,setFormValues:K,isSaveable:Q,isSaving:R,isSaved:$,onSave:M}=(0,v.i)(),[T,X]=(0,f.useState)(!1),[q,B]=(0,f.useState)(!1),{isOpeningCardUpdatePortal:J,onOpenCardUpdatePortal:Y}=(0,m.W)(),ee=(0,w.dV)({currentPage:A,studioId:F,isCustomDomain:L,portalPath:null==I?void 0:I.path}),ea=b.S.user.get.accessGroupLink.useQuery(void 0,{refetchOnWindowFocus:!0}),el=!O&&ea.data&&(null===(e=ea.data)||void 0===e?void 0:e.accessGroup.type)!=="invite_only"?null===(a=ea.data)||void 0===a?void 0:a.accessGroup:null,es=b.S.user.get.offersCount.useQuery({portalId:(null==I?void 0:I.portalId)||""},{refetchOnWindowFocus:!0,enabled:!!el}),er=!!(null===(l=G.data)||void 0===l?void 0:l.customerId),en=!!((null===(r=G.data)||void 0===r?void 0:r.email)&&!(null===(d=G.data)||void 0===d?void 0:d.emailVerified)),ed=async()=>{try{if(B(!0),await new Promise(e=>setTimeout(e,2e3)),await (0,j.signOut)({redirect:!1,callbackUrl:ee.logoutCallbackUrl}),ee.shouldRefreshCurrentPage){window.location.reload();return}window.location.href=ee.afterLogoutUrl}catch(e){B(!1),alert(E((0,h.Z)(e)))}};return(0,s.jsxs)("div",{className:"flex flex-grow flex-col gap-4 px-8 pb-6 pt-6",children:[T?(0,s.jsxs)("div",{className:"glass flex flex-col gap-6 bg-white/50 px-8 py-6 glass-dark:bg-black/50",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(P.z,{variant:"transparent",size:"icon",onClick:()=>X(!1),children:(0,s.jsx)(N.Z,{})}),(0,s.jsx)("h3",{className:"text-3xl font-semibold",children:W("profile.editProfile",{defaultValue:"Edit profile"})})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)("p",{className:"px-2",children:W("profile.edit.changeEmail",{defaultValue:"Change email"})}),(0,s.jsx)(z.e,{id:"email",name:"email",type:"email",value:H.email,className:"!rounded-[var(--portal-roundness)]",placeholder:W("emailPlaceholder",{defaultValue:"Email"}),onChange:e=>{K(a=>({...a,email:e.target.value}))}})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)("p",{className:"px-2",children:W("profile.edit.changeName",{defaultValue:"Change name"})}),(0,s.jsx)(z.e,{id:"name",name:"name",value:H.name,className:"!rounded-[var(--portal-roundness)]",placeholder:W("profile.edit.name",{defaultValue:"Name"}),onChange:e=>{K(a=>({...a,name:e.target.value}))}})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-end justify-between gap-4 px-2",children:[(0,s.jsx)("p",{children:W("profile.edit.changePassword",{defaultValue:"Change password for {{email}}"}).replace("{{email}}",(null===(Z=G.data)||void 0===Z?void 0:Z.email)||"your account")}),(0,s.jsx)(V.M,{className:"text-sm [&_b]:cursor-pointer [&_b]:underline [&_b]:underline-offset-2",value:W("profile.edit.forgotPasswordHtml",{defaultValue:"Forgot your password? <b>Recover it</b>"}),onClick:()=>D("password-reset")})]}),(0,s.jsx)(z.e,{type:"password",id:"current-password",name:"current-password",value:H.currentPassword,className:"!rounded-[var(--portal-roundness)]",placeholder:W("profile.edit.currentPassword",{defaultValue:"Current password"}),onChange:e=>{K(a=>({...a,currentPassword:e.target.value}))}}),(0,s.jsx)(z.e,{type:"password",id:"new-password",name:"new-password",value:H.newPassword,className:"!rounded-[var(--portal-roundness)]",placeholder:W("profile.edit.newPassword",{defaultValue:"New password"}),onChange:e=>{K(a=>({...a,newPassword:e.target.value}))}})]}),(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsx)(P.z,{variant:"primary",className:"!rounded-[var(--portal-roundness)]",onClick:M,disabled:!Q||R||$,children:$?W("profile.edit.savedChanges",{defaultValue:"Saved changes!"}):R?W("saving",{defaultValue:"Saving..."}):W("profile.edit.saveChanges",{defaultValue:"Save changes"})})})]}):(0,s.jsxs)("div",{className:"glass flex flex-col gap-4 bg-white/50 px-8 py-6 glass-dark:bg-black/50",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-6",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-8",children:[(0,s.jsx)("h3",{className:"text-3xl font-semibold",children:(null===(i=G.data)||void 0===i?void 0:i.name)||(null===(o=G.data)||void 0===o?void 0:o.email)||(null===(c=G.data)||void 0===c?void 0:c.userId)||"Unknown User"}),!O&&(0,s.jsxs)(P.z,{variant:"transparent",onClick:()=>X(!0),children:[(0,s.jsx)(k.Z,{}),W("profile.editProfile",{defaultValue:"Edit profile"})]})]}),(0,s.jsxs)(u.z,{variant:"glass",className:"h-10 justify-start rounded-[var(--portal-roundness)] bg-white/80 px-4 font-normal",onClick:ed,disabled:q,children:[(0,s.jsx)(C.Z,{}),q?W("profile.loggingOut",{defaultValue:"Logging out..."}):W("profile.logout",{defaultValue:"Logout"})]})]}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,s.jsx)("p",{children:(null===(p=G.data)||void 0===p?void 0:p.email)||"No email available"}),en&&(0,s.jsx)(u.z,{variant:"glass",size:"blank",className:"rounded-[var(--portal-roundness)] border border-amber-300/70 bg-amber-100/80 px-3 py-1 text-sm font-medium text-amber-900 hover:bg-amber-200/80 glass-dark:border-amber-500/50 glass-dark:bg-amber-500/20 glass-dark:text-amber-100 glass-dark:hover:bg-amber-500/30",onClick:()=>D("verify-email"),children:W("profile.emailUnverified",{defaultValue:"Email unverified"})})]}),!!(null===(S=G.data)||void 0===S?void 0:S.password)&&(0,s.jsxs)("div",{className:"flex items-center gap-6",children:[(0,s.jsx)("p",{children:W("passwordPlaceholder",{defaultValue:"Password"})}),(0,s.jsx)("p",{className:"text-lg font-semibold tracking-[0.9px] opacity-60",children:"********"})]})]}),el&&(0,s.jsx)(U.Z,{accessGroup:el,trialStartedAt:null===(_=ea.data)||void 0===_?void 0:_.createdAt,offersCount:es.data,canUpdateCard:er,isOpeningCardUpdatePortal:J,onManagePlan:()=>D("manage-plan"),onUpgradePlan:()=>D("pricing"),onUpdateCard:Y}),!O&&(0,s.jsx)("div",{className:"glass flex items-center gap-4 bg-white/50 px-8 py-6 glass-dark:bg-black/50",children:(0,s.jsxs)(u.z,{variant:"transparent",size:"blank",className:"text-red-500",onClick:()=>

1D("deletion-account"),children:[(0,s.jsx)(y.Z,{}),W("deletion.account.cta",{defaultValue:"Delete Account"})]})})]})},Z=e=>{let{isOpen:a,onClose:l}=e,{t:f}=(0,t.$G)("popup"),{isSidebarOpen:x}=(0,n.D)(),{style:m}=(0,r.H)();return(0,s.jsx)(p.Vq,{open:a,onOpenChange:l,children:(0,s.jsx)(p.cZ,{className:(0,i.cn)(d.Kb,d.co,x&&d.WW),..."Real Head Pro"!==m.font&&{style:{fontFamily:m.font}},children:(0,s.jsxs)("div",{className:"flex h-full flex-col overflow-hidden rounded-[var(--portal-roundness)] border shadow-lg",children:[(0,s.jsxs)(p.fK,{className:"p-4 px-8 md:rounded-t-[var(--portal-roundness)]",children:[(0,s.jsx)(p.$N,{className:"font-semibold",children:f("profile.title",{defaultValue:"Profile"})}),(0,s.jsx)(o.TX,{children:(0,s.jsx)(p.Be,{children:f("profile.title",{defaultValue:"Profile"})})}),(0,s.jsx)(u.z,{variant:"transparent",size:"icon",onClick:l,children:(0,s.jsx)(c.Z,{})})]}),(0,s.jsx)("div",{className:"custom-scrollbar flex min-h-0 flex-1 flex-col overflow-y-auto",children:(0,s.jsx)(S,{})})]})})})}}}]);