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

package/dist/domains/cached/composables/defineCached.js

@@ -0,0 +1,160 @@
+import { isArray as e, isUndefined as t } from "../../../shared/utils/common.js";
+import { useSentry as n } from "../../system/composables/sentry.js";
+import { apiErrorStatus as r } from "../../api/utils/apiErrors.js";
+import { isAnzuApiForbiddenError as i } from "../../../shared/error/AnzuApiForbiddenError.js";
+import { AnzuApiCancelledError as a } from "../../../shared/error/AnzuApiCancelledError.js";
+import { SessionExpiredError as o } from "../../../shared/error/SessionExpiredError.js";
+import { AuthUnavailableError as s } from "../../../shared/error/AuthUnavailableError.js";
+import { isInCauseChain as c } from "../../../shared/error/isInCauseChain.js";
+import "../../../shared/statusCodes.js";
+import { ref as l } from "vue";
+import { useDebounceFn as u } from "@vueuse/core";
+// src/domains/cached/composables/defineCached.ts
+var d = (e) => i(e) || r(e) === 403, f = (e) => d(e) ? "forbidden" : "error", p = (e) => d(e) || r(e) === 401 || c(e, (e) => e instanceof a || e instanceof o || e instanceof s);
+function m(r, i, a, o = "id", s = 1e3, c = {}) {
+	let { retryNotFound: d = !0 } = c, m = c.batchSize && c.batchSize >= 1 ? Math.floor(c.batchSize) : 100, h = l(/* @__PURE__ */ new Map()), g = l(/* @__PURE__ */ new Set()), _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Set(), { logError: y } = n(), b = (e) => {
+		let n = h.value.get(e);
+		return t(n) ? !1 : n._unresolved !== !0 || n._unresolvedReason === "forbidden" || n._unresolvedReason === "notFound" && !d;
+	}, x = (...t) => {
+		let n = /* @__PURE__ */ new Set();
+		for (let r = 0; r < t.length; r++) {
+			let i = t[r];
+			if (i) {
+				if (e(i)) for (let e = 0; e < i.length; e++) {
+					let t = i[e];
+					t && (b(t) || n.add(t));
+				}
+				else b(i) || n.add(i);
+			}
+		}
+		n.size !== 0 && (w(n), n.forEach((e) => {
+			h.value.set(e, {
+				...i(e),
+				_loaded: !1
+			}), g.value.add(e);
+		}));
+	}, S = (e) => {
+		let t = e[o];
+		t && (w(/* @__PURE__ */ new Set([t])), h.value.set(t, {
+			...r(e),
+			_loaded: !0
+		}), g.value.delete(t));
+	}, C = (e) => {
+		let t = e[o];
+		t && (w(/* @__PURE__ */ new Set([t])), h.value.set(t, {
+			...e,
+			_loaded: !0
+		}), g.value.delete(t));
+	}, w = (e) => {
+		let t = 0;
+		if (e) for (let n of e) h.value.has(n) || (t += 1);
+		let n = h.value.size + t - s;
+		if (n <= 0) return;
+		let r = 0;
+		for (let [t, i] of h.value) {
+			if (r >= n) break;
+			e?.has(t) || _.has(t) || (i._loaded || i._unresolved) && (h.value.delete(t), r += 1);
+		}
+	}, T = (e) => {
+		w();
+		for (let t of e) h.value.set(t[o], {
+			...r(t),
+			_loaded: !0
+		});
+	}, E = (e) => {
+		for (let t of e) g.value.delete(t);
+	}, D = (e, n) => {
+		for (let r of e) {
+			let e = h.value.get(r);
+			t(e) || e._loaded || h.value.set(r, {
+				...e,
+				_unresolved: !0,
+				_unresolvedReason: n
+			});
+		}
+	}, O = async (e) => {
+		try {
+			let t = await a(e);
+			return T(t), D(e, "notFound"), w(), t;
+		} catch (t) {
+			throw D(e, f(t)), w(), t;
+		}
+	}, k = async (e) => {
+		let t = [], n = [];
+		for (let r = 0; r < e.length; r += m) try {
+			t.push(...await O(e.slice(r, r + m)));
+		} catch (e) {
+			n.push(e);
+		}
+		return {
+			items: t,
+			failures: n
+		};
+	}, A = async () => {
+		if (g.value.size === 0) return {
+			items: [],
+			failures: []
+		};
+		let e = Array.from(g.value);
+		E(e);
+		let t = k(e);
+		v.add(t);
+		try {
+			return await t;
+		} finally {
+			v.delete(t);
+		}
+	};
+	async function j() {
+		let { items: e, failures: t } = await A();
+		if (t.length > 0) throw t[0];
+		return e;
+	}
+	let M = (e) => {
+		p(e) || y(e instanceof Error ? e : Error(String(e)), {
+			level: "warning",
+			tags: { cachedFetch: "failed" }
+		});
+	}, N = u(async () => {
+		try {
+			let { items: e, failures: t } = await A();
+			return t.forEach(M), e;
+		} catch (e) {
+			return M(e), [];
+		}
+	}, 1500, { maxWait: 5e3 });
+	return {
+		cache: h,
+		toFetch: g,
+		fetch: () => N(),
+		immediateFetch: async () => {
+			let e = Array.from(v), t = await j(), n = await Promise.all(e);
+			return [...t, ...n.flatMap((e) => e.items)];
+		},
+		add: x,
+		addManual: S,
+		addManualMinimal: C,
+		pin: (e) => {
+			e && _.set(e, (_.get(e) ?? 0) + 1);
+		},
+		unpin: (e) => {
+			if (!e) return;
+			let n = _.get(e);
+			t(n) || (n > 1 ? _.set(e, n - 1) : (_.delete(e), w()));
+		},
+		has: (e) => e ? h.value.has(e) : !1,
+		get: (e) => {
+			if (e) return h.value.get(e);
+		},
+		clear: () => h.value.clear(),
+		isLoaded: (e) => {
+			if (!e) return !1;
+			let t = h.value.get(e);
+			return t ? t._loaded : !1;
+		},
+		isUnresolved: (e) => e ? h.value.get(e)?._unresolved === !0 : !1
+	};
+}
+export { m as defineCached };
+
+//# sourceMappingURL=defineCached.js.map

package/dist/domains/cached/composables/defineCached.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineCached.js","names":["isForbidden","isAnzuApiForbiddenError","error","apiErrorStatus","unresolvedReason","isQuiet","isInCauseChain","cause","AnzuApiCancelledError","SessionExpiredError","AuthUnavailableError","defineCached","options","batchSize","cache","ref","toFetch","pinned","inFlight","useSentry","isCached","item","id","isUndefined","retryNotFound","add","args","toAdd","i","arg","isArray","j","prune","mapIdToMinimal","addManual","data","idProp","mapFullToMinimal","addManualMinimal","incoming","protectedIds","overflow","maxLimit","removed","key","value","updateMap","updateToFetch","ids","markUnresolved","reason","fetchBatch","res","fetchCallback","runBatches","items","failures","start","runQueue","run","apiFetch","logFailure","logError","debouncedFetch","useDebounceFn","pending","own","others","other","count"],"sources":["../../../../src/domains/cached/composables/defineCached.ts"],"sourcesContent":["import { type Ref, ref } from 'vue'\nimport { useDebounceFn } from '@vueuse/core'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useSentry } from '@/domains/system/composables/sentry'\nimport { apiErrorStatus } from '@/domains/api/utils/apiErrors'\nimport { FETCH_BY_IDS_BATCH_SIZE } from '@/domains/api/composables/useApiFetchByIds'\nimport { isAnzuApiForbiddenError } from '@/shared/error/AnzuApiForbiddenError'\nimport { AnzuApiCancelledError } from '@/shared/error/AnzuApiCancelledError'\nimport { SessionExpiredError } from '@/shared/error/SessionExpiredError'\nimport { AuthUnavailableError } from '@/shared/error/AuthUnavailableError'\nimport { isInCauseChain } from '@/shared/error/isInCauseChain'\nimport { HTTP_STATUS_FORBIDDEN, HTTP_STATUS_UNAUTHORIZED } from '@/shared/statusCodes'\n\n/**\n * Why a fetch settled without resolving an item:\n * - `notFound`: the server answered and the item was not among the results.\n * - `forbidden`: the user may not read it (403). Asking again in this session cannot change that.\n * - `error`: anything else. Network, timeout, 5xx, a 401 before session renewal,\n * or a 404 of the whole request (a route or proxy answering, not a missing item).\n */\nexport type CachedUnresolvedReason = 'notFound' | 'forbidden' | 'error'\n\n/**\n * `_unresolved`: the fetch settled without resolving the item. `_unresolvedReason` says why.\n * Whether a later `add()` asks again depends on the reason (see `defineCached`).\n */\nexport type CachedItem<T extends object> = T & {\n  _loaded: boolean\n  _unresolved?: boolean\n  _unresolvedReason?: CachedUnresolvedReason\n}\n\nexport interface DefineCachedOptions {\n  /**\n   * Ask again on the next `add()` for an id the server did not return. Defaults\n   * to `true`, because an entity can be created after the first lookup.\n   * A user cache passes `false`. Otherwise an id missing from the table (a\n   * system user of another backend) is requested on every page that shows it.\n   */\n  retryNotFound?: boolean\n  /**\n   * How many ids one `fetchCallback` call gets. Each call is\n   * committed on its own. Defaults to `FETCH_BY_IDS_BATCH_SIZE`.\n   * A backend with a lower per-request limit sets it here. Splitting inside\n   * the callback would make one failing part discard the parts already loaded.\n   */\n  batchSize?: number\n}\n\n// A rejected 403 arrives mapped as `AnzuApiForbiddenError`, which carries no status of its own.\nconst isForbidden = (error: unknown) =>\n  isAnzuApiForbiddenError(error) || apiErrorStatus(error) === HTTP_STATUS_FORBIDDEN\n\nconst unresolvedReason = (error: unknown): CachedUnresolvedReason => (isForbidden(error) ? 'forbidden' : 'error')\n\n/**\n * Errors not worth logging: 403, no logged-in user (401 or a\n * session gone), auth service not answering, or an aborted request.\n * The api layer already handles logging of these. For a cache they concern the session, not the fetch.\n */\nconst isQuiet = (error: unknown) =>\n  isForbidden(error) ||\n  apiErrorStatus(error) === HTTP_STATUS_UNAUTHORIZED ||\n  isInCauseChain(\n    error,\n    (cause) =>\n      cause instanceof AnzuApiCancelledError ||\n      cause instanceof SessionExpiredError ||\n      cause instanceof AuthUnavailableError\n  )\n\nexport type AddToCachedArgs<T extends DocId | IntegerId> =\n  | Array<T | null | undefined>\n  | Array<Array<T | null | undefined> | T | null | undefined>\n\n/**\n * @template I Identifier type\n * @template T Source type\n * @template M Minimal type\n */\nexport function defineCached<\n  I extends DocId | IntegerId,\n  T extends Record<DocId | IntegerId, any>,\n  M extends Record<DocId | IntegerId, any>,\n>(\n  mapFullToMinimal: (source: T) => M,\n  mapIdToMinimal: (id: I) => M,\n  fetchCallback: (ids: I[]) => Promise<T[]>,\n  idProp = 'id',\n  maxLimit = 1000,\n  options: DefineCachedOptions = {}\n) {\n  const { retryNotFound = true } = options\n  const batchSize =\n    options.batchSize && options.batchSize >= 1 ? Math.floor(options.batchSize) : FETCH_BY_IDS_BATCH_SIZE\n  const cache: Ref<Map<I, CachedItem<M>>> = ref(new Map())\n  const toFetch = ref(new Set()) as Ref<Set<I>>\n  // Ids currently shown, each with its show count (`pin`). The cache\n  // never drops them to stay within its limit and may exceed it.\n  // Dropping one turned a chip's name back into a spinner until the id was added again.\n  const pinned = new Map<I, number>()\n  // Settles, never rejects. A failed run still hands over what its earlier batches loaded.\n  const inFlight = new Set<Promise<{ items: T[]; failures: unknown[] }>>()\n  const { logError } = useSentry()\n\n  /**\n   * Unresolved items are never retried from the queue, only on the next `add()`, and only when retrying can help.\n   * `error` always retries, `notFound` unless the cache opted out, `forbidden` never.\n   */\n  const isCached = (id: I) => {\n    const item = cache.value.get(id)\n    if (isUndefined(item)) return false\n    if (item._unresolved !== true) return true\n    if (item._unresolvedReason === 'forbidden') return true\n    if (item._unresolvedReason === 'notFound') return !retryNotFound\n    return false\n  }\n\n  // Falsy, not only null/undefined. `get`, `has` and `isLoaded` treat 0 and '' as no id.\n  // Otherwise a blank factory record (`createdBy: 0`) is sent to the server as `filter_in[id]=0`.\n  const add = (...args: AddToCachedArgs<I>) => {\n    const toAdd = new Set<I>()\n    for (let i = 0; i < args.length; i++) {\n      const arg = args[i]\n      if (!arg) continue\n      if (isArray(arg)) {\n        for (let j = 0; j < arg.length; j++) {\n          const item = arg[j]\n          if (!item) continue\n          if (!isCached(item)) toAdd.add(item)\n        }\n        continue\n      }\n      if (!isCached(arg)) toAdd.add(arg)\n    }\n    if (toAdd.size === 0) return\n    prune(toAdd)\n    toAdd.forEach((id) => {\n      cache.value.set(id, {\n        ...mapIdToMinimal(id),\n        _loaded: false,\n      })\n      toFetch.value.add(id)\n    })\n  }\n\n  // Remove it from the queue too. Otherwise a queued id supplied by\n  // hand is still fetched, and the answer overwrites the caller's data.\n  const addManual = (data: T) => {\n    const id = data[idProp] as I\n    if (!id) return\n    prune(new Set([id]))\n    cache.value.set(id, {\n      ...mapFullToMinimal(data),\n      _loaded: true,\n    })\n    toFetch.value.delete(id)\n  }\n\n  const addManualMinimal = (data: M) => {\n    const id = data[idProp] as I\n    if (!id) return\n    prune(new Set([id]))\n    cache.value.set(id, {\n      ...data,\n      _loaded: true,\n    })\n    toFetch.value.delete(id)\n  }\n\n  /**\n   * Drops only as many oldest terminal entries as the overflow\n   * requires. Dropping all would send rendered chips back to loading.\n   * Pinned entries are never dropped.\n   * Must include `_unresolved` entries, otherwise repeated failures grow the cache past `maxLimit`.\n   */\n  const prune = (protectedIds?: Set<I>) => {\n    let incoming = 0\n    if (protectedIds) {\n      // Re-queued unresolved ids are already in the cache and do not grow it.\n      for (const id of protectedIds) if (!cache.value.has(id)) incoming += 1\n    }\n    const overflow = cache.value.size + incoming - maxLimit\n    if (overflow <= 0) return\n    let removed = 0\n    for (const [key, value] of cache.value) {\n      if (removed >= overflow) break\n      if (protectedIds?.has(key) || pinned.has(key)) continue\n      if (value._loaded || value._unresolved) {\n        cache.value.delete(key)\n        removed += 1\n      }\n    }\n  }\n\n  const updateMap = (data: T[]) => {\n    prune()\n    for (const item of data) {\n      cache.value.set(item[idProp] as I, {\n        ...mapFullToMinimal(item),\n        _loaded: true,\n      })\n    }\n  }\n\n  const updateToFetch = (ids: Array<I>) => {\n    for (const id of ids) {\n      toFetch.value.delete(id)\n    }\n  }\n\n  const markUnresolved = (ids: Array<I>, reason: CachedUnresolvedReason) => {\n    for (const id of ids) {\n      const item = cache.value.get(id)\n      if (isUndefined(item) || item._loaded) continue\n      cache.value.set(id, { ...item, _unresolved: true, _unresolvedReason: reason })\n    }\n  }\n\n  const fetchBatch = async (ids: I[]): Promise<T[]> => {\n    try {\n      // Awaited inside the `try`. A callback that throws before returning a promise\n      // (e.g. an unconfigured dam client) must settle its ids too, or they spin forever.\n      const res = await fetchCallback(ids)\n      updateMap(res)\n      markUnresolved(ids, 'notFound')\n      // Prune once the batch settles. Ids in flight cannot be dropped before that.\n      // Without this, a large add left the cache over its limit for good, also when the batch failed.\n      prune()\n      return res\n    } catch (error: unknown) {\n      markUnresolved(ids, unresolvedReason(error))\n      prune()\n      throw error\n    }\n  }\n\n  // Fetches in the same batches the api helpers would use, sequentially, each committed on its own.\n  // A failing batch then leaves earlier batches loaded.\n  const runBatches = async (ids: I[]) => {\n    const items: T[] = []\n    const failures: unknown[] = []\n    for (let start = 0; start < ids.length; start += batchSize) {\n      try {\n        items.push(...(await fetchBatch(ids.slice(start, start + batchSize))))\n      } catch (error: unknown) {\n        failures.push(error)\n      }\n    }\n    return { items, failures }\n  }\n\n  /** Fetches the queue; settles with what loaded and every batch's failure, never rejects. */\n  const runQueue = async () => {\n    if (toFetch.value.size === 0) return { items: [] as T[], failures: [] as unknown[] }\n    const ids = Array.from(toFetch.value)\n    // Drained before the request, not after. Otherwise a batch\n    // started while this one is in flight resends the same ids.\n    // That happens with a slow answer outlasting the debounce, the `maxWait` timer, or `immediateFetch()`.\n    // Draining also keeps a failing batch from being resent.\n    updateToFetch(ids)\n    const run = runBatches(ids)\n    inFlight.add(run)\n    try {\n      return await run\n    } finally {\n      inFlight.delete(run)\n    }\n  }\n\n  async function apiFetch() {\n    const { items, failures } = await runQueue()\n    if (failures.length > 0) throw failures[0]\n    return items\n  }\n\n  const logFailure = (error: unknown) => {\n    if (isQuiet(error)) return\n    logError(error instanceof Error ? error : new Error(String(error)), {\n      level: 'warning',\n      tags: { cachedFetch: 'failed' },\n    })\n  }\n\n  // Caught inside the debounced callback, not on its returned promise.\n  // The `maxWait` timer is a second invocation path whose promise\n  // never reaches the caller, so a rejection there would be unhandled.\n  const debouncedFetch = useDebounceFn(\n    async () => {\n      try {\n        // Log every batch's failure, not only the first. A 403 in one would otherwise hide a timeout in the next.\n        const { items, failures } = await runQueue()\n        failures.forEach(logFailure)\n        return items\n      } catch (error: unknown) {\n        logFailure(error)\n        return [] as T[]\n      }\n    },\n    1500,\n    { maxWait: 5000 }\n  )\n\n  /**\n   * Debounced fetch for general use.\n   * Called fire-and-forget, so it never rejects. Use `immediateFetch()` to handle errors.\n   */\n  const fetch = () => {\n    return debouncedFetch()\n  }\n\n  /**\n   * Immediate fetch without debounce, returning the result.\n   * Also waits for batches already in flight and includes their items, since\n   * their ids are out of the queue and callers adding relations would miss them.\n   * Rejects only when its own batch fails. An id whose in-flight batch\n   * failed is missing from the result; check `isUnresolved(id)`.\n   */\n  const immediateFetch = async () => {\n    const pending = Array.from(inFlight)\n    const own = await apiFetch()\n    const others = await Promise.all(pending)\n    return [...own, ...others.flatMap((other) => other.items)]\n  }\n\n  /** Marks the item of `id` as shown. The cache keeps it until a matching number of `unpin` calls. */\n  const pin = (id: I | null | undefined) => {\n    if (!id) return\n    pinned.set(id, (pinned.get(id) ?? 0) + 1)\n  }\n\n  /** Marks the item of `id` as no longer shown. The cache returns within its limit once no pins are left. */\n  const unpin = (id: I | null | undefined) => {\n    if (!id) return\n    const count = pinned.get(id)\n    if (isUndefined(count)) return\n    if (count > 1) {\n      pinned.set(id, count - 1)\n      return\n    }\n    pinned.delete(id)\n    prune()\n  }\n\n  const get = (id: I | null | undefined) => {\n    if (!id) return undefined\n    return cache.value.get(id)\n  }\n\n  const has = (id: I | null | undefined): boolean => {\n    if (!id) return false\n    return cache.value.has(id)\n  }\n\n  const clear = () => {\n    return cache.value.clear()\n  }\n\n  const isLoaded = (id: I | null | undefined): boolean => {\n    if (!id) return false\n    const item = cache.value.get(id)\n    if (!item) return false\n    return item._loaded\n  }\n\n  /** Terminal counterpart of `isLoaded`: the fetch settled without resolving the item. */\n  const isUnresolved = (id: I | null | undefined): boolean => {\n    if (!id) return false\n    return cache.value.get(id)?._unresolved === true\n  }\n\n  return {\n    cache,\n    toFetch,\n    fetch,\n    immediateFetch,\n    add,\n    addManual,\n    addManualMinimal,\n    pin,\n    unpin,\n    has,\n    get,\n    clear,\n    isLoaded,\n    isUnresolved,\n  }\n}\n"],"mappings":"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"}

package/dist/domains/cached/composables/useCachedItem.d.ts

@@ -0,0 +1,25 @@
+import { ComputedRef } from 'vue';
+import { DocId, IntegerId } from '../../../shared/types/common';
+/** How a component showing a cached item keeps it pinned and requests it (`useCachedItem`). */
+export interface CachedItemPinning<I extends DocId | IntegerId> {
+    /** Id of the shown item. None while the component shows none, e.g. when it has its own title. */
+    id: () => I | null | undefined;
+    pin: (id: I) => void;
+    unpin: (id: I) => void;
+    /** Adds the id to the cache and fetches it, for an id its page never added. */
+    askFor: (id: I) => void;
+}
+/**
+ * `pinning`: the shown item stays pinned in its cache while the
+ * component shows it, across id changes, and is released on unmount.
+ * The cache (1 000 items) never drops pinned items. Without this a chip spun after its item was dropped.
+ * An id the cache does not have is requested once when shown.
+ */
+export declare function useCachedItem<T extends {
+    _loaded?: boolean;
+    _unresolved?: boolean;
+}, I extends DocId | IntegerId = DocId | IntegerId>(getter: () => T | undefined, pinning?: CachedItemPinning<I>): {
+    cached: ComputedRef<T | undefined>;
+    loaded: ComputedRef<boolean>;
+    unresolved: ComputedRef<boolean>;
+};

package/dist/domains/cached/composables/useCachedItem.js

@@ -0,0 +1,25 @@
+import { computed as e, onScopeDispose as t, watch as n } from "vue";
+// src/domains/cached/composables/useCachedItem.ts
+function r(r, i) {
+	if (i) {
+		let e = null;
+		n(i.id, (t) => {
+			let n = e;
+			e = t || null, e && i.pin(e), n && i.unpin(n), e && r() === void 0 && i.askFor(e);
+		}, { immediate: !0 }), t(() => {
+			e && i.unpin(e), e = null;
+		});
+	}
+	let a = e(() => {
+		let e = r();
+		if (e) return e._loaded !== !1 || e._unresolved === !0 ? e : void 0;
+	});
+	return {
+		cached: a,
+		loaded: e(() => a.value !== void 0),
+		unresolved: e(() => a.value?._unresolved === !0)
+	};
+}
+export { r as useCachedItem };
+
+//# sourceMappingURL=useCachedItem.js.map

package/dist/domains/cached/composables/useCachedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCachedItem.js","names":["useCachedItem","pinning","shown","watch","before","id","getter","onScopeDispose","cached","computed","value"],"sources":["../../../../src/domains/cached/composables/useCachedItem.ts"],"sourcesContent":["import { type ComputedRef, computed, onScopeDispose, watch } from 'vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\n\n/** How a component showing a cached item keeps it pinned and requests it (`useCachedItem`). */\nexport interface CachedItemPinning<I extends DocId | IntegerId> {\n  /** Id of the shown item. None while the component shows none, e.g. when it has its own title. */\n  id: () => I | null | undefined\n  pin: (id: I) => void\n  unpin: (id: I) => void\n  /** Adds the id to the cache and fetches it, for an id its page never added. */\n  askFor: (id: I) => void\n}\n\n/**\n * `pinning`: the shown item stays pinned in its cache while the\n * component shows it, across id changes, and is released on unmount.\n * The cache (1 000 items) never drops pinned items. Without this a chip spun after its item was dropped.\n * An id the cache does not have is requested once when shown.\n */\nexport function useCachedItem<\n  T extends { _loaded?: boolean; _unresolved?: boolean },\n  I extends DocId | IntegerId = DocId | IntegerId,\n>(\n  getter: () => T | undefined,\n  pinning?: CachedItemPinning<I>\n): { cached: ComputedRef<T | undefined>; loaded: ComputedRef<boolean>; unresolved: ComputedRef<boolean> } {\n  if (pinning) {\n    let shown: I | null = null\n    watch(\n      pinning.id,\n      (id) => {\n        // Pin the new id first. Unpinning the old one first could let the cache drop the new one.\n        const before = shown\n        shown = id || null\n        if (shown) pinning.pin(shown)\n        if (before) pinning.unpin(before)\n        if (shown && getter() === undefined) pinning.askFor(shown)\n      },\n      { immediate: true }\n    )\n    onScopeDispose(() => {\n      if (shown) pinning.unpin(shown)\n      shown = null\n    })\n  }\n  const cached = computed<T | undefined>(() => {\n    const value = getter()\n    if (!value) return undefined\n    // `_unresolved` settles the item: return the placeholder so consumers stop showing a spinner.\n    return value._loaded !== false || value._unresolved === true ? value : undefined\n  })\n  const loaded = computed(() => cached.value !== undefined)\n  // Separate from `loaded`, because an unresolved item is only a placeholder.\n  // A consumer reading its fields would draw an empty chip.\n  const unresolved = computed(() => cached.value?._unresolved === true)\n\n  return { cached, loaded, unresolved }\n}\n"],"mappings":";;AAmBA,SAAgBA,EAId,GACA,GACwG;CACxG,IAAIC,GAAS;EACX,IAAIC,IAAkB;EAatB,AAZAC,EACEF,EAAQ,KACP,MAAO;GAEN,IAAMG,IAASF;GAIf,AAHA,IAAQG,KAAM,MACVH,KAAOD,EAAQ,IAAIC,CAAK,GACxBE,KAAQH,EAAQ,MAAMG,CAAM,GAC5BF,KAASI,EAAO,MAAM,KAAA,KAAWL,EAAQ,OAAOC,CAAK;EAC3D,GACA,EAAE,WAAW,GAAK,CACpB,GACAK,QAAqB;GAEnB,AADIL,KAAOD,EAAQ,MAAMC,CAAK,GAC9B,IAAQ;EACV,CAAC;CACH;CACA,IAAMM,IAASC,QAA8B;EAC3C,IAAMC,IAAQJ,EAAO;EACrB,IAAKI,GAEL,OAAOA,EAAM,YAAY,MAASA,EAAM,gBAAgB,KAAOA,IAAQ,KAAA;CACzE,CAAC;CAMD,OAAO;EAAE;EAAQ,QALFD,QAAeD,EAAO,UAAU,KAAA,CAK9B;EAAQ,YAFNC,QAAeD,EAAO,OAAO,gBAAgB,EAEvC;CAAW;AACtC"}

package/dist/domains/collab/components/ACollabCountdown.js

@@ -0,0 +1,6 @@
+import e from "./ACollabCountdown.vue_vue_type_script_setup_true_lang.js";
+// src/domains/collab/components/ACollabCountdown.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=ACollabCountdown.js.map

package/dist/domains/collab/components/ACollabCountdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabCountdown.js","names":["_sfc_main","ACollabCountdown_vue_vue_type_script_setup_true_lang_default","ACollabCountdown_default"],"sources":["../../../../src/domains/collab/components/ACollabCountdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, type Ref, ref, watch } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    seconds?: number\n    parentheses?: boolean\n  }>(),\n  {\n    label: '',\n    seconds: 60,\n    parentheses: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'done'): void\n}>()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst countdown = ref(props.seconds)\nconst countdownTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n\nwatch(\n  countdown,\n  (newValue) => {\n    if (newValue > 0) {\n      countdownTimer.value = setTimeout(() => countdown.value--, 1000)\n    } else {\n      emit('done')\n    }\n  },\n  { immediate: true }\n)\n\nonMounted(() => {\n  countdown.value = props.seconds\n})\n\nonUnmounted(() => {\n  clearTimeout(countdownTimer.value)\n  countdownTimer.value = undefined\n})\n</script>\n\n<template>\n  <span>\n    <span v-if=\"parentheses\">(</span>\n    <span\n      v-if=\"label\"\n      class=\"font-weight-bold mr-1\"\n      >{{ label }}\n    </span>\n    <span>{{ countdown }}</span>\n    <span v-if=\"parentheses\">)</span>\n  </span>\n</template>\n"],"mappings":""}

package/dist/domains/collab/components/ACollabCountdown.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label?: string;
+    seconds?: number;
+    parentheses?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    done: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {
+    label: string;
+    seconds: number;
+    parentheses: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/collab/components/ACollabCountdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, toDisplayString as c, watch as l } from "vue";
+// src/domains/collab/components/ACollabCountdown.vue?vue&type=script&setup=true&lang.ts
+var u = { key: 0 }, d = {
+	key: 1,
+	class: "font-weight-bold mr-1"
+}, f = { key: 2 }, p = /*@__PURE__*/ r({
+	__name: "ACollabCountdown",
+	props: {
+		label: { default: "" },
+		seconds: { default: 60 },
+		parentheses: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["done"],
+	setup(r, { emit: p }) {
+		let m = r, h = p, g = s(m.seconds), _ = s(void 0);
+		return l(g, (e) => {
+			e > 0 ? _.value = setTimeout(() => g.value--, 1e3) : h("done");
+		}, { immediate: !0 }), i(() => {
+			g.value = m.seconds;
+		}), a(() => {
+			clearTimeout(_.value), _.value = void 0;
+		}), (i, a) => (o(), t("span", null, [
+			r.parentheses ? (o(), t("span", u, "(")) : e("", !0),
+			r.label ? (o(), t("span", d, c(r.label), 1)) : e("", !0),
+			n("span", null, c(g.value), 1),
+			r.parentheses ? (o(), t("span", f, ")")) : e("", !0)
+		]));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=ACollabCountdown.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/collab/components/ACollabCountdown.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabCountdown.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createCommentVNode","_toDisplayString","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","ACollabCountdown_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","countdown","ref","countdownTimer","watch","newValue","onMounted","onUnmounted","openBlock","createElementBlock","createCommentVNode","toDisplayString","createElementVNode"],"sources":["../../../../src/domains/collab/components/ACollabCountdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, type Ref, ref, watch } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    seconds?: number\n    parentheses?: boolean\n  }>(),\n  {\n    label: '',\n    seconds: 60,\n    parentheses: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'done'): void\n}>()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst countdown = ref(props.seconds)\nconst countdownTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n\nwatch(\n  countdown,\n  (newValue) => {\n    if (newValue > 0) {\n      countdownTimer.value = setTimeout(() => countdown.value--, 1000)\n    } else {\n      emit('done')\n    }\n  },\n  { immediate: true }\n)\n\nonMounted(() => {\n  countdown.value = props.seconds\n})\n\nonUnmounted(() => {\n  clearTimeout(countdownTimer.value)\n  countdownTimer.value = undefined\n})\n</script>\n\n<template>\n  <span>\n    <span v-if=\"parentheses\">(</span>\n    <span\n      v-if=\"label\"\n      class=\"font-weight-bold mr-1\"\n      >{{ label }}\n    </span>\n    <span>{{ countdown }}</span>\n    <span v-if=\"parentheses\">)</span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAGA,IAAMU,IAAQC,GAYRC,IAAOH,GAKPI,IAAYC,EAAIJ,EAAM,OAAO,GAC7BK,IAAiED,EAAI,KAAA,CAAS;E,OAEpFE,EACEH,IACC,MAAa;GACZ,AAAII,IAAW,IACb,EAAe,QAAQ,iBAAiB,EAAU,SAAS,GAAI,IAE/DL,EAAK,MAAM;EAEf,GACA,EAAE,WAAW,GAAK,CACpB,GAEAM,QAAgB;GACd,EAAU,QAAQR,EAAM;EAC1B,CAAC,GAEDS,QAAkB;GAEhB,AADA,aAAaJ,EAAe,KAAK,GACjC,EAAe,QAAQ,KAAA;EACzB,CAAC,I,UAICf,EAAA,GAAAC,EASO,QAAA,MAAA;GAROU,EAAA,eAAZX,EAAA,GAAAC,EAAiC,QAAAI,GAAR,GAAC,K;GAElBM,EAAA,SADRX,EAAA,GAAAC,EAIO,QAJPK,GAIOH,EADDQ,EAAA,KAAK,GAAA,CAAA,K;GAEXP,EAA4B,QAAA,MAAAD,EAAnBU,EAAA,KAAS,GAAA,CAAA;GACNF,EAAA,eAAZX,EAAA,GAAAC,EAAiC,QAAAM,GAAR,GAAC,K"}

package/dist/domains/collab/components/ACollabLockedByUser.js

@@ -0,0 +1,6 @@
+import e from "./ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js";
+// src/domains/collab/components/ACollabLockedByUser.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=ACollabLockedByUser.js.map

package/dist/domains/collab/components/ACollabLockedByUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabLockedByUser.js","names":["_sfc_main","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","ACollabLockedByUser_default"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it.\n    // A user resolved later (after an `_unresolved` placeholder) arrives as\n    // a new loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/collab/components/ACollabLockedByUser.vue.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { CollabCachedUsersMap } from '../composables/collabHelpers';
+import { IntegerId } from '../../../shared/types/common';
+type __VLS_Props = {
+    id: null | undefined | IntegerId;
+    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>;
+    isModerator?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    isModerator: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import e from "../../ui/components/AAnzuUserAvatar.js";
+import { isNull as t, isNumber as n, isUndefined as r } from "../../../shared/utils/common.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, openBlock as u, shallowRef as d, unref as f, watch as p, withCtx as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { VIcon as g } from "vuetify/components/VIcon";
+import { VProgressCircular as _ } from "vuetify/components/VProgressCircular";
+import { VBadge as v } from "vuetify/components/VBadge";
+// src/domains/collab/components/ACollabLockedByUser.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
+	__name: "ACollabLockedByUser",
+	props: {
+		id: {},
+		users: {},
+		isModerator: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(l) {
+		let x = l, S = d(void 0), C = d(!1), w = f(x.users), { t: T } = h(), E = a(() => {
+			if (n(x.id) && x.id > 0) return w.get(x.id);
+		}), D = a(() => {
+			let e = "";
+			if (x.isModerator && (e = T("common.collab.moderator") + ": "), E.value) return E.value.person.fullName.length ? e + E.value.person.fullName : e + E.value.email.split("@")[0];
+		});
+		return p(E, (e) => {
+			(!C.value || S.value?.id !== e?.id || e?._loaded) && (C.value = !1, S.value = void 0, r(e) || !e._loaded && e._unresolved !== !0 || (S.value = e, C.value = !0));
+		}, { immediate: !0 }), (n, a) => (u(), s("div", y, [f(t)(l.id) || f(r)(l.id) ? (u(), s("span", b)) : C.value ? (u(), s(i, { key: 1 }, [l.isModerator ? (u(), o(v, {
+			key: 0,
+			location: "top right",
+			color: "white",
+			width: 12,
+			"min-width": 12,
+			height: 14,
+			"offset-x": -5,
+			"offset-y": -5
+		}, {
+			badge: m(() => [c(g, {
+				color: "grey-darken-2",
+				size: 14,
+				icon: "mdi-crown"
+			})]),
+			default: m(() => [c(e, {
+				user: S.value ?? void 0,
+				size: 20,
+				tooltip: D.value
+			}, null, 8, ["user", "tooltip"])]),
+			_: 1
+		})) : (u(), o(e, {
+			key: 1,
+			user: S.value ?? void 0,
+			size: 20,
+			tooltip: D.value
+		}, null, 8, ["user", "tooltip"]))], 64)) : (u(), o(_, {
+			key: 2,
+			size: 12,
+			width: 2,
+			indeterminate: "",
+			class: "ml-auto mr-auto"
+		}))]));
+	}
+});
+export { x as default };
+
+//# sourceMappingURL=ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_createBlock","_component_VBadge","_withCtx","_createVNode","_component_VIcon","AAnzuUserAvatar","_component_VProgressCircular","AAnzuUserAvatar_default","_hoisted_1","_hoisted_2","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","props","__props","cached","shallowRef","loaded","cachedUsers","unref","useI18n","item","computed","isNumber","tooltip","prefix","t","watch","newValue","isUndefined","openBlock","createElementBlock","isNull","Fragment","createBlock","VBadge","withCtx","createVNode","VIcon","VProgressCircular"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it.\n    // A user resolved later (after an `_unresolved` placeholder) arrives as\n    // a new loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAWRC,IAASC,EAAwC,KAAA,CAAS,GAC1DC,IAASD,EAAoB,EAAK,GAGlCE,IAAcC,EAAMN,EAAM,KAAK,GAC/B,EAAE,SAAMO,EAAQ,GAEhBC,IAAOC,QAAe;GAC1B,IAAIC,EAASV,EAAM,EAAE,KAAKA,EAAM,KAAK,GACnC,OAAOK,EAAY,IAAIL,EAAM,EAAE;EAGnC,CAAC,GAEKW,IAAUF,QAAe;GAC7B,IAAIG,IAAS;GAIb,IAHIZ,EAAM,gBACR,IAASa,EAAE,yBAAyB,IAAI,OAEtCL,EAAK,OACP,OAAOA,EAAK,MAAM,OAAO,SAAS,SAC9BI,IAASJ,EAAK,MAAM,OAAO,WAC3BI,IAASJ,EAAK,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC;EAG7C,CAAC;E,OAEDM,EACEN,IACC,MAAa;GAIZ,CAAI,GAAO,SAASN,EAAO,OAAO,OAAOa,GAAU,MAAOA,GAAU,aACpE,EAAO,QAAQ,IACf,EAAO,QAAQ,KAAA,GACXC,EAAYD,CAAQ,KAAM,CAACA,EAAS,WAAWA,EAAS,gBAAgB,OAC5E,EAAO,QAAQA,GACf,EAAO,QAAQ;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAwCM,OAxCNW,GAwCM,CAvCQV,EAAAgC,CAAA,CAAM,CAAClB,EAAA,EAAE,KAAKd,EAAA6B,CAAA,CAAW,CAACf,EAAA,EAAE,KAAxChB,EAAA,GAAAC,EAA6C,QAAAY,CAAA,KACxBM,EAAA,SAArBnB,EAAA,GAAAC,EA8BWE,GAAA,EAAA,KAAA,EAAA,GAAA,CA5BDa,EAAA,eADRhB,EAAA,GAAAI,EAsBSC,GAAA;;GApBP,UAAS;GACT,OAAM;GACL,OAAO;GACP,aAAW;GACX,QAAQ;GACR,YAAU;GACV,YAAU;;GAEA,OAAKC,QAKZ,CAJFC,EAIEC,GAAA;IAHA,OAAM;IACL,MAAM;IACP,MAAK;;GAGT,SAAAF,QAIE,CAJFC,EAIEE,GAAA;IAHC,MAAMQ,EAAA,SAAU,KAAA;IAChB,MAAM;IACN,SAASS,EAAA;;;E,OAGd1B,EAAA,GAAAI,EAKEK,GAAA;;GAHC,MAAMQ,EAAA,SAAU,KAAA;GAChB,MAAM;GACN,SAASS,EAAA;E,4CAGd1B,EAAA,GAAAI,EAMEM,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM"}

package/dist/domains/collab/components/ACollabManagement.js

@@ -0,0 +1,6 @@
+import e from "./ACollabManagement.vue_vue_type_script_setup_true_lang.js";
+// src/domains/collab/components/ACollabManagement.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=ACollabManagement.js.map

package/dist/domains/collab/components/ACollabManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabManagement.js","names":["_sfc_main","ACollabManagement_vue_vue_type_script_setup_true_lang_default","ACollabManagement_default"],"sources":["../../../../src/domains/collab/components/ACollabManagement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  type CollabDelayedRequest,\n  CollabRequestToJoinStatus,\n  CollabRequestToTakeModerationStatus,\n  type CollabRoom,\n  CollabStatus,\n  type CollabUserId,\n} from '@/domains/collab/types/Collab'\nimport { useI18n } from 'vue-i18n'\nimport { computed, type Ref, ref } from 'vue'\nimport ACollabCountdown from '@/domains/collab/components/ACollabCountdown.vue'\nimport { useCollabRoom } from '@/domains/collab/composables/collabRoom'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useCollabCurrentUserId } from '@/domains/collab/composables/collabCurrentUserId'\nimport type { AddToCachedArgs } from '@/domains/cached/composables/defineCached'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isDefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\n\nconst props = withDefaults(\n  defineProps<{\n    collabRoom: CollabRoom\n    cachedUsers: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isEdit?: boolean\n    isAllowedToPurgeRoom?: boolean\n    approveRequestBlocked?: boolean\n    addToCachedUsers?: ((...args: AddToCachedArgs<IntegerId>) => void) | undefined\n    fetchCachedUsers?: (() => unknown) | undefined\n  }>(),\n  {\n    isEdit: false,\n    isAllowedToPurgeRoom: false,\n    approveRequestBlocked: false,\n    addToCachedUsers: undefined,\n    fetchCachedUsers: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'approvedRequestToJoinCollabRoom'): void\n}>()\n\nconst {\n  collabRoomInfo,\n  addJoinRequestListener,\n  requestToJoinCollabRoom,\n  approveRequestToJoinCollabRoom,\n  rejectRequestToJoinCollabRoom,\n  addApprovedJoinRequestListener,\n  addRejectedJoinRequestListener,\n  requestToTakeModeration,\n  approveRequestToTakeModeration,\n  rejectRequestToTakeModeration,\n  addRequestToTakeModerationListener,\n  addApprovedRequestToTakeModerationListener,\n  addRejectedRequestToTakeModerationListener,\n  kickUserFromRoom,\n  purgeRoom,\n  transferModeration,\n  alertedOccupiedRooms,\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n} = useCollabRoom(props.collabRoom)\n\nconst { t } = useI18n()\nconst { showErrorT, showSuccessT } = useAlerts()\n\nconst { currentUserId } = useCollabCurrentUserId()\n\nconst approveRequestsToCollab = ref<CollabDelayedRequest[]>([])\nconst selectedIdsToCollab = ref<CollabUserId[]>([])\nconst collabUserIds = computed<CollabUserId[]>(() => {\n  return collabRoomInfo.value.users.filter((userId) => userId !== currentUserId.value)\n})\nconst moderatorManagementDialog = ref(false)\nconst approveRequestTakeModerationDialog = ref(false)\nconst moderationRequest = ref<null | CollabDelayedRequest>(null)\nconst requestToJoinAccepted = ref<boolean | null>(null)\nconst waitingFroApproval = ref(false)\n\naddJoinRequestListener(async (userId: CollabUserId, timestamp: number) => {\n  if (isDefined(props.addToCachedUsers)) props.addToCachedUsers(userId)\n  if (isDefined(props.fetchCachedUsers)) props.fetchCachedUsers()\n  if (!selectedIdsToCollab.value.includes(userId)) selectedIdsToCollab.value.push(userId)\n  approveRequestsToCollab.value.push({ userId, timestamp })\n})\n\naddApprovedJoinRequestListener(() => {\n  showSuccessT('common.collab.alert.approvedJoinRequest')\n  waitingFroApproval.value = false\n  requestToJoinAccepted.value = true\n  alertedOccupiedRooms.value.delete(props.collabRoom)\n})\n\naddRejectedJoinRequestListener(() => {\n  showErrorT('common.collab.alert.rejectedJoinRequest')\n  waitingFroApproval.value = false\n  requestToJoinAccepted.value = false\n  alertedOccupiedRooms.value.delete(props.collabRoom)\n})\n\naddRequestToTakeModerationListener(async (userId: number, timestamp: number) => {\n  if (isDefined(props.addToCachedUsers)) props.addToCachedUsers(userId)\n  if (isDefined(props.fetchCachedUsers)) props.fetchCachedUsers()\n  moderationRequest.value = { userId, timestamp }\n  approveRequestTakeModerationDialog.value = true\n})\n\naddApprovedRequestToTakeModerationListener(() => {\n  showSuccessT('common.collab.alert.approvedToTakeModeration')\n  waitingFroApproval.value = false\n})\n\naddRejectedRequestToTakeModerationListener(() => {\n  showErrorT('common.collab.alert.rejectedToTakeModeration')\n  waitingFroApproval.value = false\n})\n\nconst waitingForApprovalTimerDone = () => {\n  waitingFroApproval.value = false\n}\n\nconst showRequestToJoinCollabButton = computed(() => {\n  return (\n    requestToJoinAccepted.value === null &&\n    collabRoomInfo.value.users.length &&\n    !collabRoomInfo.value.users.includes(currentUserId.value ?? 0) &&\n    !waitingFroApproval.value\n  )\n})\n\nconst showRequestToTakeModerationButton = computed(() => {\n  return (\n    props.isEdit &&\n    collabRoomInfo.value.status === CollabStatus.Active &&\n    collabRoomInfo.value.moderator !== currentUserId.value\n  )\n})\n\nconst showModeratorManagementDialog = computed(() => {\n  return moderatorManagementDialog.value && collabRoomInfo.value.status === CollabStatus.Active\n})\n\nconst showKickYourselfButton = computed(() => {\n  return props.isEdit && collabRoomInfo.value.status === CollabStatus.Active\n})\n\nconst showModeratorManagementButton = computed(() => {\n  return (\n    props.isEdit &&\n    collabRoomInfo.value.moderator === currentUserId.value &&\n    collabRoomInfo.value.status === CollabStatus.Active\n  )\n})\n\nconst showJoinCollaborationDialog = computed(() => {\n  return !props.isEdit && alertedOccupiedRooms.value.has(props.collabRoom) && requestToJoinAccepted.value === null\n})\n\nconst collabUsers = computed(() => {\n  return collabRoomInfo.value.users.filter((user) => user !== collabRoomInfo.value.moderator)\n})\n\nconst requestToJoinCollabTimerDone = (userId: number) => {\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter((request) => request.userId !== userId)\n  selectedIdsToCollab.value = selectedIdsToCollab.value.filter((id) => id !== userId)\n}\n\nconst requestToJoinCollabRoomAction = async () => {\n  try {\n    await requestToJoinCollabRoom()\n    waitingFroApproval.value = true\n  } catch (error) {\n    if (error === CollabRequestToJoinStatus.AlreadyRequested) {\n      return void showErrorT('common.collab.alert.alreadyRequestedToJoin')\n    }\n    return void showErrorT('common.collab.alert.failedRequestedToJoin')\n  }\n}\n\nconst showModeratorManagementDialogAction = () => {\n  moderatorManagementDialog.value = true\n}\n\nconst requestToTakeModerationAction = async () => {\n  try {\n    await requestToTakeModeration()\n    waitingFroApproval.value = true\n  } catch (error) {\n    if (error === CollabRequestToTakeModerationStatus.AlreadyRequested) {\n      return void showErrorT('common.collab.alert.alreadyRequestedToTakeModeration')\n    }\n    return void showErrorT('common.collab.alert.failedRequestToTakeModeration')\n  }\n}\n\nconst approveRequestToCollaborate = () => {\n  selectedIdsToCollab.value.forEach((selectedId) => {\n    approveRequestToJoinCollabRoom(selectedId)\n  })\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter(\n    (request) => !selectedIdsToCollab.value.includes(request.userId)\n  )\n  selectedIdsToCollab.value = []\n  emit('approvedRequestToJoinCollabRoom')\n}\n\nconst rejectRequestToCollaborate = () => {\n  selectedIdsToCollab.value.forEach((selectedId) => {\n    rejectRequestToJoinCollabRoom(selectedId)\n  })\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter(\n    (request) => !selectedIdsToCollab.value.includes(request.userId)\n  )\n  selectedIdsToCollab.value = []\n}\n\nconst resetRequestToTakeModeration = () => {\n  moderationRequest.value = null\n  approveRequestTakeModerationDialog.value = false\n}\n\nconst rejectRequestToTakeModerationAction = () => {\n  rejectRequestToTakeModeration()\n  resetRequestToTakeModeration()\n}\n\nconst approveRequestToTakeModerationAction = () => {\n  approveRequestToTakeModeration()\n  resetRequestToTakeModeration()\n}\n\nconst transferModerationAction = (userId: CollabUserId) => {\n  transferModeration(userId)\n  moderatorManagementDialog.value = false\n}\n\nconst kickUserAction = (userId: CollabUserId) => {\n  kickUserFromRoom(userId)\n  moderatorManagementDialog.value = false\n}\n\nconst purgeRoomAction = () => {\n  purgeRoom()\n}\n\nconst kickYourselfAction = () => {\n  kickUserFromRoom(currentUserId.value ?? 0)\n}\n\nconst calculateWaitingSeconds = (timestamp: number) => {\n  return Math.ceil((60000 - (new Date().getTime() - timestamp)) / 1000)\n}\n</script>\n\n<template>\n  <div>\n    <ACollabLockedByUser\n      v-if=\"collabRoomInfo.moderator\"\n      :id=\"collabRoomInfo.moderator\"\n      :key=\"collabRoomInfo.moderator\"\n      :users=\"cachedUsers\"\n      is-moderator\n    />\n    <VDivider\n      class=\"ml-2 mr-1\"\n      style=\"height: 16px\"\n      vertical\n    />\n    <ACollabLockedByUser\n      v-for=\"userId in collabUsers\"\n      :id=\"userId\"\n      :key=\"userId\"\n      :users=\"cachedUsers\"\n      class=\"mx-1\"\n    />\n    <VDivider\n      v-if=\"collabUsers.length > 0\"\n      class=\"ml-1 mr-2\"\n      style=\"height: 16px\"\n      vertical\n    />\n    <ABtnSecondary\n      v-if=\"showRequestToJoinCollabButton\"\n      size=\"small\"\n      @click=\"requestToJoinCollabRoomAction\"\n    >\n      {{ t('common.collab.requestToCollaborate') }}\n    </ABtnSecondary>\n    <VBtn\n      v-if=\"waitingFroApproval\"\n      size=\"small\"\n      variant=\"text\"\n    >\n      <VIcon\n        class=\"mr-1\"\n        icon=\"mdi-loading mdi-spin\"\n      />\n      {{ t('common.collab.waitingForApprove') }}\n      <ACollabCountdown\n        parentheses\n        @done=\"waitingForApprovalTimerDone\"\n      />\n    </VBtn>\n    <ABtnIcon\n      v-if=\"showModeratorManagementButton\"\n      :aria-label=\"t('common.collab.moderatorManagement')\"\n      size=\"small\"\n      @click=\"showModeratorManagementDialogAction\"\n    >\n      <VIcon icon=\"mdi-account-details-outline\" />\n      <VTooltip\n        anchor=\"bottom\"\n        activator=\"parent\"\n        :text=\"t('common.collab.moderatorManagement')\"\n      />\n    </ABtnIcon>\n    <VDialog\n      v-if=\"approveRequestsToCollab.length\"\n      :model-value=\"true\"\n      width=\"auto\"\n    >\n      <VCard v-if=\"approveRequestsToCollab.length\">\n        <ADialogToolbar>\n          {{ t('common.collab.requestToCollaborateText') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList\n            v-model:selected=\"selectedIdsToCollab\"\n            select-strategy=\"independent\"\n          >\n            <VListItem\n              v-for=\"request in approveRequestsToCollab\"\n              :key=\"request.userId\"\n              :value=\"request.userId\"\n            >\n              <template #prepend>\n                <ACollabLockedByUser\n                  :id=\"request.userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #title>\n                <ACollabCountdown\n                  class=\"ml-3\"\n                  :seconds=\"calculateWaitingSeconds(request.timestamp)\"\n                  :label=\"t('common.collab.approvedAfterCountdown')\"\n                  @done=\"() => requestToJoinCollabTimerDone(request.userId)\"\n                />\n              </template>\n              <template #append=\"{ isActive, select }\">\n                <VCheckboxBtn\n                  :model-value=\"isActive\"\n                  color=\"primary\"\n                  @click=\"() => select(isActive)\"\n                />\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary\n            :disabled=\"!selectedIdsToCollab.length\"\n            @click=\"rejectRequestToCollaborate\"\n          >\n            {{ t('common.collab.button.reject') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            :disabled=\"!selectedIdsToCollab.length || approveRequestBlocked\"\n            @click.stop=\"approveRequestToCollaborate\"\n          >\n            {{ t('common.collab.button.accept') }}\n          </ABtnPrimary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <VDialog\n      v-model=\"showModeratorManagementDialog\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"moderatorManagementDialog = false\">\n          {{ t('common.collab.moderatorManagement') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList>\n            <VListItem\n              v-for=\"userId in collabUserIds\"\n              :key=\"userId\"\n              :link=\"false\"\n            >\n              <template #title>\n                <ACollabLockedByUser\n                  :id=\"userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #append>\n                <div class=\"ml-3\">\n                  <ABtnSecondary\n                    size=\"small\"\n                    @click=\"transferModerationAction(userId)\"\n                  >\n                    {{ t('common.collab.button.transferModeration') }}\n                  </ABtnSecondary>\n                  <ABtnTertiary\n                    size=\"small\"\n                    @click=\"kickUserAction(userId)\"\n                  >\n                    {{ t('common.collab.button.kickUser') }}\n                  </ABtnTertiary>\n                </div>\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"moderatorManagementDialog = false\">\n            {{ t('common.button.close') }}\n          </ABtnTertiary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <ABtnIcon\n      v-if=\"showRequestToTakeModerationButton\"\n      :aria-label=\"t('common.collab.requestToTakeModeration')\"\n      size=\"small\"\n      @click=\"requestToTakeModerationAction\"\n    >\n      <VIcon icon=\"mdi-account-switch\" />\n      <VTooltip\n        anchor=\"bottom\"\n        activator=\"parent\"\n        :text=\"t('common.collab.requestToTakeModeration')\"\n      />\n    </ABtnIcon>\n    <ABtnTertiary\n      v-if=\"showKickYourselfButton\"\n      size=\"small\"\n      @click=\"kickYourselfAction\"\n    >\n      {{ t('common.collab.button.kickYourself') }}\n    </ABtnTertiary>\n    <VMenu v-if=\"isAllowedToPurgeRoom\">\n      <template #activator=\"{ props: moreProps }\">\n        <VBtn\n          v-tooltip=\"t('common.collab.button.more')\"\n          :aria-label=\"t('common.collab.button.more')\"\n          variant=\"text\"\n          size=\"small\"\n          icon=\"mdi-dots-horizontal\"\n          v-bind=\"moreProps\"\n        />\n      </template>\n      <VList>\n        <VListItem\n          :title=\"t('common.collab.button.purgeCollabRoom')\"\n          @click.stop=\"purgeRoomAction\"\n        />\n      </VList>\n    </VMenu>\n    <VDialog\n      v-if=\"moderationRequest\"\n      v-model=\"approveRequestTakeModerationDialog\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar>\n          {{ t('common.collab.requestToTakeModerationTextTitle') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList>\n            <VListItem>\n              <template #prepend>\n                <ACollabLockedByUser\n                  :id=\"moderationRequest.userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #title>\n                <span class=\"ml-1\">{{ t('common.collab.requestToTakeModerationText') }}</span>\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"rejectRequestToTakeModerationAction\">\n            {{ t('common.collab.button.reject') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            :disabled=\"approveRequestBlocked\"\n            @click.stop=\"approveRequestToTakeModerationAction\"\n          >\n            {{ t('common.collab.button.accept') }}\n            <ACollabCountdown\n              parentheses\n              :seconds=\"calculateWaitingSeconds(moderationRequest.timestamp)\"\n              @done=\"resetRequestToTakeModeration\"\n            />\n          </ABtnPrimary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <VDialog\n      v-if=\"showJoinCollaborationDialog\"\n      :model-value=\"true\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"alertedOccupiedRooms.delete(props.collabRoom)\">\n          {{ t('common.collab.occupiedEntityTitle') }}\n        </ADialogToolbar>\n        <VCardText>{{ t('common.collab.occupiedEntityText') }}</VCardText>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"alertedOccupiedRooms.delete(props.collabRoom)\">\n            {{ t('common.button.close') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            v-if=\"showRequestToJoinCollabButton\"\n            @click=\"requestToJoinCollabRoomAction\"\n          >\n            {{ t('common.collab.requestToCollaborate') }}\n          </ABtnPrimary>\n          <VBtn\n            v-if=\"waitingFroApproval\"\n            variant=\"text\"\n          >\n            <VIcon\n              class=\"mr-1\"\n              icon=\"mdi-loading mdi-spin\"\n            />\n            {{ t('common.collab.waitingForApprove') }}\n            <ACollabCountdown\n              parentheses\n              @done=\"waitingForApprovalTimerDone\"\n            />\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/collab/components/ACollabManagement.vue.d.ts

@@ -0,0 +1,27 @@
+import { CollabRoom } from '../types/Collab';
+import { Ref } from 'vue';
+import { AddToCachedArgs } from '../../cached/composables/defineCached';
+import { IntegerId } from '../../../shared/types/common';
+import { CollabCachedUsersMap } from '../composables/collabHelpers';
+type __VLS_Props = {
+    collabRoom: CollabRoom;
+    cachedUsers: CollabCachedUsersMap | Ref<CollabCachedUsersMap>;
+    isEdit?: boolean;
+    isAllowedToPurgeRoom?: boolean;
+    approveRequestBlocked?: boolean;
+    addToCachedUsers?: ((...args: AddToCachedArgs<IntegerId>) => void) | undefined;
+    fetchCachedUsers?: (() => unknown) | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    approvedRequestToJoinCollabRoom: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprovedRequestToJoinCollabRoom?: (() => any) | undefined;
+}>, {
+    isEdit: boolean;
+    isAllowedToPurgeRoom: boolean;
+    approveRequestBlocked: boolean;
+    addToCachedUsers: (...args: AddToCachedArgs<IntegerId>) => void;
+    fetchCachedUsers: () => unknown;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;