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

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialog.js","names":["_sfc_main","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","UploadQueueDialog_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  useUploadQueueDialog,\n  useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetMetadataBulkItem,\n  bulkUpdateAssetsMetadata,\n  fetchAsset,\n  hasMetadataToSave,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    licenceId: IntegerId\n    fileInputKey: number\n    extSystem: IntegerId\n    accept: string | undefined\n    maxSizes: Record<string, number> | undefined\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'drop', files: File[]): void\n  (e: 'filesInput', files: File[]): void\n  (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n  useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n  return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n  return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n  return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads and items still waiting for metadata have nothing to\n// save. Without this check \"save\" would send nothing and report success.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands over the items with status uploaded, saved or not. Duplicates and copies count as uploaded.\n// A failed item also has asset and file ids, but it is not an image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not arrive because its notification is late or lost. Its form is disabled.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n  isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Exposed outside the dialog while either save runs, so the host\n// accepts no file for this queue through its own entry points.\n// The \"+\" and the dropzone here are disabled for the same reason.\n// Reset when the dialog closes, also mid-save, because that save may end after another dialog has started its own.\nwatch(\n  () => saveButtonLoading.value || saveAndCloseButtonLoading.value,\n  (saving) => {\n    uploadQueueDialogSaving.value = saving ? props.queueKey : null\n  },\n  { flush: 'sync' }\n)\n// A save and apply that waits for row reads stops there once the dialog has unmounted.\nlet disposed = false\nonBeforeUnmount(() => {\n  disposed = true\n  if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n  uploadQueuesStore.stopUpload(props.queueKey)\n  uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (saveButtonLoading.value || saveAndCloseButtonLoading.value) return\n  const itemsRaw = toRaw(items.value)\n  if (itemsRaw.length === 0) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  try {\n    await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onSaveAndApply = async () => {\n  if (saveButtonLoading.value || saveAndCloseButtonLoading.value) return\n  const itemsRaw = toRaw(items.value)\n  if (itemsRaw.length === 0) return\n  saveAndCloseButtonLoading.value = true\n  // The save skips a row without its form. Its image would be handed over without texts and its asset left unsaved.\n  // Such rows are read once more, as their refresh does.\n  // A form that arrives this way has not been seen by the user, so\n  // nothing is saved or handed over until the button is pressed again.\n  // If no form arrives, the save continues as before.\n  const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n  if (withoutForm.length > 0) {\n    const shownFor = uploadQueueDialog.value\n    await Promise.all(\n      withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n    )\n    // The dialog closed during the read and its queue was stopped and emptied. Nothing is saved or handed over.\n    // Otherwise the save would go out for a queue the user has left.\n    if (disposed || uploadQueueDialog.value !== shownFor) {\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n    // A row given up meanwhile because its asset is gone (\"Asset už\n    // neexistuje.\") is not handed over. The user is warned, as on refresh.\n    // It may be given up by this read or by another one. A row\n    // uploaded before the read could not have been given up earlier.\n    if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n      showWarningT('common.damImage.queueItem.assetGone')\n    }\n    if (withoutForm.some((item) => item.canEditMetadata)) {\n      showWarningT('common.damImage.upload.metadataJustLoaded')\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n  }\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveAndCloseButtonLoading.value = false\n    return\n  }\n  try {\n    let res: AssetMetadataBulkItem[]\n    try {\n      res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n    } catch (error) {\n      showMetadataSaveError(error, props.extSystem, damConfigName)\n      return\n    }\n    const uploaded = itemsRaw.filter(isUploaded)\n    const mappedItems = customUploadMetadataToImageMap\n      ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n      : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n    // The save skips a row whose metadata never came, but its image is still handed over, without authors.\n    // Its DAM authors are unknown. They are offered only for assets the save answered\n    // for, otherwise the widget's picked authors would replace the asset's own.\n    const savedAssetIds = new Set(res.map((saved) => saved.id))\n    // No position is set here. The receiving widget assigns each image a position\n    // after its last one, overriding any position an application mapping set.\n    const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n      key: generateUUIDv1(),\n      ...item,\n      damAuthors: item.authorIds ?? [],\n      showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n      assetId: item.assetId ?? undefined,\n    }))\n    emit('apply', storeItems)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    saveAndCloseButtonLoading.value = false\n  }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n  updateUploadStore.value = true\n  try {\n    await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"true\"\n    fullscreen\n    scrollable\n    class=\"overlay--sidebar\"\n  >\n    <VCard>\n      <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n        <div class=\"d-flex w-100 h-100 flex-column\">\n          <VToolbar\n            class=\"w-100 border-b pr-1\"\n            :color=\"toolbarColor\"\n            density=\"compact\"\n            :height=\"64\"\n            style=\"overflow-x: auto\"\n          >\n            <div class=\"d-flex align-center px-2\">\n              <div>\n                <div\n                  v-if=\"isUploading\"\n                  class=\"text-label-large d-flex align-center\"\n                >\n                  {{ t('common.damImage.upload.title') }}\n                </div>\n                <div\n                  v-else\n                  class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n                >\n                  {{ t('common.damImage.upload.titleDone') }}\n                </div>\n              </div>\n            </div>\n            <VSpacer />\n            <div\n              v-if=\"isUploading\"\n              class=\"text-body-small d-flex align-center\"\n            >\n              <VProgressCircular\n                indeterminate\n                color=\"primary\"\n                size=\"16\"\n                width=\"2\"\n                class=\"mr-1\"\n              />\n              <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n            </div>\n            <div class=\"d-flex align-center pr-3\">\n              <VDivider\n                v-show=\"isUploading\"\n                vertical\n                class=\"mx-4 my-2\"\n              />\n              <ABtnPrimary\n                v-if=\"isFinished\"\n                :height=\"36\"\n                class=\"mr-2\"\n                rounded=\"pill\"\n                :loading=\"saveAndCloseButtonLoading\"\n                :disabled=\"saveButtonLoading || nothingToApply\"\n                @click.stop=\"onSaveAndApply\"\n              >\n                {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n              </ABtnPrimary>\n              <VBtn\n                :aria-label=\"t('common.damImage.upload.save')\"\n                variant=\"text\"\n                :height=\"36\"\n                :width=\"36\"\n                class=\"mr-2 text-medium-emphasis\"\n                icon\n                :loading=\"saveButtonLoading\"\n                :disabled=\"saveAndCloseButtonLoading || nothingToSave\"\n                @click.stop=\"onSave\"\n              >\n                <VIcon icon=\"mdi-content-save\" />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.damImage.upload.save') }}\n                </VTooltip>\n              </VBtn>\n              <!--\n                No file can be added while a save runs. \"Save and apply\" ends\n                with the host closing the dialog and emptying its queue.\n                A file added meanwhile would be dropped half uploaded, without notice.\n              -->\n              <AFileInput\n                :file-input-key=\"fileInputKey\"\n                :accept=\"accept\"\n                :max-sizes=\"maxSizes\"\n                multiple\n                @files-input=\"emit('filesInput', $event)\"\n              >\n                <template #activator=\"{ props: fileInputProps }\">\n                  <VBtn\n                    :aria-label=\"t('common.damImage.upload.add')\"\n                    icon\n                    variant=\"text\"\n                    :height=\"34\"\n                    :width=\"34\"\n                    class=\"text-medium-emphasis\"\n                    :disabled=\"saveButtonLoading || saveAndCloseButtonLoading\"\n                    v-bind=\"fileInputProps\"\n                  >\n                    <VIcon icon=\"mdi-plus\" />\n                    <VTooltip\n                      activator=\"parent\"\n                      location=\"bottom\"\n                    >\n                      {{ t('common.damImage.upload.add') }}\n                    </VTooltip>\n                  </VBtn>\n                </template>\n              </AFileInput>\n              <VDivider\n                vertical\n                class=\"mx-4 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n                :height=\"36\"\n                :width=\"36\"\n                :active=\"uploadQueueSidebar\"\n                :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n                :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n                class=\"mr-2 text-medium-emphasis\"\n                icon\n                @click.stop=\"toggleUploadQueueSidebar\"\n              >\n                <VIcon icon=\"mdi-tag-text-outline\" />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.damImage.asset.massOperations.title') }}\n                </VTooltip>\n              </VBtn>\n              <UploadQueueButtonStop\n                data-cy=\"button-close\"\n                :button-size=\"36\"\n                :is-uploading=\"isUploading\"\n                @confirm=\"onStopConfirm\"\n              />\n            </div>\n          </VToolbar>\n          <UploadQueueEditable\n            :queue-key=\"queueKey\"\n            :ext-system=\"extSystem\"\n            :config-name=\"damConfigName\"\n            :mass-operations=\"uploadQueueSidebar\"\n            @show-detail=\"showDetail\"\n          />\n        </div>\n        <AImageDropzone\n          variant=\"fill\"\n          transparent\n          hover-only\n          :accept=\"accept\"\n          :max-sizes=\"maxSizes\"\n          :disabled=\"saveButtonLoading || saveAndCloseButtonLoading\"\n          @drop=\"emit('drop', $event)\"\n        />\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.vue.d.ts

@@ -0,0 +1,24 @@
+import { ImageStoreItem } from '../../types/ImageAware';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    queueKey: string;
+    licenceId: IntegerId;
+    fileInputKey: number;
+    extSystem: IntegerId;
+    accept: string | undefined;
+    maxSizes: Record<string, number> | undefined;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    apply: (items: ImageStoreItem[]) => any;
+    drop: (files: File[]) => any;
+    filesInput: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApply?: ((items: ImageStoreItem[]) => any) | undefined;
+    onDrop?: ((files: File[]) => any) | undefined;
+    onFilesInput?: ((files: File[]) => any) | undefined;
+}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,298 @@
+import { useUploadQueueDialog as e, useUploadQueueDialogDrawn as t } from "../composables/useUploadQueueDialog.js";
+import n from "./UploadQueueEditable.js";
+import { useUploadQueuesStore as r } from "../store/uploadQueuesStore.js";
+import { useTheme as i } from "../../../system/composables/themeSettings.js";
+import a from "./UploadQueueButtonStop.js";
+import { useAlerts as ee } from "../../../system/composables/alerts.js";
+import { bulkUpdateAssetsMetadata as o, fetchAsset as te, hasMetadataToSave as ne, showMetadataSaveError as s } from "../../api/damAssetApi.js";
+import { useCommonAdminCoreDamOptions as re } from "../../composables/commonAdminCoreDamOptions.js";
+import ie from "../../../ui/file/components/AFileInput.js";
+import ae from "../../../ui/file/components/AFileDropzone.js";
+import { UploadQueueItemStatus as oe } from "../../types/UploadQueue.js";
+import { generateUUIDv1 as se } from "../../../../shared/utils/generator.js";
+import { mapUploadMetadataToImages as ce } from "../../imageWidget/utils/metadataToImageMap.js";
+import { useAssetDetailStore as le } from "../../assetDetail/store/assetDetailStore.js";
+import { useDamConfigName as ue } from "../../composables/damConfigName.js";
+import { isNull as de } from "../../../../shared/utils/common.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeProps as fe, onBeforeUnmount as pe, openBlock as g, ref as _, resolveComponent as me, toDisplayString as v, toRaw as y, unref as b, vShow as he, watch as ge, withCtx as x, withDirectives as _e, withModifiers as S } from "vue";
+import { useI18n as ve } from "vue-i18n";
+import { VSpacer as ye } from "vuetify/components/VGrid";
+import { VIcon as C } from "vuetify/components/VIcon";
+import { VProgressCircular as w } from "vuetify/components/VProgressCircular";
+import { VCard as be } from "vuetify/components/VCard";
+import { VTooltip as T } from "vuetify/components/VTooltip";
+import { useDisplay as xe } from "vuetify";
+import { VBtn as E } from "vuetify/components/VBtn";
+import { VToolbar as Se } from "vuetify/components/VToolbar";
+import { VDialog as Ce } from "vuetify/components/VDialog";
+import we from "@vuelidate/core";
+import { VDivider as D } from "vuetify/components/VDivider";
+import { storeToRefs as Te } from "pinia";
+// src/domains/dam/uploadQueue/components/UploadQueueDialog.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "asset-footer__upload asset-footer--full asset-footer__upload--full pa-0" }, Ee = { class: "d-flex w-100 h-100 flex-column" }, De = { class: "d-flex align-center px-2" }, Oe = {
+	key: 0,
+	class: "text-label-large d-flex align-center"
+}, ke = {
+	key: 1,
+	class: "text-label-large d-flex align-center text-green-darken-3 font-weight-bold"
+}, Ae = {
+	key: 0,
+	class: "text-body-small d-flex align-center"
+}, je = { class: "d-flex align-center pr-3" }, k = /*@__PURE__*/ h({
+	__name: "UploadQueueDialog",
+	props: {
+		queueKey: {},
+		licenceId: {},
+		fileInputKey: {},
+		extSystem: {},
+		accept: {},
+		maxSizes: {},
+		configName: { default: void 0 }
+	},
+	emits: [
+		"drop",
+		"filesInput",
+		"apply"
+	],
+	setup(h, { emit: k }) {
+		let A = h, j = k, M = ue(A.configName), { uploadQueueDialog: N, uploadQueueDialogSaving: P, uploadQueueSidebar: F, toggleUploadQueueSidebar: Me } = e(), I = r(), L = c(() => I.getQueueTotalCount(A.queueKey)), R = c(() => I.getQueueItems(A.queueKey)), z = c(() => I.getQueueProcessedCount(A.queueKey)), B = c(() => L.value > z.value), Ne = c(() => L.value === z.value), Pe = c(() => !R.value.some(ne)), V = (e) => e.status === oe.Uploaded, Fe = c(() => !R.value.some(V)), Ie = (e) => V(e) && !e.canEditMetadata && !de(e.assetId), { t: H } = ve(), { toolbarColor: Le } = i(), { mdAndDown: Re } = xe(), U = we({ $stopPropagation: !0 }), { showRecordWas: ze, showValidationError: W, showErrorsDefault: G, showWarningT: K } = ee(), { damClient: q, endPointAsset: J, endPointAuthor: Be, customUploadMetadataToImageMap: Y } = re(M), X = _(!1), Z = _(!1);
+		ge(() => X.value || Z.value, (e) => {
+			P.value = e ? A.queueKey : null;
+		}, { flush: "sync" });
+		let Q = !1;
+		pe(() => {
+			Q = !0, P.value === A.queueKey && (P.value = null);
+		}), t(A.queueKey);
+		let Ve = async () => {
+			I.stopUpload(A.queueKey), N.value = null;
+		}, He = async () => {
+			if (X.value || Z.value) return;
+			let e = y(R.value);
+			if (e.length !== 0) {
+				if (X.value = !0, U.value.$touch(), U.value.$invalid) W(), X.value = !1;
+				else try {
+					await o(q, J, e), ze("updated");
+				} catch (e) {
+					s(e, A.extSystem, M);
+				} finally {
+					X.value = !1;
+				}
+			}
+		}, Ue = async () => {
+			if (X.value || Z.value) return;
+			let e = y(R.value);
+			if (e.length === 0) return;
+			Z.value = !0;
+			let t = e.filter(Ie);
+			if (t.length > 0) {
+				let e = N.value;
+				if (await Promise.all(t.map((e) => I.refreshAsset(e.assetId, { queueKey: A.queueKey }))), Q || N.value !== e) {
+					Z.value = !1;
+					return;
+				}
+				if (t.some((e) => I.isGivenUpMissing(e)) && K("common.damImage.queueItem.assetGone"), t.some((e) => e.canEditMetadata)) {
+					K("common.damImage.upload.metadataJustLoaded"), Z.value = !1;
+					return;
+				}
+			}
+			if (U.value.$touch(), U.value.$invalid) W(), Z.value = !1;
+			else try {
+				let t;
+				try {
+					t = await o(q, J, e);
+				} catch (e) {
+					s(e, A.extSystem, M);
+					return;
+				}
+				let n = e.filter(V), r = Y ? await Y(n, t, q, A.extSystem, A.licenceId) : await ce(n, t, q, A.extSystem, A.licenceId, Be), i = new Set(t.map((e) => e.id)), a = r.map((e) => ({
+					key: se(),
+					...e,
+					damAuthors: e.authorIds ?? [],
+					showDamAuthors: !!e.assetId && i.has(e.assetId) && (e.authorIds ?? []).length === 0,
+					assetId: e.assetId ?? void 0
+				}));
+				j("apply", a);
+			} catch (e) {
+				G(e);
+			} finally {
+				Z.value = !1;
+			}
+		}, $ = le(), { updateUploadStore: We } = Te($), Ge = async (e) => {
+			We.value = !0;
+			try {
+				await $.open(A.queueKey, () => te(q, J, e));
+			} catch (e) {
+				G(e);
+			}
+		};
+		return (e, t) => {
+			let r = me("ABtnPrimary");
+			return g(), l(Ce, {
+				"model-value": !0,
+				fullscreen: "",
+				scrollable: "",
+				class: "overlay--sidebar"
+			}, {
+				default: x(() => [m(be, null, {
+					default: x(() => [f("div", O, [f("div", Ee, [m(Se, {
+						class: "w-100 border-b pr-1",
+						color: b(Le),
+						density: "compact",
+						height: 64,
+						style: { "overflow-x": "auto" }
+					}, {
+						default: x(() => [
+							f("div", De, [f("div", null, [B.value ? (g(), d("div", Oe, v(b(H)("common.damImage.upload.title")), 1)) : (g(), d("div", ke, v(b(H)("common.damImage.upload.titleDone")), 1))])]),
+							m(ye),
+							B.value ? (g(), d("div", Ae, [m(w, {
+								indeterminate: "",
+								color: "primary",
+								size: "16",
+								width: "2",
+								class: "mr-1"
+							}), f("div", null, v(b(H)("common.damImage.upload.uploading")) + " " + v(z.value + 1) + "/" + v(L.value), 1)])) : u("", !0),
+							f("div", je, [
+								_e(m(D, {
+									vertical: "",
+									class: "mx-4 my-2"
+								}, null, 512), [[he, B.value]]),
+								Ne.value ? (g(), l(r, {
+									key: 0,
+									height: 36,
+									class: "mr-2",
+									rounded: "pill",
+									loading: Z.value,
+									disabled: X.value || Fe.value,
+									onClick: S(Ue, ["stop"])
+								}, {
+									default: x(() => [p(v(b(Re) ? b(H)("common.damImage.upload.apply") : b(H)("common.damImage.upload.saveAndApply")), 1)]),
+									_: 1
+								}, 8, ["loading", "disabled"])) : u("", !0),
+								m(E, {
+									"aria-label": b(H)("common.damImage.upload.save"),
+									variant: "text",
+									height: 36,
+									width: 36,
+									class: "mr-2 text-medium-emphasis",
+									icon: "",
+									loading: X.value,
+									disabled: Z.value || Pe.value,
+									onClick: S(He, ["stop"])
+								}, {
+									default: x(() => [m(C, { icon: "mdi-content-save" }), m(T, {
+										activator: "parent",
+										location: "bottom"
+									}, {
+										default: x(() => [p(v(b(H)("common.damImage.upload.save")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, [
+									"aria-label",
+									"loading",
+									"disabled"
+								]),
+								m(ie, {
+									"file-input-key": h.fileInputKey,
+									accept: h.accept,
+									"max-sizes": h.maxSizes,
+									multiple: "",
+									onFilesInput: t[0] ||= (e) => j("filesInput", e)
+								}, {
+									activator: x(({ props: e }) => [m(E, fe({
+										"aria-label": b(H)("common.damImage.upload.add"),
+										icon: "",
+										variant: "text",
+										height: 34,
+										width: 34,
+										class: "text-medium-emphasis",
+										disabled: X.value || Z.value
+									}, e), {
+										default: x(() => [m(C, { icon: "mdi-plus" }), m(T, {
+											activator: "parent",
+											location: "bottom"
+										}, {
+											default: x(() => [p(v(b(H)("common.damImage.upload.add")), 1)]),
+											_: 1
+										})]),
+										_: 1
+									}, 16, ["aria-label", "disabled"])]),
+									_: 1
+								}, 8, [
+									"file-input-key",
+									"accept",
+									"max-sizes"
+								]),
+								m(D, {
+									vertical: "",
+									class: "mx-4 my-2"
+								}),
+								m(E, {
+									"aria-label": b(H)("common.damImage.asset.massOperations.title"),
+									height: 36,
+									width: 36,
+									active: b(F),
+									variant: b(F) ? "flat" : "text",
+									color: b(F) ? "secondary" : "",
+									class: "mr-2 text-medium-emphasis",
+									icon: "",
+									onClick: S(b(Me), ["stop"])
+								}, {
+									default: x(() => [m(C, { icon: "mdi-tag-text-outline" }), m(T, {
+										activator: "parent",
+										location: "bottom"
+									}, {
+										default: x(() => [p(v(b(H)("common.damImage.asset.massOperations.title")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, [
+									"aria-label",
+									"active",
+									"variant",
+									"color",
+									"onClick"
+								]),
+								m(a, {
+									"data-cy": "button-close",
+									"button-size": 36,
+									"is-uploading": B.value,
+									onConfirm: Ve
+								}, null, 8, ["is-uploading"])
+							])
+						]),
+						_: 1
+					}, 8, ["color"]), m(n, {
+						"queue-key": h.queueKey,
+						"ext-system": h.extSystem,
+						"config-name": b(M),
+						"mass-operations": b(F),
+						onShowDetail: Ge
+					}, null, 8, [
+						"queue-key",
+						"ext-system",
+						"config-name",
+						"mass-operations"
+					])]), m(ae, {
+						variant: "fill",
+						transparent: "",
+						"hover-only": "",
+						accept: h.accept,
+						"max-sizes": h.maxSizes,
+						disabled: X.value || Z.value,
+						onDrop: t[1] ||= (e) => j("drop", e)
+					}, null, 8, [
+						"accept",
+						"max-sizes",
+						"disabled"
+					])])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+export { k as default };
+
+//# sourceMappingURL=UploadQueueDialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","_component_VDialog","_withCtx","_createVNode","_component_VCard","_createElementVNode","_component_VToolbar","_unref","_createElementBlock","_toDisplayString","_component_VSpacer","_component_VProgressCircular","_createCommentVNode","_withDirectives","_component_VDivider","_vShow","_withModifiers","_createTextVNode","_component_VBtn","_component_VIcon","_component_VTooltip","AFileInput","_mergeProps","UploadQueueButtonStop","UploadQueueEditable","AImageDropzone","UploadQueueEditable_default","UploadQueueButtonStop_default","AFileInput_default","AFileDropzone_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","queueTotalCount","computed","items","queueProcessedCount","isUploading","isFinished","nothingToSave","hasMetadataToSave","isUploaded","item","UploadQueueItemStatus","nothingToApply","isUploadedWithoutForm","isNull","useI18n","useTheme","useDisplay","v$","useAlerts","useCommonAdminCoreDamOptions","saveButtonLoading","ref","saveAndCloseButtonLoading","saving","disposed","onBeforeUnmount","uploadQueueDialogSaving","useUploadQueueDialogDrawn","onStopConfirm","onSave","itemsRaw","toRaw","showValidationError","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","withoutForm","shownFor","uploadQueueDialog","showWarningT","res","uploaded","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","savedAssetIds","saved","storeItems","generateUUIDv1","assetDetailStore","useAssetDetailStore","storeToRefs","showDetail","fetchAsset","id","_component_ABtnPrimary","resolveComponent","openBlock","createBlock","VDialog","withCtx","createVNode","VCard","createElementVNode","VToolbar","unref","toolbarColor","createElementBlock","toDisplayString","t","VSpacer","VProgressCircular","createCommentVNode","withDirectives","VDivider","vShow","withModifiers","createTextVNode","mdAndDown","VBtn","VIcon","VTooltip","_cache","$event","fileInputProps","mergeProps","uploadQueueSidebar","toggleUploadQueueSidebar"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  useUploadQueueDialog,\n  useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetMetadataBulkItem,\n  bulkUpdateAssetsMetadata,\n  fetchAsset,\n  hasMetadataToSave,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    licenceId: IntegerId\n    fileInputKey: number\n    extSystem: IntegerId\n    accept: string | undefined\n    maxSizes: Record<string, number> | undefined\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'drop', files: File[]): void\n  (e: 'filesInput', files: File[]): void\n  (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n  useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n  return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n  return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n  return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads and items still waiting for metadata have nothing to\n// save. Without this check \"save\" would send nothing and report success.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands over the items with status uploaded, saved or not. Duplicates and copies count as uploaded.\n// A failed item also has asset and file ids, but it is not an image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not arrive because its notification is late or lost. Its form is disabled.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n  isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Exposed outside the dialog while either save runs, so the host\n// accepts no file for this queue through its own entry points.\n// The \"+\" and the dropzone here are disabled for the same reason.\n// Reset when the dialog closes, also mid-save, because that save may end after another dialog has started its own.\nwatch(\n  () => saveButtonLoading.value || saveAndCloseButtonLoading.value,\n  (saving) => {\n    uploadQueueDialogSaving.value = saving ? props.queueKey : null\n  },\n  { flush: 'sync' }\n)\n// A save and apply that waits for row reads stops there once the dialog has unmounted.\nlet disposed = false\nonBeforeUnmount(() => {\n  disposed = true\n  if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n  uploadQueuesStore.stopUpload(props.queueKey)\n  uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (saveButtonLoading.value || saveAndCloseButtonLoading.value) return\n  const itemsRaw = toRaw(items.value)\n  if (itemsRaw.length === 0) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  try {\n    await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onSaveAndApply = async () => {\n  if (saveButtonLoading.value || saveAndCloseButtonLoading.value) return\n  const itemsRaw = toRaw(items.value)\n  if (itemsRaw.length === 0) return\n  saveAndCloseButtonLoading.value = true\n  // The save skips a row without its form. Its image would be handed over without texts and its asset left unsaved.\n  // Such rows are read once more, as their refresh does.\n  // A form that arrives this way has not been seen by the user, so\n  // nothing is saved or handed over until the button is pressed again.\n  // If no form arrives, the save continues as before.\n  const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n  if (withoutForm.length > 0) {\n    const shownFor = uploadQueueDialog.value\n    await Promise.all(\n      withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n    )\n    // The dialog closed during the read and its queue was stopped and emptied. Nothing is saved or handed over.\n    // Otherwise the save would go out for a queue the user has left.\n    if (disposed || uploadQueueDialog.value !== shownFor) {\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n    // A row given up meanwhile because its asset is gone (\"Asset už\n    // neexistuje.\") is not handed over. The user is warned, as on refresh.\n    // It may be given up by this read or by another one. A row\n    // uploaded before the read could not have been given up earlier.\n    if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n      showWarningT('common.damImage.queueItem.assetGone')\n    }\n    if (withoutForm.some((item) => item.canEditMetadata)) {\n      showWarningT('common.damImage.upload.metadataJustLoaded')\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n  }\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveAndCloseButtonLoading.value = false\n    return\n  }\n  try {\n    let res: AssetMetadataBulkItem[]\n    try {\n      res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n    } catch (error) {\n      showMetadataSaveError(error, props.extSystem, damConfigName)\n      return\n    }\n    const uploaded = itemsRaw.filter(isUploaded)\n    const mappedItems = customUploadMetadataToImageMap\n      ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n      : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n    // The save skips a row whose metadata never came, but its image is still handed over, without authors.\n    // Its DAM authors are unknown. They are offered only for assets the save answered\n    // for, otherwise the widget's picked authors would replace the asset's own.\n    const savedAssetIds = new Set(res.map((saved) => saved.id))\n    // No position is set here. The receiving widget assigns each image a position\n    // after its last one, overriding any position an application mapping set.\n    const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n      key: generateUUIDv1(),\n      ...item,\n      damAuthors: item.authorIds ?? [],\n      showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n      assetId: item.assetId ?? undefined,\n    }))\n    emit('apply', storeItems)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    saveAndCloseButtonLoading.value = false\n  }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n  updateUploadStore.value = true\n  try {\n    await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"true\"\n    fullscreen\n    scrollable\n    class=\"overlay--sidebar\"\n  >\n    <VCard>\n      <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n        <div class=\"d-flex w-100 h-100 flex-column\">\n          <VToolbar\n            class=\"w-100 border-b pr-1\"\n            :color=\"toolbarColor\"\n            density=\"compact\"\n            :height=\"64\"\n            style=\"overflow-x: auto\"\n          >\n            <div class=\"d-flex align-center px-2\">\n              <div>\n                <div\n                  v-if=\"isUploading\"\n                  class=\"text-label-large d-flex align-center\"\n                >\n                  {{ t('common.damImage.upload.title') }}\n                </div>\n                <div\n                  v-else\n                  class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n                >\n                  {{ t('common.damImage.upload.titleDone') }}\n                </div>\n              </div>\n            </div>\n            <VSpacer />\n            <div\n              v-if=\"isUploading\"\n              class=\"text-body-small d-flex align-center\"\n            >\n              <VProgressCircular\n                indeterminate\n                color=\"primary\"\n                size=\"16\"\n                width=\"2\"\n                class=\"mr-1\"\n              />\n              <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n            </div>\n            <div class=\"d-flex align-center pr-3\">\n              <VDivider\n                v-show=\"isUploading\"\n                vertical\n                class=\"mx-4 my-2\"\n              />\n              <ABtnPrimary\n                v-if=\"isFinished\"\n                :height=\"36\"\n                class=\"mr-2\"\n                rounded=\"pill\"\n                :loading=\"saveAndCloseButtonLoading\"\n                :disabled=\"saveButtonLoading || nothingToApply\"\n                @click.stop=\"onSaveAndApply\"\n              >\n                {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n              </ABtnPrimary>\n              <VBtn\n                :aria-label=\"t('common.damImage.upload.save')\"\n                variant=\"text\"\n                :height=\"36\"\n                :width=\"36\"\n                class=\"mr-2 text-medium-emphasis\"\n                icon\n                :loading=\"saveButtonLoading\"\n                :disabled=\"saveAndCloseButtonLoading || nothingToSave\"\n                @click.stop=\"onSave\"\n              >\n                <VIcon icon=\"mdi-content-save\" />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.damImage.upload.save') }}\n                </VTooltip>\n              </VBtn>\n              <!--\n                No file can be added while a save runs. \"Save and apply\" ends\n                with the host closing the dialog and emptying its queue.\n                A file added meanwhile would be dropped half uploaded, without notice.\n              -->\n              <AFileInput\n                :file-input-key=\"fileInputKey\"\n                :accept=\"accept\"\n                :max-sizes=\"maxSizes\"\n                multiple\n                @files-input=\"emit('filesInput', $event)\"\n              >\n                <template #activator=\"{ props: fileInputProps }\">\n                  <VBtn\n                    :aria-label=\"t('common.damImage.upload.add')\"\n                    icon\n                    variant=\"text\"\n                    :height=\"34\"\n                    :width=\"34\"\n                    class=\"text-medium-emphasis\"\n                    :disabled=\"saveButtonLoading || saveAndCloseButtonLoading\"\n                    v-bind=\"fileInputProps\"\n                  >\n                    <VIcon icon=\"mdi-plus\" />\n                    <VTooltip\n                      activator=\"parent\"\n                      location=\"bottom\"\n                    >\n                      {{ t('common.damImage.upload.add') }}\n                    </VTooltip>\n                  </VBtn>\n                </template>\n              </AFileInput>\n              <VDivider\n                vertical\n                class=\"mx-4 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n                :height=\"36\"\n                :width=\"36\"\n                :active=\"uploadQueueSidebar\"\n                :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n                :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n                class=\"mr-2 text-medium-emphasis\"\n                icon\n                @click.stop=\"toggleUploadQueueSidebar\"\n              >\n                <VIcon icon=\"mdi-tag-text-outline\" />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.damImage.asset.massOperations.title') }}\n                </VTooltip>\n              </VBtn>\n              <UploadQueueButtonStop\n                data-cy=\"button-close\"\n                :button-size=\"36\"\n                :is-uploading=\"isUploading\"\n                @confirm=\"onStopConfirm\"\n              />\n            </div>\n          </VToolbar>\n          <UploadQueueEditable\n            :queue-key=\"queueKey\"\n            :ext-system=\"extSystem\"\n            :config-name=\"damConfigName\"\n            :mass-operations=\"uploadQueueSidebar\"\n            @show-detail=\"showDetail\"\n          />\n        </div>\n        <AImageDropzone\n          variant=\"fill\"\n          transparent\n          hover-only\n          :accept=\"accept\"\n          :max-sizes=\"maxSizes\"\n          :disabled=\"saveButtonLoading || saveAndCloseButtonLoading\"\n          @drop=\"emit('drop', $event)\"\n        />\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.js

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

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingle.js","names":["_sfc_main","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingle_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport { assetDetailViewOfUploadItem } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport {\n  useUploadQueueDialog,\n  useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetMetadataBulkItem,\n  bulkUpdateAssetsMetadata,\n  fetchAsset,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingleSidebar from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    licenceId: IntegerId\n    fileInputKey: number\n    accept: string | undefined\n    maxSizes: Record<string, number> | undefined\n    configName?: string\n    disableDoneAnimation?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'apply', items: ImageCreateUpdateAware[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault, showRecordWas } = useAlerts()\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { activeTab, loading, asset: assetDetail } = storeToRefs(assetDetailStore)\nconst enableRoiTab = ref(false)\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog } = useUploadQueueDialog()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst isDone = computed(() => {\n  return !isNull(item.value) && item.value.status === UploadQueueItemStatus.Uploaded\n})\n\n// The title stays \"done\", in the error colour for a refused or failed file.\nconst isFailed = computed(() => item.value?.status === UploadQueueItemStatus.Failed)\n\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap, simpleAssetSidebarEnabled } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() =>\n  assetDetailViewOfUploadItem(item.value, assetDetail.value, {\n    enableRoiTab: enableRoiTab.value,\n    disableDoneAnimation: props.disableDoneAnimation,\n    simpleAssetSidebarEnabled,\n  })\n)\n\nconst onStopConfirm = async () => {\n  uploadQueuesStore.stopUpload(props.queueKey)\n  assetDetailStore.setAsset(null)\n  uploadQueueDialog.value = null\n}\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst queueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n  return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n  return queueTotalCount.value > queueProcessedCount.value\n})\n\n// The item's own switch. The store loads it with the item's metadata,\n// then the user owns it. A duplicate takes the original's value.\n// Not the asset detail's value: that is reset from the server when the\n// item turns uploaded, overwriting the user's choice made during upload.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// Whether the duplicate's original is single use, as found. The notice is about that\n// asset and does not follow the switch, which is the item's value from then on.\nconst originalIsSingleUse = ref(false)\nwatch(\n  () => item.value?.isDuplicate,\n  (isDuplicate) => {\n    originalIsSingleUse.value = !!isDuplicate && item.value?.mainFileSingleUse === true\n  },\n  { immediate: true }\n)\n\n// Which button is saving. The other one waits, so no second request is sent.\nconst saving = ref<'save' | 'saveAndApply' | null>(null)\n\nconst onSave = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'save'\n  try {\n    await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    saving.value = null\n  }\n}\n\nconst onSaveAndApply = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'saveAndApply'\n  try {\n    let assetsMetadataRes: AssetMetadataBulkItem[]\n    try {\n      assetsMetadataRes = await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n      if (!assetsMetadataRes[0]) {\n        throw new Error('Fatal error updating asset metadata')\n      }\n    } catch (error) {\n      showMetadataSaveError(error, props.extSystem, damConfigName)\n      return\n    }\n    showRecordWas('updated')\n    const mappedItems = customUploadMetadataToImageMap\n      ? await customUploadMetadataToImageMap(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId\n        )\n      : await mapUploadMetadataToImages(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId,\n          endPointAuthor\n        )\n    emit(\n      'apply',\n      mappedItems.map((item) => ({\n        ...item,\n        position: 1,\n      }))\n    )\n    await onStopConfirm()\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    saving.value = null\n  }\n}\n\n// Read when the file is done and again when the row gets another asset.\n// A duplicate row becomes the original only after the original asset was read, so the first read showed no \"File info\".\nwatch(\n  [isDone, () => item.value?.assetId],\n  async ([done, assetId]) => {\n    if (!done || !assetId) return\n    // Capture the row being read. A dialog closed meanwhile empties its\n    // queue, and the widget's next upload is a new row in the same queue.\n    const row = item.value\n    try {\n      const res = await fetchAsset(damClient, endPointAsset, assetId)\n      // If the dialog closed meanwhile, its queue is emptied. The detail store\n      // is shared, so writing now would show this asset in the next dialog.\n      // The same applies to a row that has another asset by now.\n      if (item.value?.assetId !== assetId) return\n      assetDetailStore.setAsset(res)\n      enableRoiTab.value = true\n    } catch (e) {\n      // Skip the error if the dialog closed meanwhile. It would appear\n      // over whatever the user moved on to, such as the next upload.\n      // A row that became the original of a duplicate is the same row, so its failed read is reported normally.\n      if (item.value !== row) return\n      showErrorsDefault(e)\n    }\n  },\n  { immediate: true }\n)\n\nonMounted(() => {\n  activeTab.value = AssetDetailTabImageWithRoi.Info\n})\n</script>\n\n<template>\n  <AssetDetailDialogFrame\n    :loading=\"loading || !item\"\n    :view=\"view\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    @close=\"onStopConfirm\"\n  >\n    <template #title>\n      <div\n        v-if=\"isUploading\"\n        class=\"text-label-large\"\n      >\n        {{ t('common.damImage.upload.title') }}\n      </div>\n      <div\n        v-else\n        class=\"text-label-large font-weight-bold\"\n        :class=\"isFailed ? 'text-error' : 'text-green-darken-3'\"\n      >\n        {{ t('common.damImage.upload.titleDone') }}\n      </div>\n    </template>\n    <template #toolbar-actions>\n      <UploadQueueButtonStop\n        data-cy=\"button-close\"\n        :button-size=\"36\"\n        :is-uploading=\"isUploading\"\n        @confirm=\"onStopConfirm\"\n      />\n    </template>\n    <template #image-overlay>\n      <UploadQueueItemErrorOverlay\n        v-if=\"item && item.error.hasError\"\n        :error=\"item.error\"\n      />\n    </template>\n    <template #sidebar=\"{ view: shown }\">\n      <UploadQueueDialogSingleSidebar\n        v-if=\"shown.id\"\n        :key=\"shown.id\"\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :enable-roi-tab=\"enableRoiTab\"\n        :show-file-info=\"enableRoiTab\"\n        :asset-id=\"shown.id\"\n        :is-video=\"shown.assetType === DamAssetType.Video\"\n        :is-audio=\"shown.assetType === DamAssetType.Audio\"\n        :is-image=\"shown.assetType === DamAssetType.Image\"\n        :is-document=\"shown.assetType === DamAssetType.Document\"\n        :asset-status=\"shown.assetStatus\"\n        :asset-type=\"shown.assetType\"\n        :asset-main-file-status=\"shown.mainFile ? shown.mainFile.fileAttributes.status : undefined\"\n        :asset-main-file-fail-reason=\"shown.mainFile ? shown.mainFile.fileAttributes.failReason : undefined\"\n        :saving=\"saving\"\n        @save=\"onSave\"\n        @save-and-apply=\"onSaveAndApply\"\n      >\n        <template #prepend-sidebar>\n          <div\n            v-if=\"item?.isDuplicate\"\n            class=\"text-body-small text-warning px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </div>\n          <div\n            v-if=\"item?.isDuplicate && originalIsSingleUse\"\n            class=\"text-body-small text-error px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.model.mainFileSingleUse') }}\n          </div>\n        </template>\n      </UploadQueueDialogSingleSidebar>\n    </template>\n  </AssetDetailDialogFrame>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue.d.ts

@@ -0,0 +1,22 @@
+import { ImageCreateUpdateAware } from '../../types/ImageAware';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    queueKey: string;
+    extSystem: IntegerId;
+    licenceId: IntegerId;
+    fileInputKey: number;
+    accept: string | undefined;
+    maxSizes: Record<string, number> | undefined;
+    configName?: string;
+    disableDoneAnimation?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    apply: (items: ImageCreateUpdateAware[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApply?: ((items: ImageCreateUpdateAware[]) => any) | undefined;
+}>, {
+    configName: string;
+    disableDoneAnimation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;