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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AUserEnabledSwitch.js","names":["_sfc_main","AUserEnabledSwitch_vue_vue_type_script_setup_true_lang_default","AUserEnabledSwitch_default"],"sources":["../../../../src/domains/anzuUser/components/AUserEnabledSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nwithDefaults(\n  defineProps<{\n    readonly?: boolean\n    /**\n     * The system's `enabledNote`. A static string from the descriptor rather than a slot: a slot\n     * would have to be filled by every admin separately, could drift from the wording in the bulk\n     * dialog, and -- worst -- could be forgotten in admin-blog, which is the one place the sentence\n     * matters most. The slot below stays as an escape hatch for more than a line of text.\n     */\n    note?: string | undefined\n  }>(),\n  {\n    readonly: false,\n    note: undefined,\n  }\n)\n\nconst modelValue = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div>\n    <!--\n      Outside `AUserMetadataForm` on purpose: that one mirrors `BaseUserDto`, which has no\n      `enabled`, and is also used by the cross-system metadata repair -- which must not write this\n      field and would otherwise have to hide it.\n    -->\n    <ARow\n      v-if=\"readonly\"\n      :title=\"t('common.anzuUser.model.enabled')\"\n    >\n      <ABooleanValue\n        :value=\"modelValue\"\n        chip\n      />\n    </ARow>\n    <VSwitch\n      v-else\n      v-model=\"modelValue\"\n      :label=\"t('common.anzuUser.model.enabled')\"\n      color=\"success\"\n      density=\"compact\"\n      hide-details\n      data-cy=\"user-enabled\"\n    />\n    <div class=\"text-body-small text-medium-emphasis\">\n      <slot name=\"note\">\n        <template v-if=\"note\">{{ note }}</template>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    readonly?: boolean;
+    /**
+     * The system's `enabledNote`. A static string from the descriptor rather than a slot: a slot
+     * would have to be filled by every admin separately, could drift from the wording in the bulk
+     * dialog, and -- worst -- could be forgotten in admin-blog, which is the one place the sentence
+     * matters most. The slot below stays as an escape hatch for more than a line of text.
+     */
+    note?: string | undefined;
+};
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    note?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    note: string;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,49 @@
+import e from "../../ui/components/ABooleanValue.js";
+import t from "../../ui/components/ARow.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useModel as h, withCtx as g } from "vue";
+import { useI18n as _ } from "vue-i18n";
+import { VSwitch as v } from "vuetify/components/VSwitch";
+//#region src/domains/anzuUser/components/AUserEnabledSwitch.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "text-body-small text-medium-emphasis" }, b = /*@__PURE__*/ l({
+	__name: "AUserEnabledSwitch",
+	props: /*@__PURE__*/ u({
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		note: { default: void 0 }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let u = h(l, "modelValue"), { t: b } = _();
+		return (h, _) => (d(), a("div", null, [l.readonly ? (d(), r(t, {
+			key: 0,
+			title: m(b)("common.anzuUser.model.enabled")
+		}, {
+			default: g(() => [c(e, {
+				value: u.value,
+				chip: ""
+			}, null, 8, ["value"])]),
+			_: 1
+		}, 8, ["title"])) : (d(), r(v, {
+			key: 1,
+			modelValue: u.value,
+			"onUpdate:modelValue": _[0] ||= (e) => u.value = e,
+			label: m(b)("common.anzuUser.model.enabled"),
+			color: "success",
+			density: "compact",
+			"hide-details": "",
+			"data-cy": "user-enabled"
+		}, null, 8, ["modelValue", "label"])), o("div", y, [f(h.$slots, "note", {}, () => [l.note ? (d(), a(n, { key: 0 }, [s(p(l.note), 1)], 64)) : i("", !0)])])]));
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=AUserEnabledSwitch.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AUserEnabledSwitch.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createBlock","ARow","_unref","_withCtx","_createVNode","ABooleanValue","_component_VSwitch","_createElementVNode","_renderSlot","_Fragment","_createTextVNode","_toDisplayString","_createCommentVNode","ABooleanValue_default","ARow_default","_hoisted_1","AUserEnabledSwitch_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","modelValue","useModel","__props","useI18n","openBlock","createElementBlock","createBlock","unref","t","withCtx","createVNode","VSwitch","_cache","$event","createElementVNode","renderSlot","_ctx","Fragment","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../../src/domains/anzuUser/components/AUserEnabledSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nwithDefaults(\n  defineProps<{\n    readonly?: boolean\n    /**\n     * The system's `enabledNote`. A static string from the descriptor rather than a slot: a slot\n     * would have to be filled by every admin separately, could drift from the wording in the bulk\n     * dialog, and -- worst -- could be forgotten in admin-blog, which is the one place the sentence\n     * matters most. The slot below stays as an escape hatch for more than a line of text.\n     */\n    note?: string | undefined\n  }>(),\n  {\n    readonly: false,\n    note: undefined,\n  }\n)\n\nconst modelValue = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div>\n    <!--\n      Outside `AUserMetadataForm` on purpose: that one mirrors `BaseUserDto`, which has no\n      `enabled`, and is also used by the cross-system metadata repair -- which must not write this\n      field and would otherwise have to hide it.\n    -->\n    <ARow\n      v-if=\"readonly\"\n      :title=\"t('common.anzuUser.model.enabled')\"\n    >\n      <ABooleanValue\n        :value=\"modelValue\"\n        chip\n      />\n    </ARow>\n    <VSwitch\n      v-else\n      v-model=\"modelValue\"\n      :label=\"t('common.anzuUser.model.enabled')\"\n      color=\"success\"\n      density=\"compact\"\n      hide-details\n      data-cy=\"user-enabled\"\n    />\n    <div class=\"text-body-small text-medium-emphasis\">\n      <slot name=\"note\">\n        <template v-if=\"note\">{{ note }}</template>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAMsB,IAAatB,EAAoBwB,GAAA,YAAmB,GAEpD,EAAE,SAAMC,EAAQ;E,kBAIpBxB,EAAA,GAAAC,EA6BM,OAAA,MAAA,CAtBIsB,EAAA,YADRvB,EAAA,GAAAE,EAQOC,GAAA;;GANJ,OAAOC,EAAAyB,CAAA,CAAC,CAAA,+BAAA;;GAET,SAAAxB,QAGE,CAHFC,EAGEC,GAAA;IAFC,OAAOc,EAAA;IACR,MAAA;;;E,qBAGJrB,EAAA,GAAAE,EAQEM,GAAA;;GANS,YAAAa,EAAA;GAAA,uBAAA,AAAAY,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAO9B,EAAAyB,CAAA,CAAC,CAAA,+BAAA;GACT,OAAM;GACN,SAAQ;GACR,gBAAA;GACA,WAAQ;E,uCAEVpB,EAIM,OAJNQ,GAIM,CAHJP,EAEO2B,EAAA,QAAA,QAAA,CAAA,SAAA,CADWd,EAAA,QAAhBvB,EAAA,GAAAC,EAA2CU,GAAA,EAAA,KAAA,EAAA,GAAA,CAAlBC,EAAAC,EAAAU,EAAA,IAAI,GAAA,CAAA,C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AUserManageButton.js","names":["_sfc_main","AUserManageButton_vue_vue_type_script_setup_true_lang_default","AUserManageButton_default"],"sources":["../../../../src/domains/anzuUser/components/AUserManageButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { UserSystemManageTarget } from '@/domains/anzuUser/composables/userSystemDescriptor'\n\nconst props = withDefaults(\n  defineProps<{\n    target: UserSystemManageTarget\n    /** The system's name as the app translates it. */\n    systemLabel: string\n    /** \"Edit\" instead of \"Manage in X\" -- used where the operator is already in that admin. */\n    internalLabel?: string | undefined\n  }>(),\n  {\n    internalLabel: undefined,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isExternal = computed(() => props.target.kind === 'external')\n\n/**\n * A missing url is a configured-but-absent template, and it says so rather than sitting there dead.\n * The prototype this replaces did `:disabled=\"!userEditUrl\"` and gave no reason -- while the\n * variable it depended on was in fact misconfigured in every environment.\n */\nconst missingUrl = computed(() => props.target.kind === 'external' && props.target.href === null)\n\nconst href = computed(() => (props.target.kind === 'external' ? (props.target.href ?? undefined) : undefined))\nconst to = computed(() => (props.target.kind === 'internal' ? props.target.to : undefined))\n\nconst label = computed(() =>\n  isExternal.value\n    ? t('common.userSystem.button.manageIn', { system: props.systemLabel })\n    : (props.internalLabel ?? t('common.userSystem.button.edit'))\n)\n</script>\n\n<template>\n  <VTooltip\n    :disabled=\"!missingUrl\"\n    location=\"top\"\n  >\n    <template #activator=\"{ props: tooltipProps }\">\n      <!--\n        An anchor, not a click handler. This is what leaves the page, so middle-click, open in a new\n        tab and the screen reader's announcement all have to work -- which is also why the tab bar\n        never navigates: `VTab` renders `role=\"tab\"` and could not carry this.\n      -->\n      <span v-bind=\"tooltipProps\">\n        <VBtn\n          :to=\"to\"\n          :href=\"href\"\n          :target=\"isExternal ? '_blank' : undefined\"\n          :rel=\"isExternal ? 'noopener' : undefined\"\n          :append-icon=\"isExternal ? 'mdi-open-in-new' : undefined\"\n          :variant=\"isExternal ? 'outlined' : 'flat'\"\n          :color=\"isExternal ? undefined : 'primary'\"\n          :disabled=\"missingUrl\"\n          size=\"small\"\n          data-cy=\"user-system-manage\"\n        >\n          {{ label }}\n        </VBtn>\n      </span>\n    </template>\n    {{ t('common.userSystem.manageMissingUrl') }}\n  </VTooltip>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { UserSystemManageTarget } from '../composables/userSystemDescriptor';
+type __VLS_Props = {
+    target: UserSystemManageTarget;
+    /** The system's name as the app translates it. */
+    systemLabel: string;
+    /** "Edit" instead of "Manage in X" -- used where the operator is already in that admin. */
+    internalLabel?: string | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    internalLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,51 @@
+import { computed as e, createBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, normalizeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+import { useI18n as f } from "vue-i18n";
+import { VTooltip as p } from "vuetify/components/VTooltip";
+import { VBtn as m } from "vuetify/components/VBtn";
+//#region src/domains/anzuUser/components/AUserManageButton.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ a({
+	__name: "AUserManageButton",
+	props: {
+		target: {},
+		systemLabel: {},
+		internalLabel: { default: void 0 }
+	},
+	setup(a) {
+		let h = a, { t: g } = f(), _ = e(() => h.target.kind === "external"), v = e(() => h.target.kind === "external" && h.target.href === null), y = e(() => h.target.kind === "external" ? h.target.href ?? void 0 : void 0), b = e(() => h.target.kind === "internal" ? h.target.to : void 0), x = e(() => _.value ? g("common.userSystem.button.manageIn", { system: h.systemLabel }) : h.internalLabel ?? g("common.userSystem.button.edit"));
+		return (e, a) => (c(), t(p, {
+			disabled: !v.value,
+			location: "top"
+		}, {
+			activator: d(({ props: e }) => [n("span", s(o(e)), [i(m, {
+				to: b.value,
+				href: y.value,
+				target: _.value ? "_blank" : void 0,
+				rel: _.value ? "noopener" : void 0,
+				"append-icon": _.value ? "mdi-open-in-new" : void 0,
+				variant: _.value ? "outlined" : "flat",
+				color: _.value ? void 0 : "primary",
+				disabled: v.value,
+				size: "small",
+				"data-cy": "user-system-manage"
+			}, {
+				default: d(() => [r(l(x.value), 1)]),
+				_: 1
+			}, 8, [
+				"to",
+				"href",
+				"target",
+				"rel",
+				"append-icon",
+				"variant",
+				"color",
+				"disabled"
+			])], 16)]),
+			default: d(() => [r(" " + l(u(g)("common.userSystem.manageMissingUrl")), 1)]),
+			_: 1
+		}, 8, ["disabled"]));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=AUserManageButton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AUserManageButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTooltip","_withCtx","_createElementVNode","_normalizeProps","_guardReactiveProps","_createVNode","_component_VBtn","_createTextVNode","_toDisplayString","_unref","AUserManageButton_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","isExternal","computed","missingUrl","href","to","label","t","openBlock","createBlock","VTooltip","withCtx","tooltipProps","createElementVNode","normalizeProps","guardReactiveProps","createVNode","VBtn","createTextVNode","toDisplayString","unref"],"sources":["../../../../src/domains/anzuUser/components/AUserManageButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { UserSystemManageTarget } from '@/domains/anzuUser/composables/userSystemDescriptor'\n\nconst props = withDefaults(\n  defineProps<{\n    target: UserSystemManageTarget\n    /** The system's name as the app translates it. */\n    systemLabel: string\n    /** \"Edit\" instead of \"Manage in X\" -- used where the operator is already in that admin. */\n    internalLabel?: string | undefined\n  }>(),\n  {\n    internalLabel: undefined,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isExternal = computed(() => props.target.kind === 'external')\n\n/**\n * A missing url is a configured-but-absent template, and it says so rather than sitting there dead.\n * The prototype this replaces did `:disabled=\"!userEditUrl\"` and gave no reason -- while the\n * variable it depended on was in fact misconfigured in every environment.\n */\nconst missingUrl = computed(() => props.target.kind === 'external' && props.target.href === null)\n\nconst href = computed(() => (props.target.kind === 'external' ? (props.target.href ?? undefined) : undefined))\nconst to = computed(() => (props.target.kind === 'internal' ? props.target.to : undefined))\n\nconst label = computed(() =>\n  isExternal.value\n    ? t('common.userSystem.button.manageIn', { system: props.systemLabel })\n    : (props.internalLabel ?? t('common.userSystem.button.edit'))\n)\n</script>\n\n<template>\n  <VTooltip\n    :disabled=\"!missingUrl\"\n    location=\"top\"\n  >\n    <template #activator=\"{ props: tooltipProps }\">\n      <!--\n        An anchor, not a click handler. This is what leaves the page, so middle-click, open in a new\n        tab and the screen reader's announcement all have to work -- which is also why the tab bar\n        never navigates: `VTab` renders `role=\"tab\"` and could not carry this.\n      -->\n      <span v-bind=\"tooltipProps\">\n        <VBtn\n          :to=\"to\"\n          :href=\"href\"\n          :target=\"isExternal ? '_blank' : undefined\"\n          :rel=\"isExternal ? 'noopener' : undefined\"\n          :append-icon=\"isExternal ? 'mdi-open-in-new' : undefined\"\n          :variant=\"isExternal ? 'outlined' : 'flat'\"\n          :color=\"isExternal ? undefined : 'primary'\"\n          :disabled=\"missingUrl\"\n          size=\"small\"\n          data-cy=\"user-system-manage\"\n        >\n          {{ label }}\n        </VBtn>\n      </span>\n    </template>\n    {{ t('common.userSystem.manageMissingUrl') }}\n  </VTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,IAAMa,IAAQC,GAaR,EAAE,SAAMC,EAAQ,GAEhBC,IAAaC,QAAeJ,EAAM,OAAO,SAAS,UAAU,GAO5DK,IAAaD,QAAeJ,EAAM,OAAO,SAAS,cAAcA,EAAM,OAAO,SAAS,IAAI,GAE1FM,IAAOF,QAAgBJ,EAAM,OAAO,SAAS,aAAcA,EAAM,OAAO,QAAQ,KAAA,IAAa,KAAA,CAAU,GACvGO,IAAKH,QAAgBJ,EAAM,OAAO,SAAS,aAAaA,EAAM,OAAO,KAAK,KAAA,CAAU,GAEpFQ,IAAQJ,QACZD,EAAW,QACPM,EAAE,qCAAqC,EAAE,QAAQT,EAAM,YAAY,CAAC,IACnEA,EAAM,iBAAiBS,EAAE,+BAA+B,CAC/D;E,kBAIEtB,EAAA,GAAAC,EA4BWC,GAAA;GA3BR,UAAQ,CAAGgB,EAAA;GACZ,UAAS;;GAEE,WAASf,GAqBX,EAAA,OArBsBwB,QAAY,CAMzCvB,EAeO,QAAAC,EAAAC,EAfOqB,CAAY,CAAA,GAAA,CACxBpB,EAaOC,GAAA;IAZJ,IAAIY,EAAA;IACJ,MAAMD,EAAA;IACN,QAAQH,EAAA,QAAU,WAAc,KAAA;IAChC,KAAKA,EAAA,QAAU,aAAgB,KAAA;IAC/B,eAAaA,EAAA,QAAU,oBAAuB,KAAA;IAC9C,SAASA,EAAA,QAAU,aAAA;IACnB,OAAOA,EAAA,QAAa,KAAA,IAAS;IAC7B,UAAUE,EAAA;IACX,MAAK;IACL,WAAQ;;IAER,SAAAf,QAAW,CAARM,EAAAC,EAAAW,EAAA,KAAK,GAAA,CAAA,C;;;;;;;;;;;;GAGH,SAAAlB,QACX,CADWM,EAAA,MACXC,EAAGC,EAAAW,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,51 @@
+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.
+     */
+    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.
+     */
+    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.
+     */
+    randomColor?: boolean;
+    /** The system's `metadataNote` -- the same sentence the cross-system dialog shows. */
+    note?: string | undefined;
+    /** i18n namespace for the field labels; the backend identity does not belong here. */
+    scopeSystem?: string;
+    scopeSubject?: string;
+    /** Vuelidate scope. Omitted means the page's own collector picks these rules up. */
+    validationScope?: string | symbol | false | undefined;
+};
+type __VLS_ModelProps = {
+    'user': BaseUser;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:user": (value: BaseUser) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:user"?: ((value: BaseUser) => any) | undefined;
+}>, {
+    note: string;
+    required: boolean;
+    readonly: boolean;
+    isEdit: boolean;
+    randomColor: boolean;
+    validationScope: string | false | symbol;
+    idInput: boolean;
+    scopeSystem: string;
+    scopeSubject: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,258 @@
+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 { 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
+var E = {
+	key: 0,
+	class: "text-error text-body-small"
+}, D = /*@__PURE__*/ f({
+	__name: "AUserMetadataForm",
+	props: /*@__PURE__*/ p({
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		idInput: {
+			type: Boolean,
+			default: !0
+		},
+		isEdit: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		randomColor: {
+			type: Boolean,
+			default: !1
+		},
+		note: { default: void 0 },
+		scopeSystem: { default: "common" },
+		scopeSubject: { default: a },
+		validationScope: {
+			type: [
+				String,
+				Symbol,
+				Boolean
+			],
+			default: void 0
+		}
+	}, {
+		user: { required: !0 },
+		userModifiers: {}
+	}),
+	emits: ["update:user"],
+	setup(a) {
+		let f = a, p = y(a, "user"), { t: D } = S(), { v$: O } = o(p, {
+			required: () => f.required,
+			idInput: () => f.idInput,
+			isEdit: () => f.isEdit,
+			scope: f.validationScope
+		}), k = () => {
+			let { firstName: e, lastName: t } = p.value.person;
+			return e.length === 0 || t.length === 0 ? "" : e + " " + t;
+		}, A = () => {
+			let { firstName: e, lastName: t } = p.value.person;
+			return e.length === 0 || t.length === 0 ? "" : e.slice(0, 1) + t.slice(0, 1);
+		}, j = g(!1), M = g(!1), N = () => {
+			j.value = p.value.person.fullName.length > 0 && p.value.person.fullName !== k(), M.value = p.value.avatar.text.length > 0 && p.value.avatar.text !== A();
+		};
+		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, {
+			system: a.scopeSystem,
+			subject: a.scopeSubject
+		}, {
+			default: x(() => [d(w, null, {
+				default: x(() => [d(C, { cols: "12" }, {
+					default: x(() => [
+						a.note ? (h(), s(T, {
+							key: 0,
+							type: "info",
+							variant: "tonal",
+							density: "compact",
+							class: "mb-4"
+						}, {
+							default: x(() => [u(_(a.note), 1)]),
+							_: 1
+						})) : c("", !0),
+						d(w, null, {
+							default: x(() => [d(C, {
+								cols: "12",
+								sm: "3"
+							}, {
+								default: x(() => [a.idInput && !a.isEdit && !a.readonly ? (h(), s(t, {
+									key: 0,
+									modelValue: p.value.id,
+									"onUpdate:modelValue": f[0] ||= (e) => p.value.id = e,
+									modelModifiers: { number: !0 },
+									type: "number",
+									v: v(O).user.id,
+									label: v(D)("common.anzuUser.model.id"),
+									hint: v(D)("common.anzuUser.hint.idReadonlyOnEdit"),
+									"persistent-hint": ""
+								}, null, 8, [
+									"modelValue",
+									"v",
+									"label",
+									"hint"
+								])) : p.value.id ? (h(), s(e, {
+									key: 1,
+									title: v(D)("common.anzuUser.model.id")
+								}, {
+									default: x(() => [d(r, { value: p.value.id }, null, 8, ["value"])]),
+									_: 1
+								}, 8, ["title"])) : c("", !0)]),
+								_: 1
+							}), d(C, {
+								cols: "12",
+								sm: "9"
+							}, {
+								default: x(() => [a.readonly ? (h(), s(e, {
+									key: 0,
+									title: v(D)("common.anzuUser.model.email"),
+									value: p.value.email
+								}, null, 8, ["title", "value"])) : (h(), s(t, {
+									key: 1,
+									modelValue: p.value.email,
+									"onUpdate:modelValue": f[1] ||= (e) => p.value.email = e,
+									v: v(O).user.email,
+									"data-cy": "user-email"
+								}, null, 8, ["modelValue", "v"]))]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						d(w, null, {
+							default: x(() => [
+								d(C, {
+									cols: "12",
+									sm: "3"
+								}, {
+									default: x(() => [a.readonly ? (h(), s(e, {
+										key: 0,
+										title: v(D)("common.anzuUser.model.person.firstName"),
+										value: p.value.person.firstName
+									}, null, 8, ["title", "value"])) : (h(), s(t, {
+										key: 1,
+										modelValue: p.value.person.firstName,
+										"onUpdate:modelValue": f[2] ||= (e) => p.value.person.firstName = e,
+										v: v(O).user.person.firstName,
+										"data-cy": "user-firstName"
+									}, null, 8, ["modelValue", "v"]))]),
+									_: 1
+								}),
+								d(C, {
+									cols: "12",
+									sm: "3"
+								}, {
+									default: x(() => [a.readonly ? (h(), s(e, {
+										key: 0,
+										title: v(D)("common.anzuUser.model.person.lastName"),
+										value: p.value.person.lastName
+									}, null, 8, ["title", "value"])) : (h(), s(t, {
+										key: 1,
+										modelValue: p.value.person.lastName,
+										"onUpdate:modelValue": f[3] ||= (e) => p.value.person.lastName = e,
+										v: v(O).user.person.lastName,
+										"data-cy": "user-lastName"
+									}, null, 8, ["modelValue", "v"]))]),
+									_: 1
+								}),
+								d(C, {
+									cols: "12",
+									sm: "6"
+								}, {
+									default: x(() => [a.readonly ? (h(), s(e, {
+										key: 0,
+										title: v(D)("common.anzuUser.model.person.fullName"),
+										value: p.value.person.fullName
+									}, null, 8, ["title", "value"])) : (h(), s(t, {
+										key: 1,
+										modelValue: p.value.person.fullName,
+										"onUpdate:modelValue": [f[4] ||= (e) => p.value.person.fullName = e, f[5] ||= (e) => j.value = !0],
+										v: v(O).user.person.fullName,
+										hint: j.value ? void 0 : v(D)("common.anzuUser.hint.derivedFromName"),
+										"persistent-hint": !j.value,
+										"data-cy": "user-fullName"
+									}, null, 8, [
+										"modelValue",
+										"v",
+										"hint",
+										"persistent-hint"
+									]))]),
+									_: 1
+								})
+							]),
+							_: 1
+						}),
+						d(w, null, {
+							default: x(() => [d(C, {
+								cols: "12",
+								sm: "3"
+							}, {
+								default: x(() => [d(i, {
+									modelValue: p.value.avatar.color,
+									"onUpdate:modelValue": f[6] ||= (e) => p.value.avatar.color = e,
+									label: v(D)("common.anzuUser.model.avatar.color"),
+									readonly: a.readonly,
+									required: a.required,
+									"random-color": a.randomColor
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"readonly",
+									"required",
+									"random-color"
+								]), v(O).user.avatar.color.$error ? (h(), l("div", E, _(v(O).user.avatar.color.$errors[0]?.$message), 1)) : c("", !0)]),
+								_: 1
+							}), d(C, {
+								cols: "12",
+								sm: "3"
+							}, {
+								default: x(() => [a.readonly ? (h(), s(e, {
+									key: 0,
+									title: v(D)("common.anzuUser.model.avatar.text"),
+									value: p.value.avatar.text
+								}, null, 8, ["title", "value"])) : (h(), s(t, {
+									key: 1,
+									modelValue: p.value.avatar.text,
+									"onUpdate:modelValue": [f[7] ||= (e) => p.value.avatar.text = e, f[8] ||= (e) => M.value = !0],
+									v: v(O).user.avatar.text,
+									maxlength: 3,
+									hint: M.value ? void 0 : v(D)("common.anzuUser.hint.derivedFromName"),
+									"persistent-hint": !M.value,
+									"data-cy": "user-avatarText"
+								}, null, 8, [
+									"modelValue",
+									"v",
+									"hint",
+									"persistent-hint"
+								]))]),
+								_: 1
+							})]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 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

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+import e from "./AUserMetadataRepairDialog.vue_vue_type_script_setup_true_lang.js";
+//#region 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

@@ -0,0 +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":""}