@things-factory/auth-ui 10.1.256 → 10.1.258

package/dist-client/components/user-detail.js

@@ -11,7 +11,7 @@ import gql from 'graphql-tag';
 import { lockedParentRoles } from '../utils/role-origin.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { client, gqlContext } from '@operato/graphql';
+import { gqlContext, MutationController, QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { openPopup } from '@operato/layout';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
@@ -44,10 +44,7 @@ import { hasPrivilege } from '@things-factory/auth-base/dist-client';
 let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.availableRoles = [];
         this.selected = new Set();
-        this.loading = true;
-        this.saving = false;
         /*
          * **내가 이 도메인에서 무엇을 할 수 있나 — 서버 선언을 그대로 되묻는다.**
          *
@@ -77,17 +74,71 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
          * 비밀번호는 계정 하나에 하나다. 다른 도메인에서도 일하는 사람, 어느 도메인이든 오너인 사람
          * (수퍼유저 포함)의 비밀번호는 이 도메인이 거두지 않는다(ADR-0161 결정 4).
          */
-        this.setupLinkIssuable = false;
+        this.issuable = new QueryController(this, gql `
+      query ($id: String!) {
+        mayIssuePasswordSetupLink(id: $id)
+      }
+    `, { variables: () => (this.user?.id ? { id: this.user.id } : undefined), context: gqlContext() });
         /**
-         * 이 도메인(과 부모)의 역할 id.
+         * 부여할 수 있는 역할을 읽는다.
+         *
+         * **이 사람이 지금 가진 역할은 다시 묻지 않는다** — 목록이 이미 실어 왔다(`user.roles`).
+         * 옛 화면은 email 로 사용자를 다시 찾았는데, 역할 이름과 달리 email 은 유일하긴 해도
+         * 손에 든 `id` 를 두고 다른 열쇠로 같은 사람을 찾는 것이었다. 안 물으면 그 문제가 없다.
          *
-         * 소유권 이전은 **받는 사람이 이 도메인에 역할을 하나라도 가질 때만** 된다
-         * (`transferOwner` 가 상속 역할까지 자격으로 인정하고, 그 밖은 던진다). 파트너십으로 넘어온
-         * 역할은 자격이 아니므로 `availableRoles`(합친 것)로는 판정할 수 없다.
+         * **이 도메인의 역할과 파트너십으로 넘어온 역할을 한 목록으로 합친다.** 옛 화면은 그 둘을
+         * 따로 그리고 저장할 때 화면에서 다시 모았는데, 합치는 자리가 화면이면 화면이 못 그린 것은
+         * 저장에서도 빠진다.
          */
-        this.domainRoleIds = new Set();
-        /** The parent domain's roles this person may not change here - locked, with the reason under the list. */
-        this.locked = new Set();
+        this.roles = new QueryController(this, gql `
+      query ($inherited: InheritedValueType) {
+        roles(inherited: $inherited) {
+          items {
+            id
+            name
+            description
+          }
+        }
+        grantedRoles {
+          role {
+            id
+            name
+            description
+          }
+        }
+        parentRoles: roles(inherited: Only) {
+          items {
+            id
+          }
+        }
+        mayChangeParentRoles
+      }
+    `, { variables: () => (this.user?.id ? { inherited: InheritedValueType.Include } : undefined), context: gqlContext() });
+        this.saves = {
+            roles: this.change(gql `
+      mutation ($username: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {
+        updateUserRoles(username: $username, availableRoles: $availableRoles, selectedRoles: $selectedRoles) {
+          id
+        }
+      }
+    `),
+            /* 잠금 해제와 활성화가 같은 부름이다 — 서버가 `failCount` 도 0 으로 되돌린다. */
+            activate: this.change(gql `
+      mutation ($username: String!) {
+        activateUser(username: $username)
+      }
+    `),
+            inactivate: this.change(gql `
+      mutation ($username: String!) {
+        inactivateUser(username: $username)
+      }
+    `),
+            removeFromDomain: this.change(gql `
+      mutation ($username: String!) {
+        deleteDomainUser(username: $username)
+      }
+    `)
+        };
     }
     /*
      * 팝업의 집 모양을 그대로 쓴다(page-standard §7·§8) — 본문만 스크롤하고 단추 줄은 `ox-popup-actions`
@@ -160,6 +211,44 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
       }
     `
     ]; }
+    get setupLinkIssuable() {
+        return this.issuable.data?.mayIssuePasswordSetupLink === true;
+    }
+    change(mutation) {
+        return new MutationController(this, mutation, { context: gqlContext() });
+    }
+    get loading() {
+        return !this.roles.data && !this.roles.error;
+    }
+    get saving() {
+        return Object.values(this.saves).some(save => save.pending);
+    }
+    get domainRoles() {
+        return this.roles.data?.roles?.items || [];
+    }
+    get availableRoles() {
+        const granted = (this.roles.data?.grantedRoles || []).map((g) => g.role).filter(Boolean);
+        /* 같은 역할이 두 경로로 올 수 있다 — id 로 한 번만 담는다. */
+        const byId = new Map();
+        for (const role of [...this.domainRoles, ...granted]) {
+            byId.set(role.id, role);
+        }
+        return [...byId.values()];
+    }
+    /**
+     * 이 도메인(과 부모)의 역할 id.
+     *
+     * 소유권 이전은 **받는 사람이 이 도메인에 역할을 하나라도 가질 때만** 된다
+     * (`transferOwner` 가 상속 역할까지 자격으로 인정하고, 그 밖은 던진다). 파트너십으로 넘어온
+     * 역할은 자격이 아니므로 `availableRoles`(합친 것)로는 판정할 수 없다.
+     */
+    get domainRoleIds() {
+        return new Set(this.domainRoles.map((role) => role.id));
+    }
+    /** The parent domain's roles this person may not change here - locked, with the reason under the list. */
+    get locked() {
+        return lockedParentRoles((this.roles.data?.parentRoles?.items || []).map((role) => role.id), this.roles.data?.mayChangeParentRoles === true);
+    }
     /*
      * **저장할 수 있나 — 단추와 처리기가 같은 답을 본다.**
      *
@@ -341,108 +430,16 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
         this.canManage = Boolean(await hasPrivilege({ category: 'user', privilege: 'mutation', domainOwnerGranted: true }));
         this.canOwn = Boolean(await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true }));
     }
-    updated(changes) {
-        if (changes.has('user')) {
-            this.fetch();
-            this.fetchSetupLinkIssuable();
-        }
-    }
-    /** 관리 권한이 없으면 서버가 이 질의를 거절한다 — 그때도 단추는 없다. */
-    async fetchSetupLinkIssuable() {
-        const id = this.user?.id;
-        this.setupLinkIssuable = false;
-        if (!id) {
-            return;
-        }
-        try {
-            const response = await client.query({
-                query: gql `
-          query ($id: String!) {
-            mayIssuePasswordSetupLink(id: $id)
-          }
-        `,
-                variables: { id },
-                context: gqlContext()
-            });
-            this.setupLinkIssuable = this.user?.id === id && response.data?.mayIssuePasswordSetupLink === true;
-        }
-        catch (e) {
-            this.setupLinkIssuable = false;
-        }
-    }
-    /**
-     * 부여할 수 있는 역할을 읽는다.
-     *
-     * **이 사람이 지금 가진 역할은 다시 묻지 않는다** — 목록이 이미 실어 왔다(`user.roles`).
-     * 옛 화면은 email 로 사용자를 다시 찾았는데, 역할 이름과 달리 email 은 유일하긴 해도
-     * 손에 든 `id` 를 두고 다른 열쇠로 같은 사람을 찾는 것이었다. 안 물으면 그 문제가 없다.
-     *
-     * **이 도메인의 역할과 파트너십으로 넘어온 역할을 한 목록으로 합친다.** 옛 화면은 그 둘을
-     * 따로 그리고 저장할 때 화면에서 다시 모았는데, 합치는 자리가 화면이면 화면이 못 그린 것은
-     * 저장에서도 빠진다.
-     */
-    async fetch() {
-        const user = this.user;
-        if (!user?.id) {
-            return;
-        }
-        this.loading = true;
-        const response = await client.query({
-            query: gql `
-        query ($inherited: InheritedValueType) {
-          roles(inherited: $inherited) {
-            items {
-              id
-              name
-              description
-            }
-          }
-          grantedRoles {
-            role {
-              id
-              name
-              description
-            }
-          }
-          parentRoles: roles(inherited: Only) {
-            items {
-              id
-            }
-          }
-          mayChangeParentRoles
-        }
-      `,
-            variables: { inherited: InheritedValueType.Include },
-            context: gqlContext()
-        });
-        const roles = response.data?.roles?.items || [];
-        const granted = (response.data?.grantedRoles || []).map((g) => g.role).filter(Boolean);
-        /* 같은 역할이 두 경로로 올 수 있다 — id 로 한 번만 담는다. */
-        const byId = new Map();
-        for (const role of [...roles, ...granted]) {
-            byId.set(role.id, role);
-        }
-        this.availableRoles = [...byId.values()];
-        /* 소유권 이전 자격은 **이 도메인(과 부모)의 역할**만 인정한다 — 합친 목록으로는 못 본다. */
-        this.domainRoleIds = new Set(roles.map((role) => role.id));
-        this.selected = new Set((user.roles || []).map((r) => r.id));
-        this.locked = lockedParentRoles((response.data?.parentRoles?.items || []).map((role) => role.id), response.data?.mayChangeParentRoles === true);
-        this.loading = false;
+    /* What is ticked starts from the roles the list brought for this person. */
+    willUpdate(changes) {
+        if (changes.has('user'))
+            this.selected = new Set((this.user?.roles || []).map((r) => r.id));
     }
-    /** 잠금 해제와 활성화가 같은 부름이다 — 서버가 `failCount` 도 0 으로 되돌린다. */
     async onActivate() {
-        await this.runUserMutation(gql `
-      mutation ($username: String!) {
-        activateUser(username: $username)
-      }
-    `);
+        await this.runUserMutation(this.saves.activate);
     }
     async onInactivate() {
-        await this.runUserMutation(gql `
-      mutation ($username: String!) {
-        inactivateUser(username: $username)
-      }
-    `);
+        await this.runUserMutation(this.saves.inactivate);
     }
     /**
      * 비밀번호 설정 링크를 발급한다 — 관리자는 비밀번호를 정하지 않는다(ADR-0161).
@@ -473,11 +470,7 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
         if (!confirmed) {
             return;
         }
-        const done = await this.runUserMutation(gql `
-      mutation ($username: String!) {
-        deleteDomainUser(username: $username)
-      }
-    `);
+        const done = await this.runUserMutation(this.saves.removeFromDomain);
         if (done) {
             /* 이 사람은 이제 목록에 없다 — 상세를 열어 둘 이유가 없다. */
             this.dispatchEvent(new CustomEvent('close'));
@@ -502,29 +495,22 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
             title: i18next.t('title.owner_transfer')
         });
     }
-    async runUserMutation(mutation, { notify = true } = {}) {
+    async runUserMutation(save, { notify = true } = {}) {
         const username = this.user?.username || this.user?.email;
         if (!username || this.saving) {
             return false;
         }
-        this.saving = true;
-        try {
-            const response = await client.mutate({ mutation, variables: { username }, context: gqlContext() });
-            if (response.errors) {
-                return false;
-            }
-            /*
-             * 비밀번호 초기화만 목록을 바꾸지 않는다 — 상태도 역할도 그대로다. 그때 목록을 다시
-             * 읽으면 아무것도 안 달라진 화면이 깜빡이고, 사람은 뭐가 됐는지 더 모르게 된다.
-             */
-            if (notify) {
-                this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }));
-            }
-            return true;
+        if (!(await save.run({ username }))) {
+            return false;
         }
-        finally {
-            this.saving = false;
+        /*
+         * 비밀번호 초기화만 목록을 바꾸지 않는다 — 상태도 역할도 그대로다. 그때 목록을 다시
+         * 읽으면 아무것도 안 달라진 화면이 깜빡이고, 사람은 뭐가 됐는지 더 모르게 된다.
+         */
+        if (notify) {
+            this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }));
         }
+        return true;
     }
     onToggle(id, checked) {
         const next = new Set(this.selected);
@@ -547,29 +533,13 @@ let UserDetail = class UserDetail extends localize(i18next)(LitElement) {
         if (!username) {
             return;
         }
-        this.saving = true;
-        try {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($username: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {
-            updateUserRoles(username: $username, availableRoles: $availableRoles, selectedRoles: $selectedRoles) {
-              id
-            }
-          }
-        `,
-                variables: {
-                    username,
-                    availableRoles: this.availableRoles.map(role => ({ id: role.id })),
-                    selectedRoles: this.availableRoles.filter(role => this.selected.has(role.id)).map(role => ({ id: role.id }))
-                },
-                context: gqlContext()
-            });
-            if (!response.errors) {
-                this.dispatchEvent(new CustomEvent('user-updated', { detail: user, bubbles: true, composed: true }));
-            }
-        }
-        finally {
-            this.saving = false;
+        const saved = await this.saves.roles.run({
+            username,
+            availableRoles: this.availableRoles.map(role => ({ id: role.id })),
+            selectedRoles: this.availableRoles.filter(role => this.selected.has(role.id)).map(role => ({ id: role.id }))
+        });
+        if (saved) {
+            this.dispatchEvent(new CustomEvent('user-updated', { detail: user, bubbles: true, composed: true }));
         }
     }
 };
@@ -577,22 +547,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], UserDetail.prototype, "user", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], UserDetail.prototype, "availableRoles", void 0);
 __decorate([
     state(),
     __metadata("design:type", Set)
 ], UserDetail.prototype, "selected", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], UserDetail.prototype, "loading", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], UserDetail.prototype, "saving", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)
@@ -605,18 +563,6 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], UserDetail.prototype, "myEmail", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], UserDetail.prototype, "setupLinkIssuable", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Set)
-], UserDetail.prototype, "domainRoleIds", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Set)
-], UserDetail.prototype, "locked", void 0);
 UserDetail = __decorate([
     customElement('user-detail')
 ], UserDetail);

package/dist-client/components/user-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-detail.js","sourceRoot":"","sources":["../../client/components/user-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport './ownership-transfer-popup.js'\nimport { statusRenderer } from './user-status-renderer.js'\nimport { openPasswordSetupLink } from './password-setup-link-popup.js'\n\nimport gql from 'graphql-tag'\nimport { lockedParentRoles } from '../utils/role-origin.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport type { CSSResultGroup } from 'lit'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { InheritedValueType, store } from '@operato/shell'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles } from '@operato/styles'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\n/**\n * 한 사람의 역할을 고치는 자리.\n *\n * ── 담는 그릇을 모른다 ──────────────────────────────────────────────────────\n * 팝업이든 서랍이든 그 안에 들어간다. 그래서 여기서는 **아무것도 열거나 닫지 않고** 두 가지만\n * 알린다 — 저장이 끝났다(`user-updated`), 닫아 달라(`close`). 그릇이 어느 것이 될지는 아직\n * 정해지지 않았고, 그 결정이 이 파일을 바꾸지 않게 한다.\n *\n * ── 옛 화면이 하던 것 (`components/user-role-editor.ts`) ────────────────────\n * 저장할 때 `querySelectorAll('role-selector')` 로 **화면을 훑어** 「가능한 역할 전부」와\n * 「고른 역할」을 만들어 보냈다.\n *\n * `updateUserRoles` 의 계약은 이렇다 — `availableRoles` 는 **부르는 쪽이 책임지는 범위**이고,\n * 그 범위 안의 역할을 일단 다 뗀 다음 `selectedRoles` 를 다시 붙인다. 범위 밖의 역할은\n * 건드리지 않는다(`user-mutation.ts` 의 `updateUserRoles`).\n *\n * 계약 자체는 옳다 — 화면이 일부만 편집할 수 있게 해 준다. 잘못된 것은 **그 범위를 DOM 에서\n * 만든 것**이다. 목록이 늦게 오거나 잘려 있으면 화면은 그것을 모른 채 좁은 범위를 보내고,\n * 안 보낸 역할이 어떻게 되는지가 그날의 렌더링에 달린다.\n *\n * 여기서는 범위를 **상태에서** 만든다. 읽어 온 목록이 곧 범위이고, 아직 못 읽었으면 저장하지\n * 않는다.\n */\n@customElement('user-detail')\nexport class UserDetail extends localize(i18next)(LitElement) {\n  /*\n   * 팝업의 집 모양을 그대로 쓴다(page-standard §7·§8) — 본문만 스크롤하고 단추 줄은 `ox-popup-actions`\n   * 하나다. 제목은 이 팝업이 무엇인지(사용자 상세 정보)를 말하고, 누구인지는 대상 띠(`.what`)가 말한다.\n   */\n  static styles: CSSResultGroup = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    css`\n      /* 상태 한 줄 — 그 줄에 대한 동작은 줄 끝에 둔다(§8 「줄 하나」). */\n      [state-line] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n      }\n\n      [state-line] [label],\n      [group-label] {\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      /* 팝업 안의 컨트롤은 담는 카드를 따라 알약이다 — 공용 규칙은 단추 줄 안에만 걸린다. */\n      [state-line] md-outlined-button {\n        margin-left: auto;\n        --md-outlined-button-container-height: var(--popup-action-height, 32px);\n        --md-outlined-button-container-shape: var(--popup-control-radius);\n      }\n\n      [group-label] {\n        margin-top: var(--spacing-medium, 8px);\n      }\n\n      ul[roles] {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n\n      /*\n        A role is its name with what it opens under it. Side by side, a long description squeezed the name a\n        syllable a line on a phone (「직/원」, 2026-11-06).\n      */\n      ul[roles] li {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        column-gap: var(--spacing-medium, 8px);\n        align-items: baseline;\n        padding: 3px 0;\n      }\n\n      ul[roles] li input {\n        grid-row: span 2;\n        align-self: start;\n      }\n\n      ul[roles] li [desc] {\n        grid-column: 2;\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      .note md-icon {\n        --md-icon-size: 16px;\n        vertical-align: -3px;\n      }\n    `\n  ]\n\n  /** 목록이 골라 준 사람. `id` 와 `username`(없으면 `email`)이 있어야 한다. */\n  @property({ type: Object }) user: any\n\n  @state() private availableRoles: any[] = []\n  @state() private selected: Set<string> = new Set()\n  @state() private loading: boolean = true\n  @state() private saving: boolean = false\n\n  /*\n   * **내가 이 도메인에서 무엇을 할 수 있나 — 서버 선언을 그대로 되묻는다.**\n   *\n   * `/auth/profile` 이 `privileges`·`owner`·`super` 를 전부 담아 주고, `hasPrivilege`\n   * (`auth-base/client/profiled.ts`)가 서버의 `checkPermission` 과 같은 규칙으로 그것을 판정한다\n   * — 안전하지 않은 IP 에서 소유권 우회를 빼는 것까지 같다. 그래서 **서버 지시자에 적힌 인자를\n   * 그대로 넘기는 것**이 화면과 문을 어긋나지 않게 하는 방법이다.\n   *\n   * 옛 화면은 이것을 두고 `me.email === domainOwner.email` 로 판정했다 — 목록에서 뽑은 대표\n   * 소유자 한 명과 견주는 것이라 **공동 소유자가 자기 권한을 잃었고**, `user:mutation` 을 역할로\n   * 받은 사람은 아예 단추를 못 봤다.\n   *\n   * 둘이 다른 선언을 쓴다.\n   *\n   *   활성/비활성·초기화·제외  user:mutation + domainOwnerGranted\n   *   소유권 이전              domainOwnerGranted + superUserGranted  (권한 쌍이 없다)\n   *\n   * ⚠ 수퍼유저가 자동으로 다 통과하지 않는다 — `checkPermission` 은 지시자가\n   * `superUserGranted` 를 선언한 곳에서만 그것을 본다. 그래서 위 둘을 뭉치면 안 된다.\n   */\n  @state() private canManage: boolean = false\n  @state() private canOwn: boolean = false\n  @state() private myEmail: string = ''\n\n  /**\n   * 이 사람에게 이 도메인이 비밀번호 설정 링크를 발급해도 되는가 — 서버 규칙(`password-reset-rule.ts`)의 답.\n   *\n   * 비밀번호는 계정 하나에 하나다. 다른 도메인에서도 일하는 사람, 어느 도메인이든 오너인 사람\n   * (수퍼유저 포함)의 비밀번호는 이 도메인이 거두지 않는다(ADR-0161 결정 4).\n   */\n  @state() private setupLinkIssuable: boolean = false\n\n  /**\n   * 이 도메인(과 부모)의 역할 id.\n   *\n   * 소유권 이전은 **받는 사람이 이 도메인에 역할을 하나라도 가질 때만** 된다\n   * (`transferOwner` 가 상속 역할까지 자격으로 인정하고, 그 밖은 던진다). 파트너십으로 넘어온\n   * 역할은 자격이 아니므로 `availableRoles`(합친 것)로는 판정할 수 없다.\n   */\n  @state() private domainRoleIds: Set<string> = new Set()\n  /** The parent domain's roles this person may not change here - locked, with the reason under the list. */\n  @state() private locked: Set<string> = new Set()\n  private unsubscribe?: () => void\n\n  /*\n   * **저장할 수 있나 — 단추와 처리기가 같은 답을 본다.**\n   *\n   * 셋을 갈라야 한다. 화면에서 갈라 놓고 저장에서 뭉치면, 「아직 못 읽었다」와 「읽었는데\n   * 역할이 없다」가 똑같이 **눌러도 아무 일이 없는 단추**가 된다. 그것이 조용히 되돌아가는\n   * 자리이고, 사람은 저장이 됐는지 안 됐는지 알 수 없다.\n   *\n   *   못 읽었다        아직 범위를 모른다 — 눌리면 안 된다\n   *   역할이 0개        보낼 것이 없다 — 눌리면 안 되고, 무엇을 해야 하는지는 목록 자리가 말한다\n   *   읽었고 있다       저장한다\n   */\n  private get savable(): boolean {\n    return !this.loading && !this.saving && this.availableRoles.length > 0\n  }\n\n  render() {\n    const user = this.user || {}\n\n    return html`\n      <div class=\"body\">\n        <div class=\"what\">${user.name || user.username || user.email} · ${user.email}</div>\n\n        ${\n          user.owner\n            ? html`<div class=\"note\">\n                <md-icon>supervisor_account</md-icon>\n                ${i18next.t('text.owner opens everything without a role')}\n              </div>`\n            : nothing\n        }\n        ${this.renderAccountState(user)}\n\n        <div group-label>${i18next.t('field.roles')}</div>\n        ${this.renderRoles()}\n      </div>\n\n      <ox-popup-actions>\n        ${this.renderIrreversible(user)}\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>\n          ${i18next.t('button.cancel')}\n        </md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.savable} @click=${() => this.onSave()}>\n          ${i18next.t('button.save')}\n        </md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /**\n   * 되돌릴 수 없는 조치 — 단추 줄의 왼쪽 끝, 빨간 글자(page-standard §8, `ox-popup-actions` 의 `start`).\n   *\n   * 옛 화면은 저장·소유권 이전·초기화·제외·비활성화를 **한 줄에 나란히** 뒀다. 매일 누르는\n   * 「저장」 옆에 한 번 누르면 끝인 「제외」가 같은 크기로 있었다. 단추 줄이 그 거리를 맡는다 —\n   * 저장은 오른쪽 끝, 이것들은 왼쪽 끝이고, 색은 글자에만 쓴다.\n   *\n   * ── 무엇을 언제 내주나 ──────────────────────────────────────────────────────\n   * 조건은 전부 **서버가 실제로 던지는 것**을 그대로 옮긴 것이다. 눌리는 단추를 보여 주고\n   * 서버가 거절하면 그것은 안내가 아니라 오류다.\n   *\n   *   비밀번호 설정 링크  서버가 된다고 하고(`mayIssuePasswordSetupLink`), 내가 아니다\n   *   소유권 이전      활성 상태고, 소유자가 아니고, 이 도메인에 역할이 하나라도 있다\n   *   도메인에서 제외  소유자가 아니고, 내가 아니다\n   *\n   * ── 이름 ────────────────────────────────────────────────────────────────────\n   * `deleteDomainUser` 는 계정을 지우지 않는다 — **이 도메인에서만 뗀다**(서버 설명도 그렇게\n   * 적혀 있다). 옛 화면의 「사용자 삭제」는 하지 않는 일을 말하고 있었다.\n   */\n  private renderIrreversible(user: any) {\n    const me = this.myEmail && user.email === this.myEmail\n\n    const resettable = this.canManage && this.setupLinkIssuable && !me\n    const transferable =\n      this.canOwn &&\n      !user.owner &&\n      user.status === 'activated' &&\n      (user.roles || []).some((role: any) => this.domainRoleIds.has(role.id))\n    const removable = this.canManage && !user.owner && !me\n\n    return html`\n      ${\n        resettable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onPasswordSetup()}>\n              ${user.status === 'password_reset_required'\n                ? i18next.t('button.reissue setup link')\n                : i18next.t('button.password reset link')}\n            </md-text-button>`\n          : nothing\n      }\n      ${\n        transferable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onTransfer()}>\n              ${i18next.t('button.transfer owner')}\n            </md-text-button>`\n          : nothing\n      }\n      ${\n        removable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onRemoveFromDomain()}>\n              ${i18next.t('button.remove from domain')}\n            </md-text-button>`\n          : nothing\n      }\n    `\n  }\n\n  /**\n   * 계정 상태 한 줄과, 그것을 바꾸는 단추를 그 줄 끝에(page-standard §8 「줄 하나」).\n   *\n   * **잠금 해제와 활성화는 서버에서 같은 것이다** — `activateUser` 가 `failCount` 를 0 으로\n   * 두고 `ACTIVATED` 로 되돌린다. 그래서 부르는 것은 하나이고, **글자만 상황에 맞춰 바꾼다.**\n   * 잠긴 사람에게 「활성화」라고 하면 무슨 일이 일어나는지 알 수 없다.\n   *\n   * 비활성화는 소유자와 나 자신에게는 내주지 않는다. 서버도 같은 것을 막지만\n   * (`inactivateUser` 가 소유자·admin 을 거절한다), **화면이 눌리는 단추를 보여 주고 서버가\n   * 거절하면 그것은 안내가 아니라 오류다.** 되돌릴 수 있으므로 빨간 글자가 아니다.\n   */\n  private renderAccountState(user: any) {\n    if (!this.canManage) {\n      return nothing\n    }\n\n    return html`\n      <div state-line>\n        <span label>${i18next.t('field.status')}</span>\n        ${statusRenderer(() => 0)(user.status, null, user)} ${this.renderStateAction(user)}\n      </div>\n    `\n  }\n\n  private renderStateAction(user: any) {\n    const status = user.status\n\n    if (status === 'locked') {\n      return html`<md-outlined-button @click=${() => this.onActivate()}>${i18next.t('button.unlock')}</md-outlined-button>`\n    }\n\n    /* 설정 대기는 활성화로 열리지 않는다 — 본인이 설정 링크로 연다(단추 줄의 설정 링크). */\n    if (status === 'password_reset_required') {\n      return nothing\n    }\n\n    if (status !== 'activated') {\n      return html`<md-outlined-button @click=${() => this.onActivate()}>${i18next.t('button.activate')}</md-outlined-button>`\n    }\n\n    /* 활성 상태 — 되돌릴 수 있는 사람에게만, 그리고 자기 자신과 소유자에게는 안 준다. */\n    if (user.owner || (this.myEmail && user.email === this.myEmail)) {\n      return nothing\n    }\n\n    return html`<md-outlined-button @click=${() => this.onInactivate()}>${i18next.t('button.deactivate')}</md-outlined-button>`\n  }\n\n  private renderRoles() {\n    if (this.loading) {\n      return html`<div class=\"note\">${i18next.t('text.loading')}</div>`\n    }\n\n    if (!this.availableRoles.length) {\n      /*\n       * 「역할이 없다」와 「못 읽었다」는 다른 말이다. 여기까지 왔다는 것은 읽었다는 뜻이므로\n       * 없는 것이 맞고, 그때는 무엇을 해야 하는지를 말한다. 저장을 막고 있으므로 실패 모양이다.\n       */\n      return html`<div class=\"failure\">${i18next.t('text.no role defined in this domain')}</div>`\n    }\n\n    return html`\n      <ul roles>\n        ${this.availableRoles.map(\n          role => html`\n            <li>\n              <input\n                type=\"checkbox\"\n                id=\"role-${role.id}\"\n                .checked=${this.selected.has(role.id)}\n                ?disabled=${this.locked.has(role.id)}\n                @change=${(e: Event) => this.onToggle(role.id, (e.target as HTMLInputElement).checked)}\n              />\n              <label for=\"role-${role.id}\">${role.name}</label>\n              ${role.description ? html`<span desc>${role.description}</span>` : nothing}\n            </li>\n          `\n        )}\n      </ul>\n      ${this.availableRoles.some(role => this.locked.has(role.id))\n        ? html`<div class=\"note\">${i18next.t('text.parent roles are changed by the parent domain')}</div>`\n        : nothing}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.applyMe()\n    this.unsubscribe = store.subscribe(() => this.applyMe())\n    this.checkGates()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.unsubscribe?.()\n  }\n\n  private applyMe() {\n    const me = (store.getState() as any).auth?.user || {}\n    this.myEmail = me.email || ''\n  }\n\n  /** 서버 지시자에 적힌 인자를 그대로 되묻는다. */\n  private async checkGates() {\n    this.canManage = Boolean(await hasPrivilege({ category: 'user', privilege: 'mutation', domainOwnerGranted: true }))\n    this.canOwn = Boolean(await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true }))\n  }\n\n  updated(changes: Map<string, unknown>) {\n    if (changes.has('user')) {\n      this.fetch()\n      this.fetchSetupLinkIssuable()\n    }\n  }\n\n  /** 관리 권한이 없으면 서버가 이 질의를 거절한다 — 그때도 단추는 없다. */\n  private async fetchSetupLinkIssuable() {\n    const id = this.user?.id\n    this.setupLinkIssuable = false\n    if (!id) {\n      return\n    }\n\n    try {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            mayIssuePasswordSetupLink(id: $id)\n          }\n        `,\n        variables: { id },\n        context: gqlContext()\n      })\n\n      this.setupLinkIssuable = this.user?.id === id && response.data?.mayIssuePasswordSetupLink === true\n    } catch (e) {\n      this.setupLinkIssuable = false\n    }\n  }\n\n  /**\n   * 부여할 수 있는 역할을 읽는다.\n   *\n   * **이 사람이 지금 가진 역할은 다시 묻지 않는다** — 목록이 이미 실어 왔다(`user.roles`).\n   * 옛 화면은 email 로 사용자를 다시 찾았는데, 역할 이름과 달리 email 은 유일하긴 해도\n   * 손에 든 `id` 를 두고 다른 열쇠로 같은 사람을 찾는 것이었다. 안 물으면 그 문제가 없다.\n   *\n   * **이 도메인의 역할과 파트너십으로 넘어온 역할을 한 목록으로 합친다.** 옛 화면은 그 둘을\n   * 따로 그리고 저장할 때 화면에서 다시 모았는데, 합치는 자리가 화면이면 화면이 못 그린 것은\n   * 저장에서도 빠진다.\n   */\n  private async fetch() {\n    const user = this.user\n    if (!user?.id) {\n      return\n    }\n\n    this.loading = true\n\n    const response = await client.query({\n      query: gql`\n        query ($inherited: InheritedValueType) {\n          roles(inherited: $inherited) {\n            items {\n              id\n              name\n              description\n            }\n          }\n          grantedRoles {\n            role {\n              id\n              name\n              description\n            }\n          }\n          parentRoles: roles(inherited: Only) {\n            items {\n              id\n            }\n          }\n          mayChangeParentRoles\n        }\n      `,\n      variables: { inherited: InheritedValueType.Include },\n      context: gqlContext()\n    })\n\n    const roles = response.data?.roles?.items || []\n    const granted = (response.data?.grantedRoles || []).map((g: any) => g.role).filter(Boolean)\n\n    /* 같은 역할이 두 경로로 올 수 있다 — id 로 한 번만 담는다. */\n    const byId = new Map<string, any>()\n    for (const role of [...roles, ...granted]) {\n      byId.set(role.id, role)\n    }\n\n    this.availableRoles = [...byId.values()]\n    /* 소유권 이전 자격은 **이 도메인(과 부모)의 역할**만 인정한다 — 합친 목록으로는 못 본다. */\n    this.domainRoleIds = new Set(roles.map((role: any) => role.id))\n    this.selected = new Set((user.roles || []).map((r: any) => r.id))\n    this.locked = lockedParentRoles(\n      (response.data?.parentRoles?.items || []).map((role: any) => role.id),\n      response.data?.mayChangeParentRoles === true\n    )\n    this.loading = false\n  }\n\n  /** 잠금 해제와 활성화가 같은 부름이다 — 서버가 `failCount` 도 0 으로 되돌린다. */\n  private async onActivate() {\n    await this.runUserMutation(gql`\n      mutation ($username: String!) {\n        activateUser(username: $username)\n      }\n    `)\n  }\n\n  private async onInactivate() {\n    await this.runUserMutation(gql`\n      mutation ($username: String!) {\n        inactivateUser(username: $username)\n      }\n    `)\n  }\n\n  /**\n   * 비밀번호 설정 링크를 발급한다 — 관리자는 비밀번호를 정하지 않는다(ADR-0161).\n   *\n   * 무엇이 일어나는지 · 어떻게 전할지는 그 팝업이 말하고 묻는다. 발급되면 계정이 「설정 대기」가 되므로\n   * 목록을 다시 읽게 알린다(`user-updated`).\n   */\n  private onPasswordSetup() {\n    openPasswordSetupLink(this.user, {\n      onIssued: () =>\n        this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n    })\n  }\n\n  /**\n   * 이 도메인에서만 뗀다 — 계정은 남는다.\n   *\n   * 그래서 확인 문구도 「지웁니다」가 아니다. 이 사람은 다른 도메인에서 계속 일할 수 있고,\n   * 다시 부르면 된다.\n   */\n  private async onRemoveFromDomain() {\n    const user = this.user || {}\n\n    const confirmed = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('button.remove from domain'),\n      text: i18next.t('text.they lose access to this domain but keep the account'),\n      confirmButton: { text: i18next.t('button.confirm') },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n\n    if (!confirmed) {\n      return\n    }\n\n    const done = await this.runUserMutation(gql`\n      mutation ($username: String!) {\n        deleteDomainUser(username: $username)\n      }\n    `)\n\n    if (done) {\n      /* 이 사람은 이제 목록에 없다 — 상세를 열어 둘 이유가 없다. */\n      this.dispatchEvent(new CustomEvent('close'))\n    }\n  }\n\n  /**\n   * 소유권을 넘긴다.\n   *\n   * 이미 있는 `ownership-transfer-popup` 을 그대로 쓴다 — 그 안에 **이메일을 다시 적게 하는**\n   * 확인이 들어 있다. 되돌릴 수 없는 것 중에서 유일하게 두 단계인 것이고, 그 판단이 맞다.\n   */\n  private onTransfer() {\n    const popup = openPopup(\n      html`<ownership-transfer-popup\n        .user=${this.user}\n        @ownershipTransferred=${() => {\n          popup.close()\n          this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n        }}\n      ></ownership-transfer-popup>`,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.owner_transfer')\n      }\n    )\n  }\n\n  private async runUserMutation(mutation: any, { notify = true }: { notify?: boolean } = {}) {\n    const username = this.user?.username || this.user?.email\n    if (!username || this.saving) {\n      return false\n    }\n\n    this.saving = true\n\n    try {\n      const response = await client.mutate({ mutation, variables: { username }, context: gqlContext() })\n\n      if (response.errors) {\n        return false\n      }\n\n      /*\n       * 비밀번호 초기화만 목록을 바꾸지 않는다 — 상태도 역할도 그대로다. 그때 목록을 다시\n       * 읽으면 아무것도 안 달라진 화면이 깜빡이고, 사람은 뭐가 됐는지 더 모르게 된다.\n       */\n      if (notify) {\n        this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n      }\n\n      return true\n    } finally {\n      this.saving = false\n    }\n  }\n\n  private onToggle(id: string, checked: boolean) {\n    const next = new Set(this.selected)\n    checked ? next.add(id) : next.delete(id)\n    this.selected = next\n  }\n\n  /**\n   * **범위를 상태에서 만든다.** 읽어 온 목록이 곧 `availableRoles` 다.\n   *\n   * 빈 범위를 보내면 서버는 「뗄 것이 없다」로 읽어 아무것도 안 한다 — 우연히 무해한 것이지\n   * 뜻한 바가 아니므로, 그 경우는 여기까지 오지 않는다(`savable`).\n   */\n  private async onSave() {\n    /* 단추가 이미 막고 있다 — 여기 걸리면 단추와 이 자리가 어긋난 것이다. */\n    if (!this.savable) {\n      return\n    }\n\n    const user = this.user\n    const username = user?.username || user?.email\n    if (!username) {\n      return\n    }\n\n    this.saving = true\n\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($username: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {\n            updateUserRoles(username: $username, availableRoles: $availableRoles, selectedRoles: $selectedRoles) {\n              id\n            }\n          }\n        `,\n        variables: {\n          username,\n          availableRoles: this.availableRoles.map(role => ({ id: role.id })),\n          selectedRoles: this.availableRoles.filter(role => this.selected.has(role.id)).map(role => ({ id: role.id }))\n        },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        this.dispatchEvent(new CustomEvent('user-updated', { detail: user, bubbles: true, composed: true }))\n      }\n    } finally {\n      this.saving = false\n    }\n  }\n}\n"]}
+{"version":3,"file":"user-detail.js","sourceRoot":"","sources":["../../client/components/user-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport './ownership-transfer-popup.js'\nimport { statusRenderer } from './user-status-renderer.js'\nimport { openPasswordSetupLink } from './password-setup-link-popup.js'\n\nimport gql from 'graphql-tag'\nimport { lockedParentRoles } from '../utils/role-origin.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport type { CSSResultGroup } from 'lit'\n\nimport { gqlContext, MutationController, QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { InheritedValueType, store } from '@operato/shell'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles } from '@operato/styles'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\n/**\n * 한 사람의 역할을 고치는 자리.\n *\n * ── 담는 그릇을 모른다 ──────────────────────────────────────────────────────\n * 팝업이든 서랍이든 그 안에 들어간다. 그래서 여기서는 **아무것도 열거나 닫지 않고** 두 가지만\n * 알린다 — 저장이 끝났다(`user-updated`), 닫아 달라(`close`). 그릇이 어느 것이 될지는 아직\n * 정해지지 않았고, 그 결정이 이 파일을 바꾸지 않게 한다.\n *\n * ── 옛 화면이 하던 것 (`components/user-role-editor.ts`) ────────────────────\n * 저장할 때 `querySelectorAll('role-selector')` 로 **화면을 훑어** 「가능한 역할 전부」와\n * 「고른 역할」을 만들어 보냈다.\n *\n * `updateUserRoles` 의 계약은 이렇다 — `availableRoles` 는 **부르는 쪽이 책임지는 범위**이고,\n * 그 범위 안의 역할을 일단 다 뗀 다음 `selectedRoles` 를 다시 붙인다. 범위 밖의 역할은\n * 건드리지 않는다(`user-mutation.ts` 의 `updateUserRoles`).\n *\n * 계약 자체는 옳다 — 화면이 일부만 편집할 수 있게 해 준다. 잘못된 것은 **그 범위를 DOM 에서\n * 만든 것**이다. 목록이 늦게 오거나 잘려 있으면 화면은 그것을 모른 채 좁은 범위를 보내고,\n * 안 보낸 역할이 어떻게 되는지가 그날의 렌더링에 달린다.\n *\n * 여기서는 범위를 **상태에서** 만든다. 읽어 온 목록이 곧 범위이고, 아직 못 읽었으면 저장하지\n * 않는다.\n */\n@customElement('user-detail')\nexport class UserDetail extends localize(i18next)(LitElement) {\n  /*\n   * 팝업의 집 모양을 그대로 쓴다(page-standard §7·§8) — 본문만 스크롤하고 단추 줄은 `ox-popup-actions`\n   * 하나다. 제목은 이 팝업이 무엇인지(사용자 상세 정보)를 말하고, 누구인지는 대상 띠(`.what`)가 말한다.\n   */\n  static styles: CSSResultGroup = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    css`\n      /* 상태 한 줄 — 그 줄에 대한 동작은 줄 끝에 둔다(§8 「줄 하나」). */\n      [state-line] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n      }\n\n      [state-line] [label],\n      [group-label] {\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      /* 팝업 안의 컨트롤은 담는 카드를 따라 알약이다 — 공용 규칙은 단추 줄 안에만 걸린다. */\n      [state-line] md-outlined-button {\n        margin-left: auto;\n        --md-outlined-button-container-height: var(--popup-action-height, 32px);\n        --md-outlined-button-container-shape: var(--popup-control-radius);\n      }\n\n      [group-label] {\n        margin-top: var(--spacing-medium, 8px);\n      }\n\n      ul[roles] {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n\n      /*\n        A role is its name with what it opens under it. Side by side, a long description squeezed the name a\n        syllable a line on a phone (「직/원」, 2026-11-06).\n      */\n      ul[roles] li {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        column-gap: var(--spacing-medium, 8px);\n        align-items: baseline;\n        padding: 3px 0;\n      }\n\n      ul[roles] li input {\n        grid-row: span 2;\n        align-self: start;\n      }\n\n      ul[roles] li [desc] {\n        grid-column: 2;\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      .note md-icon {\n        --md-icon-size: 16px;\n        vertical-align: -3px;\n      }\n    `\n  ]\n\n  /** 목록이 골라 준 사람. `id` 와 `username`(없으면 `email`)이 있어야 한다. */\n  @property({ type: Object }) user: any\n\n  @state() private selected: Set<string> = new Set()\n\n  /*\n   * **내가 이 도메인에서 무엇을 할 수 있나 — 서버 선언을 그대로 되묻는다.**\n   *\n   * `/auth/profile` 이 `privileges`·`owner`·`super` 를 전부 담아 주고, `hasPrivilege`\n   * (`auth-base/client/profiled.ts`)가 서버의 `checkPermission` 과 같은 규칙으로 그것을 판정한다\n   * — 안전하지 않은 IP 에서 소유권 우회를 빼는 것까지 같다. 그래서 **서버 지시자에 적힌 인자를\n   * 그대로 넘기는 것**이 화면과 문을 어긋나지 않게 하는 방법이다.\n   *\n   * 옛 화면은 이것을 두고 `me.email === domainOwner.email` 로 판정했다 — 목록에서 뽑은 대표\n   * 소유자 한 명과 견주는 것이라 **공동 소유자가 자기 권한을 잃었고**, `user:mutation` 을 역할로\n   * 받은 사람은 아예 단추를 못 봤다.\n   *\n   * 둘이 다른 선언을 쓴다.\n   *\n   *   활성/비활성·초기화·제외  user:mutation + domainOwnerGranted\n   *   소유권 이전              domainOwnerGranted + superUserGranted  (권한 쌍이 없다)\n   *\n   * ⚠ 수퍼유저가 자동으로 다 통과하지 않는다 — `checkPermission` 은 지시자가\n   * `superUserGranted` 를 선언한 곳에서만 그것을 본다. 그래서 위 둘을 뭉치면 안 된다.\n   */\n  @state() private canManage: boolean = false\n  @state() private canOwn: boolean = false\n  @state() private myEmail: string = ''\n\n  /**\n   * 이 사람에게 이 도메인이 비밀번호 설정 링크를 발급해도 되는가 — 서버 규칙(`password-reset-rule.ts`)의 답.\n   *\n   * 비밀번호는 계정 하나에 하나다. 다른 도메인에서도 일하는 사람, 어느 도메인이든 오너인 사람\n   * (수퍼유저 포함)의 비밀번호는 이 도메인이 거두지 않는다(ADR-0161 결정 4).\n   */\n  private issuable = new QueryController(\n    this,\n    gql`\n      query ($id: String!) {\n        mayIssuePasswordSetupLink(id: $id)\n      }\n    `,\n    { variables: () => (this.user?.id ? { id: this.user.id } : undefined), context: gqlContext() }\n  )\n\n  private get setupLinkIssuable(): boolean {\n    return this.issuable.data?.mayIssuePasswordSetupLink === true\n  }\n\n  /**\n   * 부여할 수 있는 역할을 읽는다.\n   *\n   * **이 사람이 지금 가진 역할은 다시 묻지 않는다** — 목록이 이미 실어 왔다(`user.roles`).\n   * 옛 화면은 email 로 사용자를 다시 찾았는데, 역할 이름과 달리 email 은 유일하긴 해도\n   * 손에 든 `id` 를 두고 다른 열쇠로 같은 사람을 찾는 것이었다. 안 물으면 그 문제가 없다.\n   *\n   * **이 도메인의 역할과 파트너십으로 넘어온 역할을 한 목록으로 합친다.** 옛 화면은 그 둘을\n   * 따로 그리고 저장할 때 화면에서 다시 모았는데, 합치는 자리가 화면이면 화면이 못 그린 것은\n   * 저장에서도 빠진다.\n   */\n  private roles = new QueryController(\n    this,\n    gql`\n      query ($inherited: InheritedValueType) {\n        roles(inherited: $inherited) {\n          items {\n            id\n            name\n            description\n          }\n        }\n        grantedRoles {\n          role {\n            id\n            name\n            description\n          }\n        }\n        parentRoles: roles(inherited: Only) {\n          items {\n            id\n          }\n        }\n        mayChangeParentRoles\n      }\n    `,\n    { variables: () => (this.user?.id ? { inherited: InheritedValueType.Include } : undefined), context: gqlContext() }\n  )\n\n  private saves = {\n    roles: this.change(gql`\n      mutation ($username: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {\n        updateUserRoles(username: $username, availableRoles: $availableRoles, selectedRoles: $selectedRoles) {\n          id\n        }\n      }\n    `),\n    /* 잠금 해제와 활성화가 같은 부름이다 — 서버가 `failCount` 도 0 으로 되돌린다. */\n    activate: this.change(gql`\n      mutation ($username: String!) {\n        activateUser(username: $username)\n      }\n    `),\n    inactivate: this.change(gql`\n      mutation ($username: String!) {\n        inactivateUser(username: $username)\n      }\n    `),\n    removeFromDomain: this.change(gql`\n      mutation ($username: String!) {\n        deleteDomainUser(username: $username)\n      }\n    `)\n  }\n\n  private change(mutation: any) {\n    return new MutationController(this, mutation, { context: gqlContext() })\n  }\n\n  private get loading(): boolean {\n    return !this.roles.data && !this.roles.error\n  }\n\n  private get saving(): boolean {\n    return Object.values(this.saves).some(save => save.pending)\n  }\n\n  private get domainRoles(): any[] {\n    return this.roles.data?.roles?.items || []\n  }\n\n  private get availableRoles(): any[] {\n    const granted = (this.roles.data?.grantedRoles || []).map((g: any) => g.role).filter(Boolean)\n\n    /* 같은 역할이 두 경로로 올 수 있다 — id 로 한 번만 담는다. */\n    const byId = new Map<string, any>()\n    for (const role of [...this.domainRoles, ...granted]) {\n      byId.set(role.id, role)\n    }\n    return [...byId.values()]\n  }\n\n  /**\n   * 이 도메인(과 부모)의 역할 id.\n   *\n   * 소유권 이전은 **받는 사람이 이 도메인에 역할을 하나라도 가질 때만** 된다\n   * (`transferOwner` 가 상속 역할까지 자격으로 인정하고, 그 밖은 던진다). 파트너십으로 넘어온\n   * 역할은 자격이 아니므로 `availableRoles`(합친 것)로는 판정할 수 없다.\n   */\n  private get domainRoleIds(): Set<string> {\n    return new Set(this.domainRoles.map((role: any) => role.id))\n  }\n\n  /** The parent domain's roles this person may not change here - locked, with the reason under the list. */\n  private get locked(): Set<string> {\n    return lockedParentRoles(\n      (this.roles.data?.parentRoles?.items || []).map((role: any) => role.id),\n      this.roles.data?.mayChangeParentRoles === true\n    )\n  }\n  private unsubscribe?: () => void\n\n  /*\n   * **저장할 수 있나 — 단추와 처리기가 같은 답을 본다.**\n   *\n   * 셋을 갈라야 한다. 화면에서 갈라 놓고 저장에서 뭉치면, 「아직 못 읽었다」와 「읽었는데\n   * 역할이 없다」가 똑같이 **눌러도 아무 일이 없는 단추**가 된다. 그것이 조용히 되돌아가는\n   * 자리이고, 사람은 저장이 됐는지 안 됐는지 알 수 없다.\n   *\n   *   못 읽었다        아직 범위를 모른다 — 눌리면 안 된다\n   *   역할이 0개        보낼 것이 없다 — 눌리면 안 되고, 무엇을 해야 하는지는 목록 자리가 말한다\n   *   읽었고 있다       저장한다\n   */\n  private get savable(): boolean {\n    return !this.loading && !this.saving && this.availableRoles.length > 0\n  }\n\n  render() {\n    const user = this.user || {}\n\n    return html`\n      <div class=\"body\">\n        <div class=\"what\">${user.name || user.username || user.email} · ${user.email}</div>\n\n        ${\n          user.owner\n            ? html`<div class=\"note\">\n                <md-icon>supervisor_account</md-icon>\n                ${i18next.t('text.owner opens everything without a role')}\n              </div>`\n            : nothing\n        }\n        ${this.renderAccountState(user)}\n\n        <div group-label>${i18next.t('field.roles')}</div>\n        ${this.renderRoles()}\n      </div>\n\n      <ox-popup-actions>\n        ${this.renderIrreversible(user)}\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>\n          ${i18next.t('button.cancel')}\n        </md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.savable} @click=${() => this.onSave()}>\n          ${i18next.t('button.save')}\n        </md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /**\n   * 되돌릴 수 없는 조치 — 단추 줄의 왼쪽 끝, 빨간 글자(page-standard §8, `ox-popup-actions` 의 `start`).\n   *\n   * 옛 화면은 저장·소유권 이전·초기화·제외·비활성화를 **한 줄에 나란히** 뒀다. 매일 누르는\n   * 「저장」 옆에 한 번 누르면 끝인 「제외」가 같은 크기로 있었다. 단추 줄이 그 거리를 맡는다 —\n   * 저장은 오른쪽 끝, 이것들은 왼쪽 끝이고, 색은 글자에만 쓴다.\n   *\n   * ── 무엇을 언제 내주나 ──────────────────────────────────────────────────────\n   * 조건은 전부 **서버가 실제로 던지는 것**을 그대로 옮긴 것이다. 눌리는 단추를 보여 주고\n   * 서버가 거절하면 그것은 안내가 아니라 오류다.\n   *\n   *   비밀번호 설정 링크  서버가 된다고 하고(`mayIssuePasswordSetupLink`), 내가 아니다\n   *   소유권 이전      활성 상태고, 소유자가 아니고, 이 도메인에 역할이 하나라도 있다\n   *   도메인에서 제외  소유자가 아니고, 내가 아니다\n   *\n   * ── 이름 ────────────────────────────────────────────────────────────────────\n   * `deleteDomainUser` 는 계정을 지우지 않는다 — **이 도메인에서만 뗀다**(서버 설명도 그렇게\n   * 적혀 있다). 옛 화면의 「사용자 삭제」는 하지 않는 일을 말하고 있었다.\n   */\n  private renderIrreversible(user: any) {\n    const me = this.myEmail && user.email === this.myEmail\n\n    const resettable = this.canManage && this.setupLinkIssuable && !me\n    const transferable =\n      this.canOwn &&\n      !user.owner &&\n      user.status === 'activated' &&\n      (user.roles || []).some((role: any) => this.domainRoleIds.has(role.id))\n    const removable = this.canManage && !user.owner && !me\n\n    return html`\n      ${\n        resettable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onPasswordSetup()}>\n              ${user.status === 'password_reset_required'\n                ? i18next.t('button.reissue setup link')\n                : i18next.t('button.password reset link')}\n            </md-text-button>`\n          : nothing\n      }\n      ${\n        transferable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onTransfer()}>\n              ${i18next.t('button.transfer owner')}\n            </md-text-button>`\n          : nothing\n      }\n      ${\n        removable\n          ? html`<md-text-button slot=\"start\" destructive @click=${() => this.onRemoveFromDomain()}>\n              ${i18next.t('button.remove from domain')}\n            </md-text-button>`\n          : nothing\n      }\n    `\n  }\n\n  /**\n   * 계정 상태 한 줄과, 그것을 바꾸는 단추를 그 줄 끝에(page-standard §8 「줄 하나」).\n   *\n   * **잠금 해제와 활성화는 서버에서 같은 것이다** — `activateUser` 가 `failCount` 를 0 으로\n   * 두고 `ACTIVATED` 로 되돌린다. 그래서 부르는 것은 하나이고, **글자만 상황에 맞춰 바꾼다.**\n   * 잠긴 사람에게 「활성화」라고 하면 무슨 일이 일어나는지 알 수 없다.\n   *\n   * 비활성화는 소유자와 나 자신에게는 내주지 않는다. 서버도 같은 것을 막지만\n   * (`inactivateUser` 가 소유자·admin 을 거절한다), **화면이 눌리는 단추를 보여 주고 서버가\n   * 거절하면 그것은 안내가 아니라 오류다.** 되돌릴 수 있으므로 빨간 글자가 아니다.\n   */\n  private renderAccountState(user: any) {\n    if (!this.canManage) {\n      return nothing\n    }\n\n    return html`\n      <div state-line>\n        <span label>${i18next.t('field.status')}</span>\n        ${statusRenderer(() => 0)(user.status, null, user)} ${this.renderStateAction(user)}\n      </div>\n    `\n  }\n\n  private renderStateAction(user: any) {\n    const status = user.status\n\n    if (status === 'locked') {\n      return html`<md-outlined-button @click=${() => this.onActivate()}>${i18next.t('button.unlock')}</md-outlined-button>`\n    }\n\n    /* 설정 대기는 활성화로 열리지 않는다 — 본인이 설정 링크로 연다(단추 줄의 설정 링크). */\n    if (status === 'password_reset_required') {\n      return nothing\n    }\n\n    if (status !== 'activated') {\n      return html`<md-outlined-button @click=${() => this.onActivate()}>${i18next.t('button.activate')}</md-outlined-button>`\n    }\n\n    /* 활성 상태 — 되돌릴 수 있는 사람에게만, 그리고 자기 자신과 소유자에게는 안 준다. */\n    if (user.owner || (this.myEmail && user.email === this.myEmail)) {\n      return nothing\n    }\n\n    return html`<md-outlined-button @click=${() => this.onInactivate()}>${i18next.t('button.deactivate')}</md-outlined-button>`\n  }\n\n  private renderRoles() {\n    if (this.loading) {\n      return html`<div class=\"note\">${i18next.t('text.loading')}</div>`\n    }\n\n    if (!this.availableRoles.length) {\n      /*\n       * 「역할이 없다」와 「못 읽었다」는 다른 말이다. 여기까지 왔다는 것은 읽었다는 뜻이므로\n       * 없는 것이 맞고, 그때는 무엇을 해야 하는지를 말한다. 저장을 막고 있으므로 실패 모양이다.\n       */\n      return html`<div class=\"failure\">${i18next.t('text.no role defined in this domain')}</div>`\n    }\n\n    return html`\n      <ul roles>\n        ${this.availableRoles.map(\n          role => html`\n            <li>\n              <input\n                type=\"checkbox\"\n                id=\"role-${role.id}\"\n                .checked=${this.selected.has(role.id)}\n                ?disabled=${this.locked.has(role.id)}\n                @change=${(e: Event) => this.onToggle(role.id, (e.target as HTMLInputElement).checked)}\n              />\n              <label for=\"role-${role.id}\">${role.name}</label>\n              ${role.description ? html`<span desc>${role.description}</span>` : nothing}\n            </li>\n          `\n        )}\n      </ul>\n      ${this.availableRoles.some(role => this.locked.has(role.id))\n        ? html`<div class=\"note\">${i18next.t('text.parent roles are changed by the parent domain')}</div>`\n        : nothing}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.applyMe()\n    this.unsubscribe = store.subscribe(() => this.applyMe())\n    this.checkGates()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.unsubscribe?.()\n  }\n\n  private applyMe() {\n    const me = (store.getState() as any).auth?.user || {}\n    this.myEmail = me.email || ''\n  }\n\n  /** 서버 지시자에 적힌 인자를 그대로 되묻는다. */\n  private async checkGates() {\n    this.canManage = Boolean(await hasPrivilege({ category: 'user', privilege: 'mutation', domainOwnerGranted: true }))\n    this.canOwn = Boolean(await hasPrivilege({ domainOwnerGranted: true, superUserGranted: true }))\n  }\n\n  /* What is ticked starts from the roles the list brought for this person. */\n  willUpdate(changes: Map<string, unknown>) {\n    if (changes.has('user')) this.selected = new Set((this.user?.roles || []).map((r: any) => r.id))\n  }\n\n  private async onActivate() {\n    await this.runUserMutation(this.saves.activate)\n  }\n\n  private async onInactivate() {\n    await this.runUserMutation(this.saves.inactivate)\n  }\n\n  /**\n   * 비밀번호 설정 링크를 발급한다 — 관리자는 비밀번호를 정하지 않는다(ADR-0161).\n   *\n   * 무엇이 일어나는지 · 어떻게 전할지는 그 팝업이 말하고 묻는다. 발급되면 계정이 「설정 대기」가 되므로\n   * 목록을 다시 읽게 알린다(`user-updated`).\n   */\n  private onPasswordSetup() {\n    openPasswordSetupLink(this.user, {\n      onIssued: () =>\n        this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n    })\n  }\n\n  /**\n   * 이 도메인에서만 뗀다 — 계정은 남는다.\n   *\n   * 그래서 확인 문구도 「지웁니다」가 아니다. 이 사람은 다른 도메인에서 계속 일할 수 있고,\n   * 다시 부르면 된다.\n   */\n  private async onRemoveFromDomain() {\n    const user = this.user || {}\n\n    const confirmed = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('button.remove from domain'),\n      text: i18next.t('text.they lose access to this domain but keep the account'),\n      confirmButton: { text: i18next.t('button.confirm') },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n\n    if (!confirmed) {\n      return\n    }\n\n    const done = await this.runUserMutation(this.saves.removeFromDomain)\n\n    if (done) {\n      /* 이 사람은 이제 목록에 없다 — 상세를 열어 둘 이유가 없다. */\n      this.dispatchEvent(new CustomEvent('close'))\n    }\n  }\n\n  /**\n   * 소유권을 넘긴다.\n   *\n   * 이미 있는 `ownership-transfer-popup` 을 그대로 쓴다 — 그 안에 **이메일을 다시 적게 하는**\n   * 확인이 들어 있다. 되돌릴 수 없는 것 중에서 유일하게 두 단계인 것이고, 그 판단이 맞다.\n   */\n  private onTransfer() {\n    const popup = openPopup(\n      html`<ownership-transfer-popup\n        .user=${this.user}\n        @ownershipTransferred=${() => {\n          popup.close()\n          this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n        }}\n      ></ownership-transfer-popup>`,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.owner_transfer')\n      }\n    )\n  }\n\n  private async runUserMutation(save: MutationController, { notify = true }: { notify?: boolean } = {}) {\n    const username = this.user?.username || this.user?.email\n    if (!username || this.saving) {\n      return false\n    }\n\n    if (!(await save.run({ username }))) {\n      return false\n    }\n\n    /*\n     * 비밀번호 초기화만 목록을 바꾸지 않는다 — 상태도 역할도 그대로다. 그때 목록을 다시\n     * 읽으면 아무것도 안 달라진 화면이 깜빡이고, 사람은 뭐가 됐는지 더 모르게 된다.\n     */\n    if (notify) {\n      this.dispatchEvent(new CustomEvent('user-updated', { detail: this.user, bubbles: true, composed: true }))\n    }\n\n    return true\n  }\n\n  private onToggle(id: string, checked: boolean) {\n    const next = new Set(this.selected)\n    checked ? next.add(id) : next.delete(id)\n    this.selected = next\n  }\n\n  /**\n   * **범위를 상태에서 만든다.** 읽어 온 목록이 곧 `availableRoles` 다.\n   *\n   * 빈 범위를 보내면 서버는 「뗄 것이 없다」로 읽어 아무것도 안 한다 — 우연히 무해한 것이지\n   * 뜻한 바가 아니므로, 그 경우는 여기까지 오지 않는다(`savable`).\n   */\n  private async onSave() {\n    /* 단추가 이미 막고 있다 — 여기 걸리면 단추와 이 자리가 어긋난 것이다. */\n    if (!this.savable) {\n      return\n    }\n\n    const user = this.user\n    const username = user?.username || user?.email\n    if (!username) {\n      return\n    }\n\n    const saved = await this.saves.roles.run({\n      username,\n      availableRoles: this.availableRoles.map(role => ({ id: role.id })),\n      selectedRoles: this.availableRoles.filter(role => this.selected.has(role.id)).map(role => ({ id: role.id }))\n    })\n\n    if (saved) {\n      this.dispatchEvent(new CustomEvent('user-updated', { detail: user, bubbles: true, composed: true }))\n    }\n  }\n}\n"]}

package/dist-client/components/user-invite.d.ts

@@ -36,11 +36,16 @@ declare const UserInvite_base: (new (...args: any[]) => LitElement) & typeof Lit
 export declare class UserInvite extends UserInvite_base {
     static styles: CSSResultGroup;
     private email;
-    private lookup;
-    private roles;
+    /** The email asked about - set once the person stops typing. */
+    private asked;
     private selected;
-    private working;
     private message;
+    private existence;
+    private assignable;
+    private saves;
+    private get roles();
+    private get working();
+    private get lookup();
     private nameInput;
     private usernameInput;
     private timer?;
@@ -59,11 +64,8 @@ export declare class UserInvite extends UserInvite_base {
     private renderGuide;
     private renderNewAccount;
     private renderRoles;
-    connectedCallback(): void;
     disconnectedCallback(): void;
     private onEmail;
-    private check;
-    private fetchRoles;
     private onToggle;
     private onCall;
     /** 이미 계정이 있는 사람 — 이 도메인에 바로 들어온다. */