@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

package/dist/domains/anzuUser/components/AUserMetadataForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUserMetadataForm.js","names":["_sfc_main","AUserMetadataForm_vue_vue_type_script_setup_true_lang_default","AUserMetadataForm_default"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport AAvatarColorPicker from '@/domains/ui/components/AAvatarColorPicker.vue'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { useUserMetadataValidation } from '@/domains/anzuUser/composables/anzuUserValidations'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The system's validation profile (`requiredMetadata`). The cross-system repair form passes\n     * `true` outright: it writes to nine places at once, and a loose form could put an empty name\n     * into cms -- a record cms's own form would then refuse to save.\n     */\n    required?: boolean\n    /**\n     * Whether the id is typed in at all. False only in cms, whose backend resolves it from SSO.\n     * With `isEdit` this makes three states, which one `readonly` could not express: not drawn,\n     * editable, or shown read-only.\n     */\n    idInput?: boolean\n    isEdit?: boolean\n    readonly?: boolean\n    /**\n     * Random colour on an empty value, as all four admins do today. Deliberately not passed by the\n     * cross-system repair form: it is always strict, so it would invent a colour on open and mark\n     * it as a change in every system at once.\n     */\n    randomColor?: boolean\n    /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */\n    note?: string | undefined\n    /** i18n namespace for the field labels; the backend identity does not belong here. */\n    scopeSystem?: string\n    scopeSubject?: string\n    /** Vuelidate scope. Omitted means the page's own collector picks these rules up. */\n    validationScope?: string | symbol | false | undefined\n  }>(),\n  {\n    required: false,\n    idInput: true,\n    isEdit: false,\n    readonly: false,\n    randomColor: false,\n    note: undefined,\n    scopeSystem: 'common',\n    scopeSubject: ANZU_USER_ENTITY,\n    validationScope: undefined,\n  }\n)\n\nconst user = defineModel<BaseUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { v$ } = useUserMetadataValidation(user, {\n  required: () => props.required,\n  idInput: () => props.idInput,\n  isEdit: () => props.isEdit,\n  scope: props.validationScope,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst derivedFullName = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName + ' ' + lastName\n}\n\nconst derivedAvatarText = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName.slice(0, 1) + lastName.slice(0, 1)\n}\n\n/**\n * A dirty flag, not a checkbox: the two derived fields stay ordinary inputs that recompute while\n * nobody has touched them, and stop the moment somebody does.\n *\n * The flags are seeded from the data rather than starting clean. A stored value that differs from\n * what the names would produce was set on purpose -- the cms fixtures carry `Anzu` + `User 1` with\n * a full name of `Anzu User1` -- and renaming the person must not silently overwrite it.\n */\nconst fullNameTouched = ref(false)\nconst avatarTextTouched = ref(false)\n\nconst seedTouchedFlags = () => {\n  fullNameTouched.value = user.value.person.fullName.length > 0 && user.value.person.fullName !== derivedFullName()\n  avatarTextTouched.value = user.value.avatar.text.length > 0 && user.value.avatar.text !== derivedAvatarText()\n}\n\nonMounted(seedTouchedFlags)\n\n/**\n * Re-seeded whenever the record itself is replaced, not only when its id changes.\n *\n * The id is not enough: the metadata repair dialog swaps between two systems' records *for the\n * same person*, so the id never moves. Without this the flags would still describe the record\n * before the swap, and a deliberate full name in the newly chosen source would be overwritten by\n * one derived from its names -- silently discarding the very value the operator picked as the\n * source of truth.\n *\n * Declared before the derive watcher below so it runs first: the flags are up to date before\n * anything decides whether to recompute.\n */\nwatch(\n  () => user.value,\n  () => seedTouchedFlags()\n)\n\n// Keyed on the names themselves rather than on an array, whose identity is new on every read --\n// that alone would make this fire on any object replacement, including one that changed nothing.\nwatch(\n  () => `${user.value.person.firstName}\\u0000${user.value.person.lastName}`,\n  (next, previous) => {\n    if (props.readonly || next === previous) return\n    if (!fullNameTouched.value) user.value.person.fullName = derivedFullName()\n    if (!avatarTextTouched.value) user.value.avatar.text = derivedAvatarText()\n  }\n)\n</script>\n\n<template>\n  <ASystemEntityScope\n    :system=\"scopeSystem\"\n    :subject=\"scopeSubject\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VAlert\n          v-if=\"note\"\n          type=\"info\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-4\"\n        >\n          {{ note }}\n        </VAlert>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <!--\n              Three states, not two. Not drawn where the backend resolves the id itself; a plain\n              field while creating; read-only once the record exists, because it is the primary key\n              every other system looks this person up by.\n            -->\n            <!--\n              `.number` is not decoration and it is not inert on a component: Vue applies model\n              modifiers inside `emit`, so without it the field hands back the string \"42\" against a\n              declared `IntegerIdNullable`, and that string is what the create body carries. Every\n              admin that draws this field binds it the same way.\n            -->\n            <AFormTextField\n              v-if=\"idInput && !isEdit && !readonly\"\n              v-model.number=\"user.id\"\n              type=\"number\"\n              :v=\"v$.user.id\"\n              :label=\"t('common.anzuUser.model.id')\"\n              :hint=\"t('common.anzuUser.hint.idReadonlyOnEdit')\"\n              persistent-hint\n            />\n            <ARow\n              v-else-if=\"user.id\"\n              :title=\"t('common.anzuUser.model.id')\"\n            >\n              <ACopyText :value=\"user.id\" />\n            </ARow>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"9\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.email')\"\n              :value=\"user.email\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.email\"\n              :v=\"v$.user.email\"\n              data-cy=\"user-email\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.firstName')\"\n              :value=\"user.person.firstName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.firstName\"\n              :v=\"v$.user.person.firstName\"\n              data-cy=\"user-firstName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.lastName')\"\n              :value=\"user.person.lastName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.lastName\"\n              :v=\"v$.user.person.lastName\"\n              data-cy=\"user-lastName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"6\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.fullName')\"\n              :value=\"user.person.fullName\"\n            />\n            <!--\n              `@update:model-value` only fires on a real edit: assigning from the watcher above goes\n              through the model, not through the field, so recomputing never marks the field touched.\n            -->\n            <AFormTextField\n              v-else\n              v-model=\"user.person.fullName\"\n              :v=\"v$.user.person.fullName\"\n              :hint=\"fullNameTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!fullNameTouched\"\n              data-cy=\"user-fullName\"\n              @update:model-value=\"fullNameTouched = true\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <AAvatarColorPicker\n              v-model=\"user.avatar.color\"\n              :label=\"t('common.anzuUser.model.avatar.color')\"\n              :readonly=\"readonly\"\n              :required=\"required\"\n              :random-color=\"randomColor\"\n            />\n            <div\n              v-if=\"v$.user.avatar.color.$error\"\n              class=\"text-error text-body-small\"\n            >\n              {{ v$.user.avatar.color.$errors[0]?.$message }}\n            </div>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.avatar.text')\"\n              :value=\"user.avatar.text\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.avatar.text\"\n              :v=\"v$.user.avatar.text\"\n              :maxlength=\"3\"\n              :hint=\"avatarTextTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!avatarTextTouched\"\n              data-cy=\"user-avatarText\"\n              @update:model-value=\"avatarTextTouched = true\"\n            />\n          </VCol>\n        </VRow>\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AUserMetadataForm.js","names":["_sfc_main","AUserMetadataForm_vue_vue_type_script_setup_true_lang_default","AUserMetadataForm_default"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport AAvatarColorPicker from '@/domains/ui/components/AAvatarColorPicker.vue'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { useUserMetadataValidation } from '@/domains/anzuUser/composables/anzuUserValidations'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The system's validation profile (`requiredMetadata`).\n     * The cross-system repair form always passes `true`. It writes to many systems, and a loose\n     * form could put an empty name into cms, which cms's own form would then refuse to save.\n     */\n    required?: boolean\n    /**\n     * Whether the id is entered at all. False only in cms, whose backend resolves it from SSO.\n     * With `isEdit` this gives three states that `readonly` alone cannot: not drawn, editable, or read-only.\n     */\n    idInput?: boolean\n    isEdit?: boolean\n    readonly?: boolean\n    /**\n     * Random colour on an empty value, as all four admins do.\n     * Deliberately not passed by the cross-system repair form. It is strict, so\n     * it would invent a colour on open and mark it as a change in every system.\n     */\n    randomColor?: boolean\n    /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */\n    note?: string | undefined\n    /** i18n namespace for the field labels; the backend identity does not belong here. */\n    scopeSystem?: string\n    scopeSubject?: string\n    /** Vuelidate scope. Omitted means the page's own collector picks these rules up. */\n    validationScope?: string | symbol | false | undefined\n  }>(),\n  {\n    required: false,\n    idInput: true,\n    isEdit: false,\n    readonly: false,\n    randomColor: false,\n    note: undefined,\n    scopeSystem: 'common',\n    scopeSubject: ANZU_USER_ENTITY,\n    validationScope: undefined,\n  }\n)\n\nconst user = defineModel<BaseUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { v$ } = useUserMetadataValidation(user, {\n  required: () => props.required,\n  idInput: () => props.idInput,\n  isEdit: () => props.isEdit,\n  scope: props.validationScope,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst derivedFullName = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName + ' ' + lastName\n}\n\nconst derivedAvatarText = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName.slice(0, 1) + lastName.slice(0, 1)\n}\n\n/**\n * Dirty flags: the derived fields recompute until someone edits them, then stop.\n * Flags are seeded from the data. A stored value that differs from the derived one was set on purpose\n * (cms fixtures have `Anzu` + `User 1` with full name `Anzu User1`), and renaming must not overwrite it.\n */\nconst fullNameTouched = ref(false)\nconst avatarTextTouched = ref(false)\n\nconst seedTouchedFlags = () => {\n  fullNameTouched.value = user.value.person.fullName.length > 0 && user.value.person.fullName !== derivedFullName()\n  avatarTextTouched.value = user.value.avatar.text.length > 0 && user.value.avatar.text !== derivedAvatarText()\n}\n\nonMounted(seedTouchedFlags)\n\n/**\n * Re-seeded whenever the record is replaced, not only when its id changes.\n * The metadata repair dialog swaps between two systems' records for the same person, so the\n * id stays the same. Stale flags would overwrite the chosen source's deliberate full name.\n * Declared before the derive watcher so the flags are updated first.\n */\nwatch(\n  () => user.value,\n  () => seedTouchedFlags()\n)\n\n// Keyed on the names as a string, not an array. A new array on every read\n// would fire on any object replacement, even one that changed nothing.\nwatch(\n  () => `${user.value.person.firstName}\\u0000${user.value.person.lastName}`,\n  (next, previous) => {\n    if (props.readonly || next === previous) return\n    if (!fullNameTouched.value) user.value.person.fullName = derivedFullName()\n    if (!avatarTextTouched.value) user.value.avatar.text = derivedAvatarText()\n  }\n)\n</script>\n\n<template>\n  <ASystemEntityScope\n    :system=\"scopeSystem\"\n    :subject=\"scopeSubject\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VAlert\n          v-if=\"note\"\n          type=\"info\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-4\"\n        >\n          {{ note }}\n        </VAlert>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <!--\n              Three states: not drawn where the backend resolves the id; editable while creating; read-only\n              once the record exists, because every other system looks the person up by this key.\n            -->\n            <!--\n              `.number` is required. Vue applies model modifiers inside `emit`, so without it the field\n              returns the string \"42\" for an `IntegerIdNullable`, and the create body carries that string.\n            -->\n            <AFormTextField\n              v-if=\"idInput && !isEdit && !readonly\"\n              v-model.number=\"user.id\"\n              type=\"number\"\n              :v=\"v$.user.id\"\n              :label=\"t('common.anzuUser.model.id')\"\n              :hint=\"t('common.anzuUser.hint.idReadonlyOnEdit')\"\n              persistent-hint\n            />\n            <ARow\n              v-else-if=\"user.id\"\n              :title=\"t('common.anzuUser.model.id')\"\n            >\n              <ACopyText :value=\"user.id\" />\n            </ARow>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"9\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.email')\"\n              :value=\"user.email\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.email\"\n              :v=\"v$.user.email\"\n              data-cy=\"user-email\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.firstName')\"\n              :value=\"user.person.firstName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.firstName\"\n              :v=\"v$.user.person.firstName\"\n              data-cy=\"user-firstName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.lastName')\"\n              :value=\"user.person.lastName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.lastName\"\n              :v=\"v$.user.person.lastName\"\n              data-cy=\"user-lastName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"6\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.fullName')\"\n              :value=\"user.person.fullName\"\n            />\n            <!--\n              `@update:model-value` fires only on a real edit. The watcher assigns\n              through the model, so recomputing never marks the field touched.\n            -->\n            <AFormTextField\n              v-else\n              v-model=\"user.person.fullName\"\n              :v=\"v$.user.person.fullName\"\n              :hint=\"fullNameTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!fullNameTouched\"\n              data-cy=\"user-fullName\"\n              @update:model-value=\"fullNameTouched = true\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <AAvatarColorPicker\n              v-model=\"user.avatar.color\"\n              :label=\"t('common.anzuUser.model.avatar.color')\"\n              :readonly=\"readonly\"\n              :required=\"required\"\n              :random-color=\"randomColor\"\n            />\n            <div\n              v-if=\"v$.user.avatar.color.$error\"\n              class=\"text-error text-body-small\"\n            >\n              {{ v$.user.avatar.color.$errors[0]?.$message }}\n            </div>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.avatar.text')\"\n              :value=\"user.avatar.text\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.avatar.text\"\n              :v=\"v$.user.avatar.text\"\n              :maxlength=\"3\"\n              :hint=\"avatarTextTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!avatarTextTouched\"\n              data-cy=\"user-avatarText\"\n              @update:model-value=\"avatarTextTouched = true\"\n            />\n          </VCol>\n        </VRow>\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":""}

package/dist/domains/anzuUser/components/AUserMetadataForm.vue.d.ts

@@ -1,23 +1,22 @@
 import { BaseUser } from '../../../shared/types/AnzuUser';
 type __VLS_Props = {
     /**
-     * The system's validation profile (`requiredMetadata`). The cross-system repair form passes
-     * `true` outright: it writes to nine places at once, and a loose form could put an empty name
-     * into cms -- a record cms's own form would then refuse to save.
+     * The system's validation profile (`requiredMetadata`).
+     * The cross-system repair form always passes `true`. It writes to many systems, and a loose
+     * form could put an empty name into cms, which cms's own form would then refuse to save.
      */
     required?: boolean;
     /**
-     * Whether the id is typed in at all. False only in cms, whose backend resolves it from SSO.
-     * With `isEdit` this makes three states, which one `readonly` could not express: not drawn,
-     * editable, or shown read-only.
+     * Whether the id is entered at all. False only in cms, whose backend resolves it from SSO.
+     * With `isEdit` this gives three states that `readonly` alone cannot: not drawn, editable, or read-only.
      */
     idInput?: boolean;
     isEdit?: boolean;
     readonly?: boolean;
     /**
-     * Random colour on an empty value, as all four admins do today. Deliberately not passed by the
-     * cross-system repair form: it is always strict, so it would invent a colour on open and mark
-     * it as a change in every system at once.
+     * Random colour on an empty value, as all four admins do.
+     * Deliberately not passed by the cross-system repair form. It is strict, so
+     * it would invent a colour on open and mark it as a change in every system.
      */
     randomColor?: boolean;
     /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */

package/dist/domains/anzuUser/components/AUserMetadataForm.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,15 @@
-import e from "../../ui/components/ARow.js";
-import t from "../../form/components/AFormTextField.js";
-import n from "../../form/components/ASystemEntityScope.js";
-import r from "../../ui/components/ACopyText.js";
-import i from "../../ui/components/AAvatarColorPicker.js";
+import e from "../../ui/components/AAvatarColorPicker.js";
+import t from "../../ui/components/ACopyText.js";
+import n from "../../ui/components/ARow.js";
+import r from "../../form/components/AFormTextField.js";
+import i from "../../form/components/ASystemEntityScope.js";
 import { ANZU_USER_ENTITY as a } from "../api/anzuUserApi.js";
 import { useUserMetadataValidation as o } from "../composables/anzuUserValidations.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, onMounted as m, openBlock as h, ref as g, toDisplayString as _, unref as v, useModel as y, watch as b, withCtx as x } from "vue";
 import { useI18n as S } from "vue-i18n";
 import { VCol as C, VRow as w } from "vuetify/components/VGrid";
 import { VAlert as T } from "vuetify/components/VAlert";
-//#region src/domains/anzuUser/components/AUserMetadataForm.vue?vue&type=script&setup=true&lang.ts
+// src/domains/anzuUser/components/AUserMetadataForm.vue?vue&type=script&setup=true&lang.ts
 var E = {
 	key: 0,
 	class: "text-error text-body-small"
@@ -69,7 +69,7 @@ var E = {
 		};
 		return m(N), b(() => p.value, () => N()), b(() => `${p.value.person.firstName}\u0000${p.value.person.lastName}`, (e, t) => {
 			f.readonly || e === t || (j.value || (p.value.person.fullName = k()), M.value || (p.value.avatar.text = A()));
-		}), (o, f) => (h(), s(n, {
+		}), (o, f) => (h(), s(i, {
 			system: a.scopeSystem,
 			subject: a.scopeSubject
 		}, {
@@ -91,7 +91,7 @@ var E = {
 								cols: "12",
 								sm: "3"
 							}, {
-								default: x(() => [a.idInput && !a.isEdit && !a.readonly ? (h(), s(t, {
+								default: x(() => [a.idInput && !a.isEdit && !a.readonly ? (h(), s(r, {
 									key: 0,
 									modelValue: p.value.id,
 									"onUpdate:modelValue": f[0] ||= (e) => p.value.id = e,
@@ -106,11 +106,11 @@ var E = {
 									"v",
 									"label",
 									"hint"
-								])) : p.value.id ? (h(), s(e, {
+								])) : p.value.id ? (h(), s(n, {
 									key: 1,
 									title: v(D)("common.anzuUser.model.id")
 								}, {
-									default: x(() => [d(r, { value: p.value.id }, null, 8, ["value"])]),
+									default: x(() => [d(t, { value: p.value.id }, null, 8, ["value"])]),
 									_: 1
 								}, 8, ["title"])) : c("", !0)]),
 								_: 1
@@ -118,11 +118,11 @@ var E = {
 								cols: "12",
 								sm: "9"
 							}, {
-								default: x(() => [a.readonly ? (h(), s(e, {
+								default: x(() => [a.readonly ? (h(), s(n, {
 									key: 0,
 									title: v(D)("common.anzuUser.model.email"),
 									value: p.value.email
-								}, null, 8, ["title", "value"])) : (h(), s(t, {
+								}, null, 8, ["title", "value"])) : (h(), s(r, {
 									key: 1,
 									modelValue: p.value.email,
 									"onUpdate:modelValue": f[1] ||= (e) => p.value.email = e,
@@ -139,11 +139,11 @@ var E = {
 									cols: "12",
 									sm: "3"
 								}, {
-									default: x(() => [a.readonly ? (h(), s(e, {
+									default: x(() => [a.readonly ? (h(), s(n, {
 										key: 0,
 										title: v(D)("common.anzuUser.model.person.firstName"),
 										value: p.value.person.firstName
-									}, null, 8, ["title", "value"])) : (h(), s(t, {
+									}, null, 8, ["title", "value"])) : (h(), s(r, {
 										key: 1,
 										modelValue: p.value.person.firstName,
 										"onUpdate:modelValue": f[2] ||= (e) => p.value.person.firstName = e,
@@ -156,11 +156,11 @@ var E = {
 									cols: "12",
 									sm: "3"
 								}, {
-									default: x(() => [a.readonly ? (h(), s(e, {
+									default: x(() => [a.readonly ? (h(), s(n, {
 										key: 0,
 										title: v(D)("common.anzuUser.model.person.lastName"),
 										value: p.value.person.lastName
-									}, null, 8, ["title", "value"])) : (h(), s(t, {
+									}, null, 8, ["title", "value"])) : (h(), s(r, {
 										key: 1,
 										modelValue: p.value.person.lastName,
 										"onUpdate:modelValue": f[3] ||= (e) => p.value.person.lastName = e,
@@ -173,11 +173,11 @@ var E = {
 									cols: "12",
 									sm: "6"
 								}, {
-									default: x(() => [a.readonly ? (h(), s(e, {
+									default: x(() => [a.readonly ? (h(), s(n, {
 										key: 0,
 										title: v(D)("common.anzuUser.model.person.fullName"),
 										value: p.value.person.fullName
-									}, null, 8, ["title", "value"])) : (h(), s(t, {
+									}, null, 8, ["title", "value"])) : (h(), s(r, {
 										key: 1,
 										modelValue: p.value.person.fullName,
 										"onUpdate:modelValue": [f[4] ||= (e) => p.value.person.fullName = e, f[5] ||= (e) => j.value = !0],
@@ -201,7 +201,7 @@ var E = {
 								cols: "12",
 								sm: "3"
 							}, {
-								default: x(() => [d(i, {
+								default: x(() => [d(e, {
 									modelValue: p.value.avatar.color,
 									"onUpdate:modelValue": f[6] ||= (e) => p.value.avatar.color = e,
 									label: v(D)("common.anzuUser.model.avatar.color"),
@@ -220,11 +220,11 @@ var E = {
 								cols: "12",
 								sm: "3"
 							}, {
-								default: x(() => [a.readonly ? (h(), s(e, {
+								default: x(() => [a.readonly ? (h(), s(n, {
 									key: 0,
 									title: v(D)("common.anzuUser.model.avatar.text"),
 									value: p.value.avatar.text
-								}, null, 8, ["title", "value"])) : (h(), s(t, {
+								}, null, 8, ["title", "value"])) : (h(), s(r, {
 									key: 1,
 									modelValue: p.value.avatar.text,
 									"onUpdate:modelValue": [f[7] ||= (e) => p.value.avatar.text = e, f[8] ||= (e) => M.value = !0],
@@ -252,7 +252,6 @@ var E = {
 		}, 8, ["system", "subject"]));
 	}
 });
-//#endregion
 export { D as default };
 
 //# sourceMappingURL=AUserMetadataForm.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/anzuUser/components/AUserMetadataForm.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUserMetadataForm.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","ASystemEntityScope","_withCtx","_createVNode","_component_VRow","_component_VCol","_component_VAlert","_createTextVNode","_toDisplayString","_createCommentVNode","AFormTextField","_unref","ARow","ACopyText","AAvatarColorPicker","_createElementBlock","ARow_default","AFormTextField_default","ASystemEntityScope_default","ACopyText_default","AAvatarColorPicker_default","_hoisted_1","AUserMetadataForm_vue_vue_type_script_setup_true_lang_default","ANZU_USER_ENTITY","\"user\"","\"userModifiers\"","props","__props","user","useModel","useI18n","useUserMetadataValidation","derivedFullName","firstName","lastName","derivedAvatarText","fullNameTouched","ref","avatarTextTouched","seedTouchedFlags","onMounted","watch","next","previous","openBlock","createBlock","withCtx","createVNode","VRow","VCol","VAlert","createTextVNode","toDisplayString","createCommentVNode","_cache","$event","unref","v$","t","createElementBlock"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport AAvatarColorPicker from '@/domains/ui/components/AAvatarColorPicker.vue'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { useUserMetadataValidation } from '@/domains/anzuUser/composables/anzuUserValidations'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The system's validation profile (`requiredMetadata`). The cross-system repair form passes\n     * `true` outright: it writes to nine places at once, and a loose form could put an empty name\n     * into cms -- a record cms's own form would then refuse to save.\n     */\n    required?: boolean\n    /**\n     * Whether the id is typed in at all. False only in cms, whose backend resolves it from SSO.\n     * With `isEdit` this makes three states, which one `readonly` could not express: not drawn,\n     * editable, or shown read-only.\n     */\n    idInput?: boolean\n    isEdit?: boolean\n    readonly?: boolean\n    /**\n     * Random colour on an empty value, as all four admins do today. Deliberately not passed by the\n     * cross-system repair form: it is always strict, so it would invent a colour on open and mark\n     * it as a change in every system at once.\n     */\n    randomColor?: boolean\n    /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */\n    note?: string | undefined\n    /** i18n namespace for the field labels; the backend identity does not belong here. */\n    scopeSystem?: string\n    scopeSubject?: string\n    /** Vuelidate scope. Omitted means the page's own collector picks these rules up. */\n    validationScope?: string | symbol | false | undefined\n  }>(),\n  {\n    required: false,\n    idInput: true,\n    isEdit: false,\n    readonly: false,\n    randomColor: false,\n    note: undefined,\n    scopeSystem: 'common',\n    scopeSubject: ANZU_USER_ENTITY,\n    validationScope: undefined,\n  }\n)\n\nconst user = defineModel<BaseUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { v$ } = useUserMetadataValidation(user, {\n  required: () => props.required,\n  idInput: () => props.idInput,\n  isEdit: () => props.isEdit,\n  scope: props.validationScope,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst derivedFullName = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName + ' ' + lastName\n}\n\nconst derivedAvatarText = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName.slice(0, 1) + lastName.slice(0, 1)\n}\n\n/**\n * A dirty flag, not a checkbox: the two derived fields stay ordinary inputs that recompute while\n * nobody has touched them, and stop the moment somebody does.\n *\n * The flags are seeded from the data rather than starting clean. A stored value that differs from\n * what the names would produce was set on purpose -- the cms fixtures carry `Anzu` + `User 1` with\n * a full name of `Anzu User1` -- and renaming the person must not silently overwrite it.\n */\nconst fullNameTouched = ref(false)\nconst avatarTextTouched = ref(false)\n\nconst seedTouchedFlags = () => {\n  fullNameTouched.value = user.value.person.fullName.length > 0 && user.value.person.fullName !== derivedFullName()\n  avatarTextTouched.value = user.value.avatar.text.length > 0 && user.value.avatar.text !== derivedAvatarText()\n}\n\nonMounted(seedTouchedFlags)\n\n/**\n * Re-seeded whenever the record itself is replaced, not only when its id changes.\n *\n * The id is not enough: the metadata repair dialog swaps between two systems' records *for the\n * same person*, so the id never moves. Without this the flags would still describe the record\n * before the swap, and a deliberate full name in the newly chosen source would be overwritten by\n * one derived from its names -- silently discarding the very value the operator picked as the\n * source of truth.\n *\n * Declared before the derive watcher below so it runs first: the flags are up to date before\n * anything decides whether to recompute.\n */\nwatch(\n  () => user.value,\n  () => seedTouchedFlags()\n)\n\n// Keyed on the names themselves rather than on an array, whose identity is new on every read --\n// that alone would make this fire on any object replacement, including one that changed nothing.\nwatch(\n  () => `${user.value.person.firstName}\\u0000${user.value.person.lastName}`,\n  (next, previous) => {\n    if (props.readonly || next === previous) return\n    if (!fullNameTouched.value) user.value.person.fullName = derivedFullName()\n    if (!avatarTextTouched.value) user.value.avatar.text = derivedAvatarText()\n  }\n)\n</script>\n\n<template>\n  <ASystemEntityScope\n    :system=\"scopeSystem\"\n    :subject=\"scopeSubject\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VAlert\n          v-if=\"note\"\n          type=\"info\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-4\"\n        >\n          {{ note }}\n        </VAlert>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <!--\n              Three states, not two. Not drawn where the backend resolves the id itself; a plain\n              field while creating; read-only once the record exists, because it is the primary key\n              every other system looks this person up by.\n            -->\n            <!--\n              `.number` is not decoration and it is not inert on a component: Vue applies model\n              modifiers inside `emit`, so without it the field hands back the string \"42\" against a\n              declared `IntegerIdNullable`, and that string is what the create body carries. Every\n              admin that draws this field binds it the same way.\n            -->\n            <AFormTextField\n              v-if=\"idInput && !isEdit && !readonly\"\n              v-model.number=\"user.id\"\n              type=\"number\"\n              :v=\"v$.user.id\"\n              :label=\"t('common.anzuUser.model.id')\"\n              :hint=\"t('common.anzuUser.hint.idReadonlyOnEdit')\"\n              persistent-hint\n            />\n            <ARow\n              v-else-if=\"user.id\"\n              :title=\"t('common.anzuUser.model.id')\"\n            >\n              <ACopyText :value=\"user.id\" />\n            </ARow>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"9\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.email')\"\n              :value=\"user.email\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.email\"\n              :v=\"v$.user.email\"\n              data-cy=\"user-email\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.firstName')\"\n              :value=\"user.person.firstName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.firstName\"\n              :v=\"v$.user.person.firstName\"\n              data-cy=\"user-firstName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.lastName')\"\n              :value=\"user.person.lastName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.lastName\"\n              :v=\"v$.user.person.lastName\"\n              data-cy=\"user-lastName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"6\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.fullName')\"\n              :value=\"user.person.fullName\"\n            />\n            <!--\n              `@update:model-value` only fires on a real edit: assigning from the watcher above goes\n              through the model, not through the field, so recomputing never marks the field touched.\n            -->\n            <AFormTextField\n              v-else\n              v-model=\"user.person.fullName\"\n              :v=\"v$.user.person.fullName\"\n              :hint=\"fullNameTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!fullNameTouched\"\n              data-cy=\"user-fullName\"\n              @update:model-value=\"fullNameTouched = true\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <AAvatarColorPicker\n              v-model=\"user.avatar.color\"\n              :label=\"t('common.anzuUser.model.avatar.color')\"\n              :readonly=\"readonly\"\n              :required=\"required\"\n              :random-color=\"randomColor\"\n            />\n            <div\n              v-if=\"v$.user.avatar.color.$error\"\n              class=\"text-error text-body-small\"\n            >\n              {{ v$.user.avatar.color.$errors[0]?.$message }}\n            </div>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.avatar.text')\"\n              :value=\"user.avatar.text\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.avatar.text\"\n              :v=\"v$.user.avatar.text\"\n              :maxlength=\"3\"\n              :hint=\"avatarTextTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!avatarTextTouched\"\n              data-cy=\"user-avatarText\"\n              @update:model-value=\"avatarTextTouched = true\"\n            />\n          </VCol>\n        </VRow>\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AUserMetadataForm.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","ASystemEntityScope","_withCtx","_createVNode","_component_VRow","_component_VCol","_component_VAlert","_createTextVNode","_toDisplayString","_createCommentVNode","AFormTextField","_unref","ARow","ACopyText","AAvatarColorPicker","_createElementBlock","AAvatarColorPicker_default","ACopyText_default","ARow_default","AFormTextField_default","ASystemEntityScope_default","_hoisted_1","AUserMetadataForm_vue_vue_type_script_setup_true_lang_default","ANZU_USER_ENTITY","\"user\"","\"userModifiers\"","props","__props","user","useModel","useI18n","useUserMetadataValidation","derivedFullName","firstName","lastName","derivedAvatarText","fullNameTouched","ref","avatarTextTouched","seedTouchedFlags","onMounted","watch","next","previous","openBlock","createBlock","withCtx","createVNode","VRow","VCol","VAlert","createTextVNode","toDisplayString","createCommentVNode","_cache","$event","unref","v$","t","createElementBlock"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport AAvatarColorPicker from '@/domains/ui/components/AAvatarColorPicker.vue'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { useUserMetadataValidation } from '@/domains/anzuUser/composables/anzuUserValidations'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The system's validation profile (`requiredMetadata`).\n     * The cross-system repair form always passes `true`. It writes to many systems, and a loose\n     * form could put an empty name into cms, which cms's own form would then refuse to save.\n     */\n    required?: boolean\n    /**\n     * Whether the id is entered at all. False only in cms, whose backend resolves it from SSO.\n     * With `isEdit` this gives three states that `readonly` alone cannot: not drawn, editable, or read-only.\n     */\n    idInput?: boolean\n    isEdit?: boolean\n    readonly?: boolean\n    /**\n     * Random colour on an empty value, as all four admins do.\n     * Deliberately not passed by the cross-system repair form. It is strict, so\n     * it would invent a colour on open and mark it as a change in every system.\n     */\n    randomColor?: boolean\n    /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */\n    note?: string | undefined\n    /** i18n namespace for the field labels; the backend identity does not belong here. */\n    scopeSystem?: string\n    scopeSubject?: string\n    /** Vuelidate scope. Omitted means the page's own collector picks these rules up. */\n    validationScope?: string | symbol | false | undefined\n  }>(),\n  {\n    required: false,\n    idInput: true,\n    isEdit: false,\n    readonly: false,\n    randomColor: false,\n    note: undefined,\n    scopeSystem: 'common',\n    scopeSubject: ANZU_USER_ENTITY,\n    validationScope: undefined,\n  }\n)\n\nconst user = defineModel<BaseUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { v$ } = useUserMetadataValidation(user, {\n  required: () => props.required,\n  idInput: () => props.idInput,\n  isEdit: () => props.isEdit,\n  scope: props.validationScope,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst derivedFullName = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName + ' ' + lastName\n}\n\nconst derivedAvatarText = () => {\n  const { firstName, lastName } = user.value.person\n  if (firstName.length === 0 || lastName.length === 0) return ''\n  return firstName.slice(0, 1) + lastName.slice(0, 1)\n}\n\n/**\n * Dirty flags: the derived fields recompute until someone edits them, then stop.\n * Flags are seeded from the data. A stored value that differs from the derived one was set on purpose\n * (cms fixtures have `Anzu` + `User 1` with full name `Anzu User1`), and renaming must not overwrite it.\n */\nconst fullNameTouched = ref(false)\nconst avatarTextTouched = ref(false)\n\nconst seedTouchedFlags = () => {\n  fullNameTouched.value = user.value.person.fullName.length > 0 && user.value.person.fullName !== derivedFullName()\n  avatarTextTouched.value = user.value.avatar.text.length > 0 && user.value.avatar.text !== derivedAvatarText()\n}\n\nonMounted(seedTouchedFlags)\n\n/**\n * Re-seeded whenever the record is replaced, not only when its id changes.\n * The metadata repair dialog swaps between two systems' records for the same person, so the\n * id stays the same. Stale flags would overwrite the chosen source's deliberate full name.\n * Declared before the derive watcher so the flags are updated first.\n */\nwatch(\n  () => user.value,\n  () => seedTouchedFlags()\n)\n\n// Keyed on the names as a string, not an array. A new array on every read\n// would fire on any object replacement, even one that changed nothing.\nwatch(\n  () => `${user.value.person.firstName}\\u0000${user.value.person.lastName}`,\n  (next, previous) => {\n    if (props.readonly || next === previous) return\n    if (!fullNameTouched.value) user.value.person.fullName = derivedFullName()\n    if (!avatarTextTouched.value) user.value.avatar.text = derivedAvatarText()\n  }\n)\n</script>\n\n<template>\n  <ASystemEntityScope\n    :system=\"scopeSystem\"\n    :subject=\"scopeSubject\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VAlert\n          v-if=\"note\"\n          type=\"info\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-4\"\n        >\n          {{ note }}\n        </VAlert>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <!--\n              Three states: not drawn where the backend resolves the id; editable while creating; read-only\n              once the record exists, because every other system looks the person up by this key.\n            -->\n            <!--\n              `.number` is required. Vue applies model modifiers inside `emit`, so without it the field\n              returns the string \"42\" for an `IntegerIdNullable`, and the create body carries that string.\n            -->\n            <AFormTextField\n              v-if=\"idInput && !isEdit && !readonly\"\n              v-model.number=\"user.id\"\n              type=\"number\"\n              :v=\"v$.user.id\"\n              :label=\"t('common.anzuUser.model.id')\"\n              :hint=\"t('common.anzuUser.hint.idReadonlyOnEdit')\"\n              persistent-hint\n            />\n            <ARow\n              v-else-if=\"user.id\"\n              :title=\"t('common.anzuUser.model.id')\"\n            >\n              <ACopyText :value=\"user.id\" />\n            </ARow>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"9\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.email')\"\n              :value=\"user.email\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.email\"\n              :v=\"v$.user.email\"\n              data-cy=\"user-email\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.firstName')\"\n              :value=\"user.person.firstName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.firstName\"\n              :v=\"v$.user.person.firstName\"\n              data-cy=\"user-firstName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.lastName')\"\n              :value=\"user.person.lastName\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.person.lastName\"\n              :v=\"v$.user.person.lastName\"\n              data-cy=\"user-lastName\"\n            />\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"6\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.person.fullName')\"\n              :value=\"user.person.fullName\"\n            />\n            <!--\n              `@update:model-value` fires only on a real edit. The watcher assigns\n              through the model, so recomputing never marks the field touched.\n            -->\n            <AFormTextField\n              v-else\n              v-model=\"user.person.fullName\"\n              :v=\"v$.user.person.fullName\"\n              :hint=\"fullNameTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!fullNameTouched\"\n              data-cy=\"user-fullName\"\n              @update:model-value=\"fullNameTouched = true\"\n            />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <AAvatarColorPicker\n              v-model=\"user.avatar.color\"\n              :label=\"t('common.anzuUser.model.avatar.color')\"\n              :readonly=\"readonly\"\n              :required=\"required\"\n              :random-color=\"randomColor\"\n            />\n            <div\n              v-if=\"v$.user.avatar.color.$error\"\n              class=\"text-error text-body-small\"\n            >\n              {{ v$.user.avatar.color.$errors[0]?.$message }}\n            </div>\n          </VCol>\n          <VCol\n            cols=\"12\"\n            sm=\"3\"\n          >\n            <ARow\n              v-if=\"readonly\"\n              :title=\"t('common.anzuUser.model.avatar.text')\"\n              :value=\"user.avatar.text\"\n            />\n            <AFormTextField\n              v-else\n              v-model=\"user.avatar.text\"\n              :v=\"v$.user.avatar.text\"\n              :maxlength=\"3\"\n              :hint=\"avatarTextTouched ? undefined : t('common.anzuUser.hint.derivedFromName')\"\n              :persistent-hint=\"!avatarTextTouched\"\n              data-cy=\"user-avatarText\"\n              @update:model-value=\"avatarTextTouched = true\"\n            />\n          </VCol>\n        </VRow>\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":"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"}

package/dist/domains/anzuUser/components/AUserMetadataRepairDialog.js

@@ -1,7 +1,6 @@
 import e from "./AUserMetadataRepairDialog.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/anzuUser/components/AUserMetadataRepairDialog.vue
+// src/domains/anzuUser/components/AUserMetadataRepairDialog.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AUserMetadataRepairDialog.js.map

package/dist/domains/anzuUser/components/AUserMetadataRepairDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUserMetadataRepairDialog.js","names":["_sfc_main","AUserMetadataRepairDialog_vue_vue_type_script_setup_true_lang_default","AUserMetadataRepairDialog_default"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataRepairDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useI18n } from 'vue-i18n'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AUserMetadataForm from '@/domains/anzuUser/components/AUserMetadataForm.vue'\nimport AUserSystemStatusChip from '@/domains/anzuUser/components/AUserSystemStatusChip.vue'\nimport { type AnyUserSystemDescriptor, descriptorMayWrite } from '@/domains/anzuUser/composables/userSystemDescriptor'\nimport {\n  pickPrefillSource,\n  readMetadataField,\n  systemsNeedingWrite,\n  USER_METADATA_FIELDS,\n} from '@/domains/anzuUser/utils/userMetadataDiff'\nimport { BulkAction, BulkOutcome, useUserCrossSystemStore } from '@/domains/anzuUser/store/userCrossSystemStore'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\n\nconst props = defineProps<{\n  descriptors: AnyUserSystemDescriptor[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'confirm', payload: { target: BaseUser; systems: string[] }): void\n}>()\n\nconst open = defineModel<boolean>('open', { required: true })\n\nconst { t } = useI18n()\nconst store = useUserCrossSystemStore()\n\n// The form's own collector. Without it the strict rules only showed asterisks: nothing asked them\n// before writing, and a source with an empty name or colour -- blog's `person` is empty for most\n// accounts, cms never required a colour -- was written as blank into every ticked system.\nconst v$ = useVuelidate()\n\nconst records = computed(() => {\n  const map = new Map<string, BaseUser>()\n  for (const descriptor of props.descriptors) {\n    const user = store.results.get(descriptor.system)?.user\n    if (user) map.set(descriptor.system, user)\n  }\n  return map\n})\n\nconst sourceSystem = ref<string | null>(null)\nconst target = ref<BaseUser | null>(null)\n/**\n * Which systems the write goes to. Ticked by default, and untickable one by one -- the same shape\n * as the enable/disable dialog, because an operator who knows one system's value is deliberately\n * different needs a way to leave it out that is not \"abort the whole repair\".\n */\nconst selected = ref<string[]>([])\n/**\n * The dialog stays open after confirm and shows the run, exactly as the enable/disable one does.\n *\n * Closing on confirm is what made a failed repair invisible: the outcomes went into the shared log\n * with nothing rendering them, so a 422 on one system looked the same as a repair that worked.\n */\nconst showingLog = ref(false)\n\n/**\n * The pre-fill comes from the first system in the configured order that has a record -- never from\n * whichever answered first, since the fan-out is parallel and that would differ every run.\n *\n * And the source is not hidden: it is named here and can be changed, so the order in the config is\n * a default rather than a rule nobody can see.\n */\nwatch(\n  open,\n  (value) => {\n    if (!value) return\n    showingLog.value = false\n    const order = props.descriptors.map((descriptor) => descriptor.system)\n    sourceSystem.value = pickPrefillSource(order, records.value)\n    const source = sourceSystem.value === null ? undefined : records.value.get(sourceSystem.value)\n    target.value = isUndefined(source)\n      ? null\n      : cloneDeep({ id: source.id, email: source.email, person: source.person, avatar: source.avatar })\n  },\n  { immediate: true }\n)\n\nwatch(sourceSystem, (system) => {\n  if (system === null) return\n  const source = records.value.get(system)\n  if (isUndefined(source)) return\n  target.value = cloneDeep({ id: source.id, email: source.email, person: source.person, avatar: source.avatar })\n})\n\nconst sourceOptions = computed(() =>\n  props.descriptors\n    .filter((descriptor) => records.value.has(descriptor.system))\n    .map((descriptor) => ({ value: descriptor.system, title: descriptor.label ?? descriptor.system }))\n)\n\nconst mayUpdate = (system: string) => {\n  const descriptor = props.descriptors.find((item) => item.system === system)\n  return isUndefined(descriptor) || descriptorMayWrite(descriptor, 'update')\n}\n\nconst allDiffering = computed(() => (target.value === null ? [] : systemsNeedingWrite(target.value, records.value)))\n\n/** Only the systems whose stored value differs and that may be written. Nothing else is offered, let alone written to. */\nconst differing = computed(() => allDiffering.value.filter(mayUpdate))\n\n/** Differing, but the operator may not write them: listed so the repair does not look complete. */\nconst differingWithoutRight = computed(() => allDiffering.value.filter((system) => !mayUpdate(system)))\n\n/** What confirm would actually write to: the differing systems that are still ticked. */\nconst affected = computed(() => differing.value.filter((system) => selected.value.includes(system)))\n\n// Everything that differs, ticked, whenever the set changes -- on open and on a source switch.\nwatch(\n  differing,\n  (systems) => {\n    selected.value = [...systems]\n  },\n  { immediate: true }\n)\n\nconst changes = computed(() => {\n  if (target.value === null) return []\n  return differing.value.flatMap((system) => {\n    const current = records.value.get(system)\n    if (isUndefined(current)) return []\n    return USER_METADATA_FIELDS.filter(\n      (field) => readMetadataField(current, field) !== readMetadataField(target.value as BaseUser, field)\n    ).map((field) => ({\n      system,\n      field,\n      from: readMetadataField(current, field),\n      to: readMetadataField(target.value as BaseUser, field),\n    }))\n  })\n})\n\nconst currentLog = computed(() =>\n  store.bulkLog.filter((entry) => entry.action === BulkAction.Metadata && entry.subjectId === store.resolvedId)\n)\n\nconst failed = computed(() =>\n  currentLog.value.filter((entry) => entry.outcome !== BulkOutcome.Done && entry.outcome !== BulkOutcome.Pending)\n)\n\nconst noteFor = (system: string) => props.descriptors.find((item) => item.system === system)?.metadataNote\n\nconst labelFor = (system: string) => props.descriptors.find((item) => item.system === system)?.label ?? system\n\nconst confirm = async () => {\n  if (target.value === null || store.identityConflict !== null || affected.value.length === 0) return\n  // Strict because it writes to up to nine places: only a value that passes in every system may go.\n  if (!(await v$.value.$validate())) return\n  showingLog.value = true\n  emit('confirm', { target: target.value, systems: affected.value })\n}\n\n/** The same value again, to the systems it did not reach. 403 included: rights may have been granted since. */\nconst retryFailed = () => {\n  if (target.value === null) return\n  emit('confirm', { target: target.value, systems: failed.value.map((entry) => entry.system) })\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    :max-width=\"900\"\n    data-cy=\"user-metadata-repair-dialog\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"open = false\">\n        {{ t('common.userSystem.repair.title') }}\n      </ADialogToolbar>\n      <VCardText v-if=\"target && !showingLog\">\n        <!--\n          Two ids behind one e-mail. Writing under either of them would put this person's metadata\n          on somebody else's account, and no admin can delete an AnzuUser afterwards.\n        -->\n        <VAlert\n          v-if=\"store.identityConflict\"\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-3\"\n          data-cy=\"repair-identity-conflict\"\n        >\n          {{ t('common.userSystem.search.identityConflict') }}\n        </VAlert>\n        <VSelect\n          v-model=\"sourceSystem\"\n          :items=\"sourceOptions\"\n          :label=\"t('common.userSystem.repair.source')\"\n          density=\"compact\"\n          data-cy=\"repair-source\"\n        />\n        <!--\n          Always strict, whatever the target systems' own profiles say: this writes to up to nine\n          places at once, and a loose form could put an empty name into cms -- a record cms's own\n          form would then refuse to save.\n\n          `randomColor` is deliberately not passed. The form is strict, so it would invent a colour\n          the moment the dialog opens and mark it as a change in every system at once.\n        -->\n        <AUserMetadataForm\n          v-model:user=\"target\"\n          required\n          :id-input=\"false\"\n          is-edit\n        />\n        <div class=\"mt-4 text-label-large\">{{ t('common.userSystem.repair.changes') }}</div>\n        <div\n          v-for=\"system in differing\"\n          :key=\"system\"\n          class=\"mt-2 d-flex align-start ga-2\"\n        >\n          <VCheckbox\n            v-model=\"selected\"\n            :value=\"system\"\n            :disabled=\"!!store.identityConflict\"\n            :data-cy=\"`repair-system-${system}`\"\n            density=\"compact\"\n            hide-details\n          />\n          <div>\n            <div class=\"d-flex align-center ga-2\">\n              <span class=\"font-weight-medium\">{{ labelFor(system) }}</span>\n              <AUserSystemStatusChip\n                v-if=\"store.results.get(system)\"\n                :axes=\"store.results.get(system)!.axes\"\n              />\n            </div>\n            <div\n              v-if=\"noteFor(system)\"\n              class=\"text-body-small text-warning\"\n            >\n              {{ noteFor(system) }}\n            </div>\n            <div\n              v-for=\"change in changes.filter((item) => item.system === system)\"\n              :key=\"change.field\"\n              class=\"text-body-small\"\n            >\n              {{ change.field }}: <s>{{ change.from || '—' }}</s> → {{ change.to || '—' }}\n            </div>\n          </div>\n        </div>\n        <div\n          v-for=\"system in differingWithoutRight\"\n          :key=\"system\"\n          class=\"mt-2 d-flex align-center ga-2\"\n          :data-cy=\"`repair-system-no-right-${system}`\"\n        >\n          <VCheckbox\n            :model-value=\"false\"\n            disabled\n            density=\"compact\"\n            hide-details\n          />\n          <span class=\"font-weight-medium\">{{ labelFor(system) }}</span>\n          <span class=\"text-body-small text-medium-emphasis\">{{ t('common.userSystem.state.noWriteRight') }}</span>\n        </div>\n      </VCardText>\n      <VCardText v-else-if=\"showingLog\">\n        <div class=\"text-label-large mb-2\">{{ t('common.userSystem.bulk.log') }}</div>\n        <!-- `polite`: nine systems finishing one after another would flood a screen reader. -->\n        <div\n          aria-live=\"polite\"\n          data-cy=\"repair-log\"\n        >\n          <div\n            v-for=\"entry in currentLog\"\n            :key=\"entry.system\"\n            class=\"d-flex align-center ga-2 py-1\"\n          >\n            <div class=\"font-weight-medium\">{{ labelFor(entry.system) }}</div>\n            <div class=\"text-body-small\">{{ t(`common.userSystem.bulk.outcome.${entry.outcome}`) }}</div>\n            <div\n              v-if=\"entry.detail\"\n              class=\"text-body-small text-warning\"\n            >\n              {{ entry.detail }}\n            </div>\n          </div>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <ABtnTertiary @click.stop=\"open = false\">\n          {{ showingLog ? t('common.userSystem.bulk.close') : t('common.button.cancel') }}\n        </ABtnTertiary>\n        <VSpacer />\n        <ABtnTertiary\n          v-if=\"showingLog && failed.length > 0 && !store.bulkRunning\"\n          data-cy=\"repair-retry\"\n          @click.stop=\"retryFailed\"\n        >\n          {{ t('common.userSystem.bulk.retryFailed') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          v-if=\"!showingLog\"\n          :disabled=\"affected.length === 0 || !!store.identityConflict\"\n          data-cy=\"repair-confirm\"\n          @click.stop=\"confirm\"\n        >\n          {{ t('common.userSystem.bulk.metadata.confirm', { count: affected.length }, affected.length) }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AUserMetadataRepairDialog.js","names":["_sfc_main","AUserMetadataRepairDialog_vue_vue_type_script_setup_true_lang_default","AUserMetadataRepairDialog_default"],"sources":["../../../../src/domains/anzuUser/components/AUserMetadataRepairDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useI18n } from 'vue-i18n'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AUserMetadataForm from '@/domains/anzuUser/components/AUserMetadataForm.vue'\nimport AUserSystemStatusChip from '@/domains/anzuUser/components/AUserSystemStatusChip.vue'\nimport { type AnyUserSystemDescriptor, descriptorMayWrite } from '@/domains/anzuUser/composables/userSystemDescriptor'\nimport {\n  pickPrefillSource,\n  readMetadataField,\n  systemsNeedingWrite,\n  USER_METADATA_FIELDS,\n} from '@/domains/anzuUser/utils/userMetadataDiff'\nimport { BulkAction, BulkOutcome, useUserCrossSystemStore } from '@/domains/anzuUser/store/userCrossSystemStore'\nimport type { BaseUser } from '@/shared/types/AnzuUser'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\n\nconst props = defineProps<{\n  descriptors: AnyUserSystemDescriptor[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'confirm', payload: { target: BaseUser; systems: string[] }): void\n}>()\n\nconst open = defineModel<boolean>('open', { required: true })\n\nconst { t } = useI18n()\nconst store = useUserCrossSystemStore()\n\n// The form's own collector, so the strict rules are checked before writing. Without it an empty\n// name or colour from the source (common in blog and cms) was written blank to every ticked system.\nconst v$ = useVuelidate()\n\nconst records = computed(() => {\n  const map = new Map<string, BaseUser>()\n  for (const descriptor of props.descriptors) {\n    const user = store.results.get(descriptor.system)?.user\n    if (user) map.set(descriptor.system, user)\n  }\n  return map\n})\n\nconst sourceSystem = ref<string | null>(null)\nconst target = ref<BaseUser | null>(null)\n/**\n * Target systems. Ticked by default and untickable one by one, like the enable/disable\n * dialog, so an operator can skip a system whose value is intentionally different.\n */\nconst selected = ref<string[]>([])\n/**\n * The dialog stays open after confirm and shows the run, like the enable/disable one.\n * Closing on confirm hid failures: a 422 on one system looked like a successful repair.\n */\nconst showingLog = ref(false)\n\n/**\n * Pre-fill from the first system in configured order that has a record, not\n * the first to answer. The fan-out is parallel, so that would differ per run.\n * The source is shown and can be changed.\n */\nwatch(\n  open,\n  (value) => {\n    if (!value) return\n    showingLog.value = false\n    const order = props.descriptors.map((descriptor) => descriptor.system)\n    sourceSystem.value = pickPrefillSource(order, records.value)\n    const source = sourceSystem.value === null ? undefined : records.value.get(sourceSystem.value)\n    target.value = isUndefined(source)\n      ? null\n      : cloneDeep({ id: source.id, email: source.email, person: source.person, avatar: source.avatar })\n  },\n  { immediate: true }\n)\n\nwatch(sourceSystem, (system) => {\n  if (system === null) return\n  const source = records.value.get(system)\n  if (isUndefined(source)) return\n  target.value = cloneDeep({ id: source.id, email: source.email, person: source.person, avatar: source.avatar })\n})\n\nconst sourceOptions = computed(() =>\n  props.descriptors\n    .filter((descriptor) => records.value.has(descriptor.system))\n    .map((descriptor) => ({ value: descriptor.system, title: descriptor.label ?? descriptor.system }))\n)\n\nconst mayUpdate = (system: string) => {\n  const descriptor = props.descriptors.find((item) => item.system === system)\n  return isUndefined(descriptor) || descriptorMayWrite(descriptor, 'update')\n}\n\nconst allDiffering = computed(() => (target.value === null ? [] : systemsNeedingWrite(target.value, records.value)))\n\n/** Only systems whose value differs and that may be written. */\nconst differing = computed(() => allDiffering.value.filter(mayUpdate))\n\n/** Differing, but the operator may not write them: listed so the repair does not look complete. */\nconst differingWithoutRight = computed(() => allDiffering.value.filter((system) => !mayUpdate(system)))\n\nconst affected = computed(() => differing.value.filter((system) => selected.value.includes(system)))\n\n// Re-tick everything that differs whenever the set changes: on open and on a source switch.\nwatch(\n  differing,\n  (systems) => {\n    selected.value = [...systems]\n  },\n  { immediate: true }\n)\n\nconst changes = computed(() => {\n  if (target.value === null) return []\n  return differing.value.flatMap((system) => {\n    const current = records.value.get(system)\n    if (isUndefined(current)) return []\n    return USER_METADATA_FIELDS.filter(\n      (field) => readMetadataField(current, field) !== readMetadataField(target.value as BaseUser, field)\n    ).map((field) => ({\n      system,\n      field,\n      from: readMetadataField(current, field),\n      to: readMetadataField(target.value as BaseUser, field),\n    }))\n  })\n})\n\nconst currentLog = computed(() =>\n  store.bulkLog.filter((entry) => entry.action === BulkAction.Metadata && entry.subjectId === store.resolvedId)\n)\n\nconst failed = computed(() =>\n  currentLog.value.filter((entry) => entry.outcome !== BulkOutcome.Done && entry.outcome !== BulkOutcome.Pending)\n)\n\nconst noteFor = (system: string) => props.descriptors.find((item) => item.system === system)?.metadataNote\n\nconst labelFor = (system: string) => props.descriptors.find((item) => item.system === system)?.label ?? system\n\nconst confirm = async () => {\n  if (target.value === null || store.identityConflict !== null || affected.value.length === 0) return\n  // Strict because it writes to up to nine places: only a value that passes in every system may go.\n  if (!(await v$.value.$validate())) return\n  showingLog.value = true\n  emit('confirm', { target: target.value, systems: affected.value })\n}\n\n/** Retries the same value on systems it did not reach, 403 included: rights may have been granted since. */\nconst retryFailed = () => {\n  if (target.value === null) return\n  emit('confirm', { target: target.value, systems: failed.value.map((entry) => entry.system) })\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    :max-width=\"900\"\n    data-cy=\"user-metadata-repair-dialog\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"open = false\">\n        {{ t('common.userSystem.repair.title') }}\n      </ADialogToolbar>\n      <VCardText v-if=\"target && !showingLog\">\n        <!--\n          Two ids share one e-mail. Writing under either could put this person's\n          metadata on someone else's account, and no admin can delete an AnzuUser.\n        -->\n        <VAlert\n          v-if=\"store.identityConflict\"\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mb-3\"\n          data-cy=\"repair-identity-conflict\"\n        >\n          {{ t('common.userSystem.search.identityConflict') }}\n        </VAlert>\n        <VSelect\n          v-model=\"sourceSystem\"\n          :items=\"sourceOptions\"\n          :label=\"t('common.userSystem.repair.source')\"\n          density=\"compact\"\n          data-cy=\"repair-source\"\n        />\n        <!--\n          Always strict, whatever the target profiles say. It writes to many systems, and a loose\n          form could put an empty name into cms, which cms's form would then refuse to save.\n          `randomColor` is deliberately not passed: the strict form would\n          invent a colour on open and mark it as a change everywhere.\n        -->\n        <AUserMetadataForm\n          v-model:user=\"target\"\n          required\n          :id-input=\"false\"\n          is-edit\n        />\n        <div class=\"mt-4 text-label-large\">{{ t('common.userSystem.repair.changes') }}</div>\n        <div\n          v-for=\"system in differing\"\n          :key=\"system\"\n          class=\"mt-2 d-flex align-start ga-2\"\n        >\n          <VCheckbox\n            v-model=\"selected\"\n            :value=\"system\"\n            :disabled=\"!!store.identityConflict\"\n            :data-cy=\"`repair-system-${system}`\"\n            density=\"compact\"\n            hide-details\n          />\n          <div>\n            <div class=\"d-flex align-center ga-2\">\n              <span class=\"font-weight-medium\">{{ labelFor(system) }}</span>\n              <AUserSystemStatusChip\n                v-if=\"store.results.get(system)\"\n                :axes=\"store.results.get(system)!.axes\"\n              />\n            </div>\n            <div\n              v-if=\"noteFor(system)\"\n              class=\"text-body-small text-warning\"\n            >\n              {{ noteFor(system) }}\n            </div>\n            <div\n              v-for=\"change in changes.filter((item) => item.system === system)\"\n              :key=\"change.field\"\n              class=\"text-body-small\"\n            >\n              {{ change.field }}: <s>{{ change.from || '—' }}</s> → {{ change.to || '—' }}\n            </div>\n          </div>\n        </div>\n        <div\n          v-for=\"system in differingWithoutRight\"\n          :key=\"system\"\n          class=\"mt-2 d-flex align-center ga-2\"\n          :data-cy=\"`repair-system-no-right-${system}`\"\n        >\n          <VCheckbox\n            :model-value=\"false\"\n            disabled\n            density=\"compact\"\n            hide-details\n          />\n          <span class=\"font-weight-medium\">{{ labelFor(system) }}</span>\n          <span class=\"text-body-small text-medium-emphasis\">{{ t('common.userSystem.state.noWriteRight') }}</span>\n        </div>\n      </VCardText>\n      <VCardText v-else-if=\"showingLog\">\n        <div class=\"text-label-large mb-2\">{{ t('common.userSystem.bulk.log') }}</div>\n        <!-- `polite`: nine systems finishing one after another would flood a screen reader. -->\n        <div\n          aria-live=\"polite\"\n          data-cy=\"repair-log\"\n        >\n          <div\n            v-for=\"entry in currentLog\"\n            :key=\"entry.system\"\n            class=\"d-flex align-center ga-2 py-1\"\n          >\n            <div class=\"font-weight-medium\">{{ labelFor(entry.system) }}</div>\n            <div class=\"text-body-small\">{{ t(`common.userSystem.bulk.outcome.${entry.outcome}`) }}</div>\n            <div\n              v-if=\"entry.detail\"\n              class=\"text-body-small text-warning\"\n            >\n              {{ entry.detail }}\n            </div>\n          </div>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <ABtnTertiary @click.stop=\"open = false\">\n          {{ showingLog ? t('common.userSystem.bulk.close') : t('common.button.cancel') }}\n        </ABtnTertiary>\n        <VSpacer />\n        <ABtnTertiary\n          v-if=\"showingLog && failed.length > 0 && !store.bulkRunning\"\n          data-cy=\"repair-retry\"\n          @click.stop=\"retryFailed\"\n        >\n          {{ t('common.userSystem.bulk.retryFailed') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          v-if=\"!showingLog\"\n          :disabled=\"affected.length === 0 || !!store.identityConflict\"\n          data-cy=\"repair-confirm\"\n          @click.stop=\"confirm\"\n        >\n          {{ t('common.userSystem.bulk.metadata.confirm', { count: affected.length }, affected.length) }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}