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

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, items still waiting for their metadata: \"save\" would send nothing and report it saved.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands the widget the items settled as uploaded (a duplicate and a copy are), saved or not: a\n// failed one has its asset and file ids too, and is no 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 come with its file, by a notification that is late or lost: its form is off.\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// Known outside the dialog for as long as either save runs, from the moment it begins: its host takes no file for\n// this queue through an entry of its own meanwhile, as the \"+\" and the dropzone here take none. Taken back with the\n// dialog, also when it goes in the middle of a save: that save may end after another dialog has begun 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 the rows it reads ends there once the dialog has gone.\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 spinning button still takes Enter and Space: a save that runs is not sent 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 is handed over without texts, and its asset stays unsaved. Such\n  // a row is asked about once more, as its own refresh asks. A form that comes of it is one the user has not seen:\n  // nothing is saved or handed over until the button is pressed again. Where none comes, all goes on as it did.\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    // Closed while the rows were read (its queue stopped and emptied with it): nothing is saved or handed over. The\n    // save went out once the read had answered, for a queue the user had left.\n    if (disposed || uploadQueueDialog.value !== shownFor) {\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n    // A row given up meanwhile for its asset gone (\"Asset už neexistuje.\"), by this read as the one too many to miss\n    // it or by another, is not handed over: the user is told why, as by its refresh. Uploaded before the read, the row\n    // was given up by nothing 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, and its image is handed over all the same, without authors.\n    // Whether its asset has any is not known: the authors of the DAM are offered only for an asset the save answered\n    // for, or those picked in the widget would replace the ones the asset has.\n    const savedAssetIds = new Set(res.map((saved) => saved.id))\n    // No position is given here: the widget that takes the images gives each its own, after the last it has, also\n    // over one a mapping of the application may have put into the image.\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    // The save is said above. What follows it, the images made of its answer, is said as it was before.\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              <!-- No file is added while a save runs: \"save and apply\" ends with the host closing the dialog and\n                   emptying its queue, and a file added meanwhile went with it, half uploaded and without a word. -->\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,299 @@
+import { isNull as e } from "../../../../shared/utils/common.js";
+import { useTheme as t } from "../../../system/composables/themeSettings.js";
+import { useAlerts as n } from "../../../system/composables/alerts.js";
+import r from "../../../ui/file/components/AFileDropzone.js";
+import i from "../../../ui/file/components/AFileInput.js";
+import { useCommonAdminCoreDamOptions as a } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as ee } from "../../composables/damConfigName.js";
+import { bulkUpdateAssetsMetadata as o, fetchAsset as s, hasMetadataToSave as te, showMetadataSaveError as c } from "../../api/damAssetApi.js";
+import { useAssetDetailStore as ne } from "../../assetDetail/store/assetDetailStore.js";
+import { UploadQueueItemStatus as re } from "../../types/UploadQueue.js";
+import { useUploadQueuesStore as ie } from "../store/uploadQueuesStore.js";
+import { useUploadQueueDialog as ae, useUploadQueueDialogDrawn as oe } from "../composables/useUploadQueueDialog.js";
+import se from "./UploadQueueEditable.js";
+import ce from "./UploadQueueButtonStop.js";
+import { generateUUIDv1 as le } from "../../../../shared/utils/generator.js";
+import { mapUploadMetadataToImages as ue } from "../../imageWidget/utils/metadataToImageMap.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as de, onBeforeUnmount as fe, openBlock as _, ref as v, resolveComponent as pe, toDisplayString as y, toRaw as b, unref as x, vShow as me, watch as he, withCtx as S, withDirectives as ge, withModifiers as C } from "vue";
+import { useI18n as _e } from "vue-i18n";
+import { VSpacer as ve } from "vuetify/components/VGrid";
+import { VIcon as w } from "vuetify/components/VIcon";
+import { VProgressCircular as ye } 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";
+//#region 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__*/ g({
+	__name: "UploadQueueDialog",
+	props: {
+		queueKey: {},
+		licenceId: {},
+		fileInputKey: {},
+		extSystem: {},
+		accept: {},
+		maxSizes: {},
+		configName: { default: void 0 }
+	},
+	emits: [
+		"drop",
+		"filesInput",
+		"apply"
+	],
+	setup(g, { emit: k }) {
+		let A = g, j = k, M = ee(A.configName), { uploadQueueDialog: N, uploadQueueDialogSaving: P, uploadQueueSidebar: F, toggleUploadQueueSidebar: Me } = ae(), I = ie(), L = l(() => I.getQueueTotalCount(A.queueKey)), R = l(() => I.getQueueItems(A.queueKey)), z = l(() => I.getQueueProcessedCount(A.queueKey)), B = l(() => L.value > z.value), Ne = l(() => L.value === z.value), Pe = l(() => !R.value.some(te)), V = (e) => e.status === re.Uploaded, Fe = l(() => !R.value.some(V)), Ie = (t) => V(t) && !t.canEditMetadata && !e(t.assetId), { t: H } = _e(), { toolbarColor: Le } = t(), { mdAndDown: Re } = xe(), U = we({ $stopPropagation: !0 }), { showRecordWas: ze, showValidationError: W, showErrorsDefault: G, showWarningT: K } = n(), { damClient: q, endPointAsset: J, endPointAuthor: Be, customUploadMetadataToImageMap: Y } = a(M), X = v(!1), Z = v(!1);
+		he(() => X.value || Z.value, (e) => {
+			P.value = e ? A.queueKey : null;
+		}, { flush: "sync" });
+		let Q = !1;
+		fe(() => {
+			Q = !0, P.value === A.queueKey && (P.value = null);
+		}), oe(A.queueKey);
+		let Ve = async () => {
+			I.stopUpload(A.queueKey), N.value = null;
+		}, He = async () => {
+			if (X.value || Z.value) return;
+			let e = b(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) {
+					c(e, A.extSystem, M);
+				} finally {
+					X.value = !1;
+				}
+			}
+		}, Ue = async () => {
+			if (X.value || Z.value) return;
+			let e = b(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) {
+					c(e, A.extSystem, M);
+					return;
+				}
+				let n = e.filter(V), r = Y ? await Y(n, t, q, A.extSystem, A.licenceId) : await ue(n, t, q, A.extSystem, A.licenceId, Be), i = new Set(t.map((e) => e.id)), a = r.map((e) => ({
+					key: le(),
+					...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;
+			}
+		}, $ = ne(), { updateUploadStore: We } = Te($), Ge = async (e) => {
+			We.value = !0;
+			try {
+				await $.open(A.queueKey, () => s(q, J, e));
+			} catch (e) {
+				G(e);
+			}
+		};
+		return (e, t) => {
+			let n = pe("ABtnPrimary");
+			return _(), u(Ce, {
+				"model-value": !0,
+				fullscreen: "",
+				scrollable: "",
+				class: "overlay--sidebar"
+			}, {
+				default: S(() => [h(be, null, {
+					default: S(() => [p("div", O, [p("div", Ee, [h(Se, {
+						class: "w-100 border-b pr-1",
+						color: x(Le),
+						density: "compact",
+						height: 64,
+						style: { "overflow-x": "auto" }
+					}, {
+						default: S(() => [
+							p("div", De, [p("div", null, [B.value ? (_(), f("div", Oe, y(x(H)("common.damImage.upload.title")), 1)) : (_(), f("div", ke, y(x(H)("common.damImage.upload.titleDone")), 1))])]),
+							h(ve),
+							B.value ? (_(), f("div", Ae, [h(ye, {
+								indeterminate: "",
+								color: "primary",
+								size: "16",
+								width: "2",
+								class: "mr-1"
+							}), p("div", null, y(x(H)("common.damImage.upload.uploading")) + " " + y(z.value + 1) + "/" + y(L.value), 1)])) : d("", !0),
+							p("div", je, [
+								ge(h(D, {
+									vertical: "",
+									class: "mx-4 my-2"
+								}, null, 512), [[me, B.value]]),
+								Ne.value ? (_(), u(n, {
+									key: 0,
+									height: 36,
+									class: "mr-2",
+									rounded: "pill",
+									loading: Z.value,
+									disabled: X.value || Fe.value,
+									onClick: C(Ue, ["stop"])
+								}, {
+									default: S(() => [m(y(x(Re) ? x(H)("common.damImage.upload.apply") : x(H)("common.damImage.upload.saveAndApply")), 1)]),
+									_: 1
+								}, 8, ["loading", "disabled"])) : d("", !0),
+								h(E, {
+									"aria-label": x(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: C(He, ["stop"])
+								}, {
+									default: S(() => [h(w, { icon: "mdi-content-save" }), h(T, {
+										activator: "parent",
+										location: "bottom"
+									}, {
+										default: S(() => [m(y(x(H)("common.damImage.upload.save")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, [
+									"aria-label",
+									"loading",
+									"disabled"
+								]),
+								h(i, {
+									"file-input-key": g.fileInputKey,
+									accept: g.accept,
+									"max-sizes": g.maxSizes,
+									multiple: "",
+									onFilesInput: t[0] ||= (e) => j("filesInput", e)
+								}, {
+									activator: S(({ props: e }) => [h(E, de({
+										"aria-label": x(H)("common.damImage.upload.add"),
+										icon: "",
+										variant: "text",
+										height: 34,
+										width: 34,
+										class: "text-medium-emphasis",
+										disabled: X.value || Z.value
+									}, e), {
+										default: S(() => [h(w, { icon: "mdi-plus" }), h(T, {
+											activator: "parent",
+											location: "bottom"
+										}, {
+											default: S(() => [m(y(x(H)("common.damImage.upload.add")), 1)]),
+											_: 1
+										})]),
+										_: 1
+									}, 16, ["aria-label", "disabled"])]),
+									_: 1
+								}, 8, [
+									"file-input-key",
+									"accept",
+									"max-sizes"
+								]),
+								h(D, {
+									vertical: "",
+									class: "mx-4 my-2"
+								}),
+								h(E, {
+									"aria-label": x(H)("common.damImage.asset.massOperations.title"),
+									height: 36,
+									width: 36,
+									active: x(F),
+									variant: x(F) ? "flat" : "text",
+									color: x(F) ? "secondary" : "",
+									class: "mr-2 text-medium-emphasis",
+									icon: "",
+									onClick: C(x(Me), ["stop"])
+								}, {
+									default: S(() => [h(w, { icon: "mdi-tag-text-outline" }), h(T, {
+										activator: "parent",
+										location: "bottom"
+									}, {
+										default: S(() => [m(y(x(H)("common.damImage.asset.massOperations.title")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, [
+									"aria-label",
+									"active",
+									"variant",
+									"color",
+									"onClick"
+								]),
+								h(ce, {
+									"data-cy": "button-close",
+									"button-size": 36,
+									"is-uploading": B.value,
+									onConfirm: Ve
+								}, null, 8, ["is-uploading"])
+							])
+						]),
+						_: 1
+					}, 8, ["color"]), h(se, {
+						"queue-key": g.queueKey,
+						"ext-system": g.extSystem,
+						"config-name": x(M),
+						"mass-operations": x(F),
+						onShowDetail: Ge
+					}, null, 8, [
+						"queue-key",
+						"ext-system",
+						"config-name",
+						"mass-operations"
+					])]), h(r, {
+						variant: "fill",
+						transparent: "",
+						"hover-only": "",
+						accept: g.accept,
+						"max-sizes": g.maxSizes,
+						disabled: X.value || Z.value,
+						onDrop: t[1] ||= (e) => j("drop", e)
+					}, null, 8, [
+						"accept",
+						"max-sizes",
+						"disabled"
+					])])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+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","AFileDropzone_default","AFileInput_default","UploadQueueEditable_default","UploadQueueButtonStop_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, items still waiting for their metadata: \"save\" would send nothing and report it saved.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands the widget the items settled as uploaded (a duplicate and a copy are), saved or not: a\n// failed one has its asset and file ids too, and is no 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 come with its file, by a notification that is late or lost: its form is off.\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// Known outside the dialog for as long as either save runs, from the moment it begins: its host takes no file for\n// this queue through an entry of its own meanwhile, as the \"+\" and the dropzone here take none. Taken back with the\n// dialog, also when it goes in the middle of a save: that save may end after another dialog has begun 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 the rows it reads ends there once the dialog has gone.\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 spinning button still takes Enter and Space: a save that runs is not sent 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 is handed over without texts, and its asset stays unsaved. Such\n  // a row is asked about once more, as its own refresh asks. A form that comes of it is one the user has not seen:\n  // nothing is saved or handed over until the button is pressed again. Where none comes, all goes on as it did.\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    // Closed while the rows were read (its queue stopped and emptied with it): nothing is saved or handed over. The\n    // save went out once the read had answered, for a queue the user had left.\n    if (disposed || uploadQueueDialog.value !== shownFor) {\n      saveAndCloseButtonLoading.value = false\n      return\n    }\n    // A row given up meanwhile for its asset gone (\"Asset už neexistuje.\"), by this read as the one too many to miss\n    // it or by another, is not handed over: the user is told why, as by its refresh. Uploaded before the read, the row\n    // was given up by nothing 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, and its image is handed over all the same, without authors.\n    // Whether its asset has any is not known: the authors of the DAM are offered only for an asset the save answered\n    // for, or those picked in the widget would replace the ones the asset has.\n    const savedAssetIds = new Set(res.map((saved) => saved.id))\n    // No position is given here: the widget that takes the images gives each its own, after the last it has, also\n    // over one a mapping of the application may have put into the image.\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    // The save is said above. What follows it, the images made of its answer, is said as it was before.\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              <!-- No file is added while a save runs: \"save and apply\" ends with the host closing the dialog and\n                   emptying its queue, and a file added meanwhile went with it, half uploaded and without a word. -->\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,7 @@
+import e from "./UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue
+var t = e;
+//#endregion
+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 colour of an error for a file refused or failed.\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 and leaves it to the user after that (a\n// duplicate takes over the original's). Not the asset detail's, which is set anew from the server when the item\n// turns uploaded, over what the user had chosen while the file was still on its way.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// What the original of a duplicate is, as it was found: the notice is about that asset, and does not follow the\n// 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 of the two buttons saves, while it does: the other one waits, and neither sends a second request.\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    // The save is said above. What follows it, the images made of its answer, is said as it was before.\n    showErrorsDefault(error)\n  } finally {\n    saving.value = null\n  }\n}\n\n// Read once the file is done, and again once the row has another asset: a row that turns out to be a duplicate becomes\n// the original of that duplicate only after the original asset has been read, and showed no \"File info\" then.\nwatch(\n  [isDone, () => item.value?.assetId],\n  async ([done, assetId]) => {\n    if (!done || !assetId) return\n    // The row it is read for: the queue of a dialog closed meanwhile is emptied, and the next upload of the widget is\n    // a new row of the same queue.\n    const row = item.value\n    try {\n      const res = await fetchAsset(damClient, endPointAsset, assetId)\n      // Closed meanwhile, the dialog has emptied its queue. The detail store is shared: written now, the asset of\n      // this file would be what the next dialog shows. Nor the asset of a row that has another one by now.\n      if (item.value?.assetId !== assetId) return\n      assetDetailStore.setAsset(res)\n      enableRoiTab.value = true\n    } catch (e) {\n      // Closed meanwhile as well: the error would be shown over whatever the user has gone on to, the next upload of\n      // the widget among it. A row that has become the original of a duplicate meanwhile is the same row, and its\n      // failed read is said as any.\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;