import{j as e,a as U,r as p,b as g,c as A,d as B,u as N,T as u,D,e as F,R as S,F as h,f as _,A as w,C as G,H as E,g as R,h as L,i as M,B as O,k as c,l as I,m as z,n as k,o as $,q as H,p as P,L as Q,O as K}from"./main-CiAhdYQG.js";import{H as V}from"./Heading-zTQC9Kqs.js";import{I as Y}from"./edit-DvN6hAeY.js";import{A as v}from"./Avatar-B3RWCmae.js";import{S as J}from"./Submit-DW2aiKTW.js";import"./_commonjsHelpers-DaWZu8wl.js";/* empty css               */const W="_nav-bar_16kbp_8",X="_nav-bar-items_16kbp_12",y={navBar:W,navBarItems:X},Z=({children:a})=>e.jsx("nav",{className:y.navBar,children:e.jsx("ul",{className:y.navBarItems,children:a})}),ee="_nav-tab_9fhit_8",se="_nav-item_9fhit_26",j={navTab:ee,navItem:se},x=a=>e.jsx("li",{className:j.navTab,children:e.jsx(U,{className:j.navItem,activeProps:{"aria-current":"page"},...a})}),ae="_user_lnqhg_8",te="_meta_lnqhg_19",ne="_edit-button_lnqhg_32",ie="_mxid_lnqhg_36",re="_dialog-form_lnqhg_40",o={user:ae,meta:te,editButton:ne,mxid:ie,dialogForm:re},oe=c(`
  fragment UserGreeting_user on User {
    id
    matrix {
      mxid
      displayName
    }
  }
`),le=c(`
  fragment UserGreeting_siteConfig on SiteConfig {
    displayNameChangeAllowed
  }
`),ce=c(`
  mutation SetDisplayName($userId: ID!, $displayName: String) {
    setDisplayName(input: { userId: $userId, displayName: $displayName }) {
      status
    }
  }
`),de=p.forwardRef(({label:a,...r},t)=>e.jsx(z,{label:a,children:e.jsx(k,{ref:t,type:"button",size:"var(--cpd-space-6x)",className:o.editButton,...r,children:e.jsx(Y,{})})})),me=({user:a,siteConfig:r})=>{const t=p.useRef(null),s=g(oe,a),{displayNameChangeAllowed:d}=g(le,r),b=A(),l=B({mutationFn:({userId:i,displayName:m})=>I({query:ce,variables:{userId:i,displayName:m}}),onSuccess:i=>{b.invalidateQueries({queryKey:["currentUserGreeting"]}),i.setDisplayName.status==="SET"&&f(!1)}}),[C,f]=p.useState(!1),{t:n}=N(),q=i=>{i.preventDefault();const m=i.currentTarget,T=new FormData(m).get("displayname")||null;l.mutate({displayName:T,userId:s.id})};return e.jsxs("div",{className:o.user,children:[e.jsx(v,{size:"var(--cpd-space-14x)",id:s.matrix.mxid,name:s.matrix.displayName||s.matrix.mxid,className:o.avatar}),e.jsx("div",{className:o.meta,children:s.matrix.displayName?e.jsxs(e.Fragment,{children:[e.jsx(u,{size:"lg",weight:"semibold",children:s.matrix.displayName}),e.jsx(u,{size:"md",className:o.mxid,children:s.matrix.mxid})]}):e.jsx(u,{size:"lg",weight:"semibold",children:s.matrix.mxid})}),d&&e.jsxs(D,{trigger:e.jsx(de,{label:n("action.edit")}),open:C,onOpenChange:i=>{t.current?.form?.reset(),f(i)},children:[e.jsx(F,{children:n("frontend.account.edit_profile.title")}),e.jsx(v,{size:"88px",className:"self-center",id:s.matrix.mxid,name:s.matrix.displayName||s.matrix.mxid}),e.jsxs(S,{onSubmit:q,children:[e.jsxs("div",{className:o.dialogForm,children:[e.jsxs(h,{name:"displayname",serverInvalid:l.data?.setDisplayName.status==="INVALID",children:[e.jsx(_,{children:n("frontend.account.edit_profile.display_name_label")}),e.jsx(w,{type:"text",Icon:G,autoComplete:"name",defaultValue:s.matrix.displayName||void 0,actionLabel:n("action.clear"),ref:t,onActionClick:()=>{t.current&&(t.current.value="",t.current.focus())}}),e.jsx(E,{children:n("frontend.account.edit_profile.display_name_help")})]}),e.jsxs(h,{name:"mxid",children:[e.jsx(_,{children:n("frontend.account.edit_profile.username_label")}),e.jsx(R,{value:s.matrix.mxid,readOnly:!0})]})]}),e.jsxs(J,{disabled:l.isPending,children:[l.isPending&&e.jsx(L,{inline:!0}),n("action.save")]})]}),e.jsx(M,{asChild:!0,children:e.jsx(O,{kind:"tertiary",children:n("action.cancel")})})]})]})},ue=c(`
  query CurrentUserGreeting {
    viewer {
      __typename
      ... on User {
        ...UserGreeting_user
      }
    }

    siteConfig {
      ...UserGreeting_siteConfig
      planManagementIframeUri
    }
  }
`),xe=H({queryKey:["currentUserGreeting"],queryFn:({signal:a})=>I({query:ue,signal:a})});function Ne(){const{t:a}=N(),r=$(xe),t=r.data.viewer;if(t?.__typename!=="User")throw P();const{siteConfig:s}=r.data,{planManagementIframeUri:d}=s;return e.jsxs(Q,{wide:!0,children:[e.jsxs("div",{className:"flex flex-col gap-10",children:[e.jsx(V,{size:"md",weight:"semibold",children:a("frontend.account.title")}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(me,{user:t,siteConfig:s}),e.jsxs(Z,{children:[e.jsx(x,{to:"/",children:a("frontend.nav.settings")}),e.jsx(x,{to:"/sessions",children:a("frontend.nav.devices")}),d&&e.jsx(x,{to:"/plan",children:a("frontend.nav.plan")})]})]})]}),e.jsx(K,{})]})}export{Ne as component};
//# sourceMappingURL=_account-BMDlqbFy.js.map
