import{j as e,ab as o,y as c,u as d,b as x,l as m,ac as h,p as u,ad as j,s as p,L as f}from"./main-Bn3jZxQW.js";import{b as _}from"./Heading-BPu-MP59.js";import{C as U}from"./computer-BhmLSpYt.js";import{D as y,a as L,b as N,c as s,d as i,e as r}from"./SessionInfo-DsrzjU_J.js";import"./_commonjsHelpers-DaWZu8wl.js";/* empty css               */import"./VisualListItem-CHylqSsW.js";import"./Separator-CmDle60m.js";const g="_external-link_b03cz_8",D={externalLink:g},k=({children:n,className:t,...a})=>e.jsx(o,{className:c(t,D.externalLink),target:"_blank",...a,children:n}),C=m(`
  fragment OAuth2Client_detail on Oauth2Client {
    id
    clientId
    clientName
    clientUri
    logoUri
    tosUri
    policyUri
    redirectUris
  }
`),l=({uri:n})=>{if(!n)return null;const t=new URL(n),a=t.host+t.pathname;return e.jsx(k,{href:n,children:a})},b=({client:n})=>{const t=x(C,n),{t:a}=d();return e.jsxs("div",{className:"flex flex-col gap-10",children:[e.jsxs("header",{className:"flex flex-row gap-2 justify-start items-center",children:[e.jsx(U,{logoUri:t.logoUri||void 0,name:t.clientName||t.clientId,size:"1.5rem"}),e.jsx(_,{children:t.clientName})]}),e.jsxs(y,{children:[e.jsx(L,{children:a("frontend.oauth2_client_detail.details_title")}),e.jsxs(N,{children:[t.clientName&&e.jsxs(s,{children:[e.jsx(i,{children:a("frontend.oauth2_client_detail.name")}),e.jsx(r,{children:t.clientName})]}),t.tosUri&&e.jsxs(s,{children:[e.jsx(i,{children:a("frontend.oauth2_client_detail.terms")}),e.jsx(r,{children:e.jsx(l,{uri:t.tosUri})})]}),t.policyUri&&e.jsxs(s,{children:[e.jsx(i,{children:a("frontend.oauth2_client_detail.policy")}),e.jsx(r,{children:e.jsx(l,{uri:t.policyUri})})]})]})]})]})};function H(){const{id:n}=h.useParams(),{data:{oauth2Client:t}}=u(j(n));if(!t)throw p();return e.jsx(f,{children:e.jsx(b,{client:t})})}export{H as component};
//# sourceMappingURL=clients._id-rr8T6HK5.js.map
