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

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

@@ -0,0 +1,179 @@
+import { isNull as e } from "../../../../shared/utils/common.js";
+import { useAlerts as t } from "../../../system/composables/alerts.js";
+import { DamAssetType as n } from "../../types/Asset.js";
+import { useCommonAdminCoreDamOptions as ee } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as r } from "../../composables/damConfigName.js";
+import { bulkUpdateAssetsMetadata as i, fetchAsset as te, showMetadataSaveError as a } from "../../api/damAssetApi.js";
+import { AssetDetailTabImageWithRoi as o, useAssetDetailStore as ne } from "../../assetDetail/store/assetDetailStore.js";
+import { UploadQueueItemStatus as s } from "../../types/UploadQueue.js";
+import { useUploadQueuesStore as c } from "../store/uploadQueuesStore.js";
+import { assetDetailViewOfUploadItem as re } from "../../assetDetail/composables/assetDetailView.js";
+import l from "../../assetDetail/components/AssetDetailDialogFrame.js";
+import { useUploadQueueDialog as u, useUploadQueueDialogDrawn as d } from "../composables/useUploadQueueDialog.js";
+import f from "./UploadQueueItemErrorOverlay.js";
+import p from "./UploadQueueButtonStop.js";
+import { mapUploadMetadataToImages as m } from "../../imageWidget/utils/metadataToImageMap.js";
+import h from "./UploadQueueDialogSingleSidebar.js";
+import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createVNode as ie, defineComponent as b, normalizeClass as x, onMounted as S, openBlock as C, ref as w, toDisplayString as T, unref as E, watch as D, withCtx as O } from "vue";
+import { useI18n as ae } from "vue-i18n";
+import { storeToRefs as oe } from "pinia";
+//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue?vue&type=script&setup=true&lang.ts
+var se = {
+	key: 0,
+	class: "text-label-large"
+}, ce = {
+	key: 0,
+	class: "text-body-small text-warning px-3 py-2"
+}, k = {
+	key: 1,
+	class: "text-body-small text-error px-3 py-2"
+}, A = /*@__PURE__*/ b({
+	__name: "UploadQueueDialogSingle",
+	props: {
+		queueKey: {},
+		extSystem: {},
+		licenceId: {},
+		fileInputKey: {},
+		accept: {},
+		maxSizes: {},
+		configName: { default: void 0 },
+		disableDoneAnimation: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["apply"],
+	setup(b, { emit: A }) {
+		let j = b, M = A, N = r(j.configName), { showErrorsDefault: P, showRecordWas: F } = t(), { t: I } = ae(), L = ne(), { activeTab: R, loading: z, asset: B } = oe(L), V = w(!1), H = c(), { uploadQueueDialog: U } = u(), W = g(() => H.getQueueItems(j.queueKey)), G = g(() => W.value[0] ?? null), le = g(() => !e(G.value) && G.value.status === s.Uploaded), ue = g(() => G.value?.status === s.Failed), { damClient: K, endPointAsset: q, endPointAuthor: de, customUploadMetadataToImageMap: J, simpleAssetSidebarEnabled: fe } = ee(N), pe = g(() => re(G.value, B.value, {
+			enableRoiTab: V.value,
+			disableDoneAnimation: j.disableDoneAnimation,
+			simpleAssetSidebarEnabled: fe
+		})), Y = async () => {
+			H.stopUpload(j.queueKey), L.setAsset(null), U.value = null;
+		};
+		d(j.queueKey);
+		let me = g(() => H.getQueueTotalCount(j.queueKey)), he = g(() => H.getQueueProcessedCount(j.queueKey)), X = g(() => me.value > he.value), Z = g(() => G.value?.mainFileSingleUse ?? !1), Q = w(!1);
+		D(() => G.value?.isDuplicate, (e) => {
+			Q.value = !!e && G.value?.mainFileSingleUse === !0;
+		}, { immediate: !0 });
+		let $ = w(null), ge = async () => {
+			if (W.value.length !== 0 && e($.value)) {
+				$.value = "save";
+				try {
+					await i(K, q, W.value, Z.value), F("updated");
+				} catch (e) {
+					a(e, j.extSystem, N);
+				} finally {
+					$.value = null;
+				}
+			}
+		}, _e = async () => {
+			if (W.value.length !== 0 && e($.value)) {
+				$.value = "saveAndApply";
+				try {
+					let e;
+					try {
+						if (e = await i(K, q, W.value, Z.value), !e[0]) throw Error("Fatal error updating asset metadata");
+					} catch (e) {
+						a(e, j.extSystem, N);
+						return;
+					}
+					F("updated");
+					let t = J ? await J(W.value, e, K, j.extSystem, j.licenceId) : await m(W.value, e, K, j.extSystem, j.licenceId, de);
+					M("apply", t.map((e) => ({
+						...e,
+						position: 1
+					}))), await Y();
+				} catch (e) {
+					P(e);
+				} finally {
+					$.value = null;
+				}
+			}
+		};
+		return D([le, () => G.value?.assetId], async ([e, t]) => {
+			if (!e || !t) return;
+			let n = G.value;
+			try {
+				let e = await te(K, q, t);
+				if (G.value?.assetId !== t) return;
+				L.setAsset(e), V.value = !0;
+			} catch (e) {
+				if (G.value !== n) return;
+				P(e);
+			}
+		}, { immediate: !0 }), S(() => {
+			R.value = o.Info;
+		}), (e, t) => (C(), _(l, {
+			loading: E(z) || !G.value,
+			view: pe.value,
+			"ext-system": b.extSystem,
+			"config-name": E(N),
+			onClose: Y
+		}, {
+			title: O(() => [X.value ? (C(), y("div", se, T(E(I)("common.damImage.upload.title")), 1)) : (C(), y("div", {
+				key: 1,
+				class: x(["text-label-large font-weight-bold", ue.value ? "text-error" : "text-green-darken-3"])
+			}, T(E(I)("common.damImage.upload.titleDone")), 3))]),
+			"toolbar-actions": O(() => [ie(p, {
+				"data-cy": "button-close",
+				"button-size": 36,
+				"is-uploading": X.value,
+				onConfirm: Y
+			}, null, 8, ["is-uploading"])]),
+			"image-overlay": O(() => [G.value && G.value.error.hasError ? (C(), _(f, {
+				key: 0,
+				error: G.value.error
+			}, null, 8, ["error"])) : v("", !0)]),
+			sidebar: O(({ view: e }) => [e.id ? (C(), _(h, {
+				key: e.id,
+				"queue-key": b.queueKey,
+				"ext-system": b.extSystem,
+				"config-name": E(N),
+				"enable-roi-tab": V.value,
+				"show-file-info": V.value,
+				"asset-id": e.id,
+				"is-video": e.assetType === E(n).Video,
+				"is-audio": e.assetType === E(n).Audio,
+				"is-image": e.assetType === E(n).Image,
+				"is-document": e.assetType === E(n).Document,
+				"asset-status": e.assetStatus,
+				"asset-type": e.assetType,
+				"asset-main-file-status": e.mainFile ? e.mainFile.fileAttributes.status : void 0,
+				"asset-main-file-fail-reason": e.mainFile ? e.mainFile.fileAttributes.failReason : void 0,
+				saving: $.value,
+				onSave: ge,
+				onSaveAndApply: _e
+			}, {
+				"prepend-sidebar": O(() => [G.value?.isDuplicate ? (C(), y("div", ce, T(E(I)("common.damImage.asset.detail.info.status.duplicate")), 1)) : v("", !0), G.value?.isDuplicate && Q.value ? (C(), y("div", k, T(E(I)("common.damImage.asset.model.mainFileSingleUse")), 1)) : v("", !0)]),
+				_: 1
+			}, 8, [
+				"queue-key",
+				"ext-system",
+				"config-name",
+				"enable-roi-tab",
+				"show-file-info",
+				"asset-id",
+				"is-video",
+				"is-audio",
+				"is-image",
+				"is-document",
+				"asset-status",
+				"asset-type",
+				"asset-main-file-status",
+				"asset-main-file-fail-reason",
+				"saving"
+			])) : v("", !0)]),
+			_: 1
+		}, 8, [
+			"loading",
+			"view",
+			"ext-system",
+			"config-name"
+		]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailDialogFrame","_unref","_withCtx","_createElementBlock","_toDisplayString","_normalizeClass","_createVNode","UploadQueueButtonStop","UploadQueueItemErrorOverlay","_createCommentVNode","UploadQueueDialogSingleSidebar","AssetDetailDialogFrame_default","UploadQueueItemErrorOverlay_default","UploadQueueButtonStop_default","UploadQueueDialogSingleSidebar_default","_hoisted_1","_hoisted_2","_hoisted_3","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useAlerts","useI18n","assetDetailStore","useAssetDetailStore","assetDetail","storeToRefs","enableRoiTab","ref","uploadQueuesStore","useUploadQueuesStore","useUploadQueueDialog","items","computed","item","isDone","isNull","UploadQueueItemStatus","isFailed","useCommonAdminCoreDamOptions","view","assetDetailViewOfUploadItem","onStopConfirm","queueTotalCount","queueProcessedCount","isUploading","mainFileSingleUse","originalIsSingleUse","isDuplicate","saving","onSave","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","assetsMetadataRes","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","watch","done","assetId","row","res","fetchAsset","onMounted","AssetDetailTabImageWithRoi","openBlock","createBlock","unref","loading","withCtx","createElementBlock","toDisplayString","t","normalizeClass","createVNode","createCommentVNode","shown","DamAssetType"],"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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingleSidebar.js","names":["_sfc_main","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebar_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two buttons of the metadata saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: its file to be processed, or, uploaded, its metadata. Until\n// then its form stays disabled, and both saves with it. Each wait is counted from its start, as the row of the\n// queue counts it. Here, not in the metadata tab: the wait goes on while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, as the row of the queue does, while one may still change it: the store says so, and\n// the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,47 @@
+import { DocId, IntegerId } from '../../../../shared/types/common';
+import { DamAssetStatusType, DamAssetTypeType } from '../../types/Asset';
+import { AssetFileFailReasonType, AssetFileProcessStatusType } from '../../types/AssetFile';
+type __VLS_Props = {
+    queueKey: string;
+    extSystem: IntegerId;
+    assetId: DocId;
+    isVideo: boolean;
+    isAudio: boolean;
+    isImage: boolean;
+    isDocument: boolean;
+    enableRoiTab: boolean;
+    showFileInfo: boolean;
+    dataCy?: string;
+    assetStatus: DamAssetStatusType;
+    assetType: DamAssetTypeType;
+    assetMainFileStatus?: AssetFileProcessStatusType | undefined;
+    assetMainFileFailReason?: AssetFileFailReasonType | undefined;
+    configName?: string;
+    /** Which of the two buttons of the metadata saves, while it does. */
+    saving?: 'save' | 'saveAndApply' | null;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    'prepend-sidebar'?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    save: () => any;
+    saveAndApply: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onSaveAndApply?: (() => any) | undefined;
+}>, {
+    dataCy: string;
+    configName: string;
+    assetMainFileStatus: AssetFileProcessStatusType;
+    assetMainFileFailReason: AssetFileFailReasonType;
+    saving: "save" | "saveAndApply" | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,81 @@
+import { isNull as e } from "../../../../shared/utils/common.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import { UploadQueueItemStatus as r } from "../../types/UploadQueue.js";
+import { useUploadQueuesStore as i } from "../store/uploadQueuesStore.js";
+import a from "../../assetDetail/components/AssetDetailSidebarFrame.js";
+import { useUploadQueueItemRefresh as o } from "../composables/uploadQueueItemRefresh.js";
+import s from "./UploadQueueDialogSingleSidebarMetadata.js";
+import { computed as c, createBlock as l, createVNode as u, defineComponent as d, onUnmounted as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
+//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ d({
+	__name: "UploadQueueDialogSingleSidebar",
+	props: {
+		queueKey: {},
+		extSystem: {},
+		assetId: {},
+		isVideo: { type: Boolean },
+		isAudio: { type: Boolean },
+		isImage: { type: Boolean },
+		isDocument: { type: Boolean },
+		enableRoiTab: { type: Boolean },
+		showFileInfo: { type: Boolean },
+		dataCy: { default: void 0 },
+		assetStatus: {},
+		assetType: {},
+		assetMainFileStatus: { default: void 0 },
+		assetMainFileFailReason: { default: void 0 },
+		configName: { default: void 0 },
+		saving: { default: null }
+	},
+	emits: ["save", "saveAndApply"],
+	setup(d, { emit: y }) {
+		let b = d, x = y, S = n(b.configName), { simpleAssetSidebarEnabled: C } = t(S), w = c(() => C && b.isImage && b.enableRoiTab), T = i(), E = c(() => T.getQueueItems(b.queueKey)[0] ?? null), D = c(() => E.value?.status === r.Processing ? "file" : E.value?.status === r.Uploaded && !E.value.canEditMetadata ? "metadata" : null), O = m(!1), k;
+		_(D, (t) => {
+			clearTimeout(k), O.value = !1, !e(t) && (k = setTimeout(() => O.value = !0, 2e4));
+		}, { immediate: !0 }), f(() => clearTimeout(k));
+		let A = c(() => E.value?.status === r.Failed ? T.refreshMayHelp(E.value) && !e(E.value.assetId) : O.value), { refreshing: j, refreshItem: M } = o(S), N = () => {
+			E.value?.assetId && M(E.value.assetId, E.value, b.queueKey);
+		};
+		return (e, t) => (p(), l(a, {
+			"queue-key": d.queueKey,
+			"config-name": g(S),
+			"roi-tab": d.isImage && d.enableRoiTab,
+			"simple-mode": w.value
+		}, {
+			prepend: v(() => [h(e.$slots, "prepend-sidebar")]),
+			info: v(({ isActive: e }) => [u(s, {
+				"queue-key": d.queueKey,
+				"ext-system": d.extSystem,
+				"config-name": g(S),
+				"is-active": e,
+				"asset-type": d.assetType,
+				"show-refresh": A.value,
+				"refresh-disabled": g(j),
+				saving: d.saving,
+				onRefresh: N,
+				onSave: t[0] ||= (e) => x("save"),
+				onSaveAndApply: t[1] ||= (e) => x("saveAndApply")
+			}, null, 8, [
+				"queue-key",
+				"ext-system",
+				"config-name",
+				"is-active",
+				"asset-type",
+				"show-refresh",
+				"refresh-disabled",
+				"saving"
+			])]),
+			_: 3
+		}, 8, [
+			"queue-key",
+			"config-name",
+			"roi-tab",
+			"simple-mode"
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailSidebarFrame","_unref","_withCtx","_renderSlot","_createVNode","UploadQueueDialogSingleSidebarMetadata","AssetDetailSidebarFrame_default","UploadQueueDialogSingleSidebarMetadata_default","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","simpleMode","computed","simpleAssetSidebarEnabled","uploadQueuesStore","useUploadQueuesStore","item","waitsFor","UploadQueueItemStatus","refreshDue","ref","refreshTimer","watch","waits","onUnmounted","showRefresh","isNull","useUploadQueueItemRefresh","refresh","refreshItem","openBlock","createBlock","unref","withCtx","renderSlot","_ctx","createVNode","isActive","refreshing","_cache"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two buttons of the metadata saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: its file to be processed, or, uploaded, its metadata. Until\n// then its form stays disabled, and both saves with it. Each wait is counted from its start, as the row of the\n// queue counts it. Here, not in the metadata tab: the wait goes on while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, as the row of the queue does, while one may still change it: the store says so, and\n// the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMY,IAAQC,GA4BRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,iCAA8BK,EAA6BF,CAAa,GAC1EG,IAAaC,QAAeC,KAA6BR,EAAM,WAAWA,EAAM,YAAY,GAK5FS,IAAoBC,EAAqB,GACzCC,IAAOJ,QAAeE,EAAkB,cAAcT,EAAM,QAAQ,CAAC,CAAC,MAAM,IAAI,GAChFY,IAAWL,QACXI,EAAK,OAAO,WAAWE,EAAsB,aAAmB,SAChEF,EAAK,OAAO,WAAWE,EAAsB,YAAY,CAACF,EAAK,MAAM,kBAAwB,aAC1F,IACR,GACKG,IAAaC,EAAI,EAAK,GACxBC;EAWJ,AAVAC,EACEL,IACC,MAAU;GAGT,AAFA,aAAaI,CAAY,GACzB,EAAW,QAAQ,IACf,GAAOE,CAAK,MAChB,IAAe,iBAAkB,EAAW,QAAQ,IAAA,GAAwC;EAC9F,GACA,EAAE,WAAW,GAAK,CACpB,GACAC,QAAkB,aAAaH,CAAY,CAAC;EAG5C,IAAMI,IAAcb,QACdI,EAAK,OAAO,WAAWE,EAAsB,SACxCJ,EAAkB,eAAeE,EAAK,KAAK,KAAK,CAACU,EAAOV,EAAK,MAAM,OAAO,IAE5EG,EAAW,KACnB,GAEK,EAAE,eAAY,mBAAgBQ,EAA0BnB,CAAa,GACrEoB,UAAgB;GACpB,AAAIZ,EAAK,OAAO,WAASa,EAAYb,EAAK,MAAM,SAASA,EAAK,OAAOX,EAAM,QAAQ;EACrF;E,kBAIEZ,EAAA,GAAAC,EAwB0BC,GAAA;GAvBvB,aAAWW,EAAA;GACX,eAAaV,EAAAY,CAAA;GACb,WAASF,EAAA,WAAWA,EAAA;GACpB,eAAaK,EAAA;;GAEH,SAAOd,QACe,CAA/BC,EAA+BqC,EAAA,QAAA,iBAAA,C;GAEtB,MAAItC,GAaX,EAbe,kBAAQ,CACzBE,EAYEC,GAAA;IAXC,aAAWM,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA;IACb,aAAW6B;IACX,cAAY/B,EAAA;IACZ,gBAAcmB,EAAA;IACd,oBAAkB7B,EAAA0C,CAAA;IAClB,QAAQhC,EAAA;IACR,WAASsB;IACT,QAAI,AAAAW,EAAA,QAAA,MAAEhC,EAAI,MAAA;IACV,gBAAc,AAAAgC,EAAA,QAAA,MAAEhC,EAAI,cAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\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    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,31 @@
+import { DamAssetTypeType } from '../../types/Asset';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    queueKey: string;
+    extSystem: IntegerId;
+    isActive: boolean;
+    dataCy?: string;
+    assetType: DamAssetTypeType;
+    configName?: string;
+    showRefresh?: boolean;
+    refreshDisabled?: boolean;
+    /** Which of the two buttons saves, while it does. */
+    saving?: 'save' | 'saveAndApply' | null;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    save: () => any;
+    refresh: () => any;
+    saveAndApply: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onRefresh?: (() => any) | undefined;
+    onSaveAndApply?: (() => any) | undefined;
+}>, {
+    dataCy: string;
+    configName: string;
+    refreshDisabled: boolean;
+    saving: "save" | "saveAndApply" | null;
+    showRefresh: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,96 @@
+import { useAlerts as e } from "../../../system/composables/alerts.js";
+import { useDamConfigName as t } from "../../composables/damConfigName.js";
+import { ADamAssetMetadataValidationScopeSymbol as n } from "../../composables/uploadValidations.js";
+import { useUploadQueuesStore as r } from "../store/uploadQueuesStore.js";
+import i from "../../assetDetail/components/AssetDetailSidebarActionsWrapper.js";
+import a from "./UploadQueueDialogSingleSidebarMetadataContent.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v, withModifiers as y } from "vue";
+import { useI18n as b } from "vue-i18n";
+import x from "@vuelidate/core";
+//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ p({
+	__name: "UploadQueueDialogSingleSidebarMetadata",
+	props: {
+		queueKey: {},
+		extSystem: {},
+		isActive: { type: Boolean },
+		dataCy: { default: void 0 },
+		assetType: {},
+		configName: { default: void 0 },
+		showRefresh: {
+			type: Boolean,
+			default: !1
+		},
+		refreshDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		saving: { default: null }
+	},
+	emits: [
+		"save",
+		"saveAndApply",
+		"refresh"
+	],
+	setup(p, { emit: S }) {
+		let C = p, w = S, T = t(C.configName), { t: E } = b(), D = r(), O = s(() => D.getQueueItems(C.queueKey)[0]?.canEditMetadata ?? !1), k = x({ $scope: n }), { showValidationError: A } = e(), j = async () => {
+			k.value.$touch(), k.value.$invalid ? A() : w("save");
+		}, M = async () => {
+			k.value.$touch(), k.value.$invalid ? A() : w("saveAndApply");
+		};
+		return (e, t) => {
+			let n = h("ABtnTertiary"), r = h("ABtnSecondary"), s = h("ABtnPrimary");
+			return m(), u(o, null, [p.isActive ? (m(), c(i, {
+				key: 0,
+				"queue-key": p.queueKey
+			}, {
+				default: v(() => [
+					p.showRefresh ? (m(), c(n, {
+						key: 0,
+						"data-cy": "button-refresh",
+						disabled: p.refreshDisabled,
+						onClick: t[0] ||= y((e) => w("refresh"), ["stop"])
+					}, {
+						default: v(() => [d(g(_(E)("common.button.refresh")), 1)]),
+						_: 1
+					}, 8, ["disabled"])) : l("", !0),
+					f(r, {
+						type: "submit",
+						class: "ml-2",
+						"data-cy": "button-save",
+						loading: p.saving === "save",
+						disabled: !O.value || p.saving === "saveAndApply",
+						onClick: y(j, ["stop"])
+					}, {
+						default: v(() => [d(g(_(E)("common.button.save")), 1)]),
+						_: 1
+					}, 8, ["loading", "disabled"]),
+					f(s, {
+						type: "submit",
+						class: "mx-2",
+						"data-cy": "button-save-and-apply",
+						loading: p.saving === "saveAndApply",
+						disabled: !O.value || p.saving === "save",
+						onClick: y(M, ["stop"])
+					}, {
+						default: v(() => [d(g(_(E)("common.damImage.upload.saveAndApply")), 1)]),
+						_: 1
+					}, 8, ["loading", "disabled"])
+				]),
+				_: 1
+			}, 8, ["queue-key"])) : l("", !0), f(a, {
+				"queue-key": p.queueKey,
+				"ext-system": p.extSystem,
+				"config-name": _(T)
+			}, null, 8, [
+				"queue-key",
+				"ext-system",
+				"config-name"
+			])], 64);
+		};
+	}
+});
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=UploadQueueDialogSingleSidebarMetadata.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_createVNode","UploadQueueDialogSingleSidebarMetadataContent","AssetDetailSidebarActionsWrapper_default","UploadQueueDialogSingleSidebarMetadataContent_default","useVuelidate","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","uploadQueuesStore","useUploadQueuesStore","canEditMetadata","computed","v$","ADamAssetMetadataValidationScopeSymbol","useAlerts","onSave","showValidationError","onSaveAndApply","_component_ABtnTertiary","resolveComponent","_component_ABtnSecondary","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createBlock","withCtx","_cache","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","createVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\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    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GAqBRC,IAAOH,GAMPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAEhBC,IAAoBC,EAAqB,GAEzCC,IAAkBC,QACRH,EAAkB,cAAcN,EAAM,QAC7C,CAAA,CAAM,EAAE,EAAE,mBAAmB,EACrC,GAEKU,IAAKb,EAAa,EAAE,QAAQc,EAAuC,CAAC,GAEpE,EAAE,2BAAwBC,EAAU,GAEpCC,IAAS,YAAY;GAEzB,AADAH,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,MAAM;EACb,GAEMa,IAAiB,YAAY;GAEjC,AADAL,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,cAAc;EACrB;;;G,wBAKUD,EAAA,YADRnB,EAAA,GAAAG,EAgCmCC,GAAA;;IA9BhC,aAAWe,EAAA;;IAEZ,SAAAd,QAOe;KANPc,EAAA,eADRnB,EAAA,GAAAG,EAOe+B,GAAA;;MALb,WAAQ;MACP,UAAUf,EAAA;MACV,SAAK,AAAAwB,EAAA,OAAArC,GAAA,MAAOc,EAAI,SAAA,GAAA,CAAA,MAAA,CAAA;;MAEjB,SAAAf,QAAgC,CAA7BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASgByB,GAAA;MARd,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASjB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAOyB,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAA1B,QAA6B,CAA1BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASc0B,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASlB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAO2B,GAAc,CAAA,MAAA,CAAA;;MAE3B,SAAA5B,QAA8C,CAA3CE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;;;G,mCAGRrC,EAIEC,GAAA;IAHC,aAAWO,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadataContent.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadataContent_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadataContent_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueItem } from '@/domains/dam/types/UploadQueue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched } = storeToRefs(assetDetailStore)\n\nconst uploadQueuesStore = useUploadQueuesStore()\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 assetType = computed(() => {\n  return DamAssetType.Image\n})\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\nconst { mainFileSingleUseEnabled, showFileInfoEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n</script>\n\n<template>\n  <VExpansionPanels\n    v-if=\"item\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <VForm :disabled=\"!item.canEditMetadata\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            v-model=\"item.customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            @any-change=\"onAnyMetadataChange\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"item.keywords\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      data-cy=\"custom-field-keywords\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"item.authors\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      data-cy=\"custom-field-authors\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"authorRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"item.mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- Of the asset of this row only: the store is shared, and holds what was left in it until the dialog has\n         read its own. -->\n    <AssetFileInfoPanel\n      v-if=\"asset && asset.id === item.assetId && showFileInfoEnabled\"\n      :asset=\"asset\"\n      :show-users=\"false\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    queueKey: string;
+    extSystem: IntegerId;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;