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

package/dist/domains/dam/imageWidget/components/AImageMediaWidget.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
-import { isUndefined as e } from "../../../../shared/utils/common.js";
-import { CollabStatus as t } from "../../../collab/types/Collab.js";
-import { DamAssetType as n } from "../../types/Asset.js";
-import { useDamConfigStoreOf as r } from "../../config/store/damConfigStore.js";
-import { useCommonAdminCoreDamOptions as i } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as a } from "../../composables/damConfigName.js";
-import { useDamConfigState as o } from "../../config/composables/damConfigState.js";
-import { useExtSystemIdForCached as s } from "../../composables/extSystemIdForCached.js";
-import { isImageWidgetUploadConfigAllowed as c } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
-import { ImageWidgetUploadConfigKey as l } from "../utils/imageWidgetInkectionKeys.js";
-import u from "./AImageWidgetSimple.js";
-import d from "./ImageMediaWidgetInner.js";
-import f from "./AMediaWidgetSimple.js";
+import { useDamConfigState as e } from "../../config/composables/damConfigState.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import { ImageWidgetUploadConfigKey as n } from "../utils/imageWidgetInkectionKeys.js";
+import { isUndefined as r } from "../../../../shared/utils/common.js";
+import { isImageWidgetUploadConfigAllowed as i } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import { CollabStatus as a } from "../../../collab/types/Collab.js";
+import { useDamConfigStoreOf as o } from "../../config/store/damConfigStore.js";
+import s from "./ImageMediaWidgetInner.js";
+import c from "./AImageWidgetSimple.js";
+import l from "./AMediaWidgetSimple.js";
+import { useDamConfigName as u } from "../../composables/damConfigName.js";
+import { useExtSystemIdForCached as d } from "../../composables/extSystemIdForCached.js";
+import { DamAssetType as f } from "../../types/Asset.js";
 import { createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, onMounted as b, openBlock as x, provide as S, ref as C, renderSlot as w, shallowRef as T, toDisplayString as E, unref as D, useModel as O, withCtx as k } from "vue";
 import { useI18n as A } from "vue-i18n";
 import { VProgressCircular as j } from "vuetify/components/VProgressCircular";
-//#region src/domains/dam/imageWidget/components/AImageMediaWidget.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/imageWidget/components/AImageMediaWidget.vue?vue&type=script&setup=true&lang.ts
 var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 	__name: "AImageMediaWidget",
 	props: /*@__PURE__*/ v({
@@ -24,7 +24,7 @@ var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 		initialImage: { default: void 0 },
 		configName: { default: void 0 },
 		collab: { default: void 0 },
-		collabStatus: { default: t.Inactive },
+		collabStatus: { default: a.Inactive },
 		label: { default: void 0 },
 		readonly: {
 			type: Boolean,
@@ -63,50 +63,50 @@ var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 		imageModifiers: {}
 	}),
 	emits: /*@__PURE__*/ v(["afterMetadataSaveSuccess"], ["update:media", "update:image"]),
-	setup(t, { expose: _, emit: v }) {
-		let P = t, F = v, I = O(t, "media"), L = a(P.configName), R = O(t, "image"), z = C("loading"), B = C(!0), { damClient: V } = i(L), { loadDamPrvConfig: H, loadDamConfigAssetCustomFormElements: U, getDamConfigAssetCustomFormElements: W, getOrLoadDamConfigExtSystemByLicence: G, getOrLoadDamConfigExtSystemByLicences: K } = o(V, L), q = T(void 0), { cachedExtSystemId: J } = s(L);
+	setup(a, { expose: _, emit: v }) {
+		let P = a, F = v, I = O(a, "media"), L = u(P.configName), R = O(a, "image"), z = C("loading"), B = C(!0), { damClient: V } = t(L), { loadDamPrvConfig: H, loadDamConfigAssetCustomFormElements: U, getDamConfigAssetCustomFormElements: W, getOrLoadDamConfigExtSystemByLicence: G, getOrLoadDamConfigExtSystemByLicences: K } = e(V, L), q = T(void 0), { cachedExtSystemId: J } = d(L);
 		b(async () => {
-			let t = r(L);
-			if (q.value = await G(P.uploadLicence), e(q.value)) {
+			let e = o(L);
+			if (q.value = await G(P.uploadLicence), r(q.value)) {
 				z.value = "error";
 				return;
 			}
-			if (J.value = q.value.extSystem, !c(q.value, L)) {
+			if (J.value = q.value.extSystem, !i(q.value, L)) {
 				B.value = !1;
 				try {
-					t.initialized.damPrvConfig || await H(), z.value = "ready";
+					e.initialized.damPrvConfig || await H(), z.value = "ready";
 				} catch {
 					z.value = "error";
 				}
 				return;
 			}
-			let i = [];
-			t.initialized.damPrvConfig || i.push(H()), i.push(K(P.selectLicences));
-			let { extSystem: a } = q.value;
-			e(W(a, n.Image)) && i.push(U(a, W(a) ? [n.Image] : void 0));
+			let t = [];
+			e.initialized.damPrvConfig || t.push(H()), t.push(K(P.selectLicences));
+			let { extSystem: n } = q.value;
+			r(W(n, f.Image)) && t.push(U(n, W(n) ? [f.Image] : void 0));
 			try {
-				await Promise.all(i);
+				await Promise.all(t);
 			} catch {
 				z.value = "error";
 			}
-			e(W(a, n.Image)) && (z.value = "error"), z.value !== "error" && (z.value = "ready");
-		}), S(l, q);
+			r(W(n, f.Image)) && (z.value = "error"), z.value !== "error" && (z.value = "ready");
+		}), S(n, q);
 		let Y = C(null);
 		_({ metadataConfirm: () => {
 			Y.value?.metadataConfirm();
 		} });
 		let { t: X } = A();
-		return (e, n) => z.value === "ready" ? (x(), p(d, y({
+		return (e, t) => z.value === "ready" ? (x(), p(s, y({
 			key: 0,
 			ref_key: "innerComponent",
 			ref: Y,
 			media: I.value,
-			"onUpdate:media": n[0] ||= (e) => I.value = e,
+			"onUpdate:media": t[0] ||= (e) => I.value = e,
 			image: R.value,
-			"onUpdate:image": n[1] ||= (e) => R.value = e
+			"onUpdate:image": t[1] ||= (e) => R.value = e
 		}, P, {
-			readonly: t.readonly || !B.value,
-			onAfterMetadataSaveSuccess: n[2] ||= (e) => F("afterMetadataSaveSuccess")
+			readonly: a.readonly || !B.value,
+			onAfterMetadataSaveSuccess: t[2] ||= (e) => F("afterMetadataSaveSuccess")
 		}), {
 			append: k(({ imageMedia: t }) => [w(e.$slots, "append", { imageMedia: t })]),
 			preview: k(({ imageMedia: t }) => [w(e.$slots, "preview", { imageMedia: t })]),
@@ -115,15 +115,15 @@ var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 			"media",
 			"image",
 			"readonly"
-		])) : z.value === "error" ? (x(), h("div", M, [I.value ? (x(), p(f, {
+		])) : z.value === "error" ? (x(), h("div", M, [I.value ? (x(), p(l, {
 			key: 0,
 			media: I.value,
 			"config-name": D(L),
-			label: t.label,
-			width: t.width,
-			height: t.height,
-			"dam-width": t.damWidth,
-			"dam-height": t.damHeight
+			label: a.label,
+			width: a.width,
+			height: a.height,
+			"dam-width": a.damWidth,
+			"dam-height": a.damHeight
 		}, {
 			append: k(({ media: t }) => [w(e.$slots, "append", { imageMedia: t })]),
 			preview: k(({ media: t }) => [t ? w(e.$slots, "preview", { imageMedia: t }, void 0, void 0, 0) : m("", !0)]),
@@ -136,16 +136,16 @@ var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 			"height",
 			"dam-width",
 			"dam-height"
-		])) : R.value || t.initialImage ? (x(), p(u, {
+		])) : R.value || a.initialImage ? (x(), p(c, {
 			key: 1,
 			"model-value": R.value,
-			image: t.initialImage,
+			image: a.initialImage,
 			"config-name": D(L),
-			label: t.label,
-			width: t.width,
-			height: t.height,
-			"dam-width": t.damWidth,
-			"dam-height": t.damHeight
+			label: a.label,
+			width: a.width,
+			height: a.height,
+			"dam-width": a.damWidth,
+			"dam-height": a.damHeight
 		}, {
 			append: k(({ image: t }) => [w(e.$slots, "append", { imageMedia: t })]),
 			_: 3
@@ -166,7 +166,6 @@ var M = { key: 1 }, N = { class: "text-error" }, P = /*@__PURE__*/ _({
 		}));
 	}
 });
-//#endregion
 export { P as default };
 
 //# sourceMappingURL=AImageMediaWidget.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/AImageMediaWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AImageMediaWidget.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","ImageMediaWidgetInner","_mergeProps","_withCtx","_renderSlot","_createElementBlock","AMediaWidgetSimple","_unref","_createCommentVNode","AImageWidgetSimple","_createElementVNode","_toDisplayString","_component_VProgressCircular","AImageWidgetSimple_default","ImageMediaWidgetInner_default","AMediaWidgetSimple_default","_hoisted_1","_hoisted_2","AImageMediaWidget_vue_vue_type_script_setup_true_lang_default","CollabStatus","\"media\"","\"mediaModifiers\"","\"image\"","\"imageModifiers\"","__expose","__emit","props","__props","emit","mediaModel","useModel","damConfigName","useDamConfigName","imageModel","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","onMounted","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","provide","ImageWidgetUploadConfigKey","innerComponent","useI18n","openBlock","createBlock","mergeProps","_cache","$event","withCtx","appendImage","renderSlot","_ctx","createElementBlock","unref","appendMedia","previewMedia","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageMediaWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport ImageMediaWidgetInner from '@/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AMediaWidgetSimple from '@/domains/dam/imageWidget/components/AMediaWidgetSimple.vue'\nimport type { MediaAware } from '@/domains/dam/types/MediaAware'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    initialImage: undefined,\n    initialMedia: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared: the read-only fallback renders the slots too, and inferred they would take its looser types.\ndefineSlots<{\n  append?: (props: { imageMedia: ImageCreateUpdateAware | MediaAware | null }) => unknown\n  preview?: (props: { imageMedia: MediaAware }) => unknown\n}>()\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is shown read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // As the gallery's root: the ext system of its upload licence, till a pick, a drop or \"edit asset\" writes another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageMediaWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-model:media=\"mediaModel\"\n    v-model:image=\"imageModel\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"append\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n    <template #preview=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"preview\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n  </ImageMediaWidgetInner>\n  <!-- The config fails also for a user without access to the licence: the media or image already there is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AMediaWidgetSimple\n      v-if=\"mediaModel\"\n      :media=\"mediaModel\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ media: appendMedia }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n      <template #preview=\"{ media: previewMedia }\">\n        <slot\n          v-if=\"previewMedia\"\n          name=\"preview\"\n          :image-media=\"previewMedia\"\n        />\n      </template>\n    </AMediaWidgetSimple>\n    <AImageWidgetSimple\n      v-else-if=\"imageModel || initialImage\"\n      :model-value=\"imageModel\"\n      :image=\"initialImage\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AImageMediaWidget.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","ImageMediaWidgetInner","_mergeProps","_withCtx","_renderSlot","_createElementBlock","AMediaWidgetSimple","_unref","_createCommentVNode","AImageWidgetSimple","_createElementVNode","_toDisplayString","_component_VProgressCircular","ImageMediaWidgetInner_default","AImageWidgetSimple_default","AMediaWidgetSimple_default","_hoisted_1","_hoisted_2","AImageMediaWidget_vue_vue_type_script_setup_true_lang_default","CollabStatus","\"media\"","\"mediaModifiers\"","\"image\"","\"imageModifiers\"","__expose","__emit","props","__props","emit","mediaModel","useModel","damConfigName","useDamConfigName","imageModel","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","onMounted","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","provide","ImageWidgetUploadConfigKey","innerComponent","useI18n","openBlock","createBlock","mergeProps","_cache","$event","withCtx","appendImage","renderSlot","_ctx","createElementBlock","unref","appendMedia","previewMedia","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageMediaWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport ImageMediaWidgetInner from '@/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AMediaWidgetSimple from '@/domains/dam/imageWidget/components/AMediaWidgetSimple.vue'\nimport type { MediaAware } from '@/domains/dam/types/MediaAware'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: ImageAware | undefined // If given, the image data is not fetched.\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    initialImage: undefined,\n    initialMedia: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared explicitly: the read-only fallback renders the slots too, and inferred types would be looser.\ndefineSlots<{\n  append?: (props: { imageMedia: ImageCreateUpdateAware | MediaAware | null }) => unknown\n  preview?: (props: { imageMedia: MediaAware }) => unknown\n}>()\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // Starts as the ext system of the upload licence, until a pick, a drop or \"edit asset\" sets another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageMediaWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-model:media=\"mediaModel\"\n    v-model:image=\"imageModel\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"append\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n    <template #preview=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"preview\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n  </ImageMediaWidgetInner>\n  <!-- The config also fails for a user without access to the licence. The existing media or image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AMediaWidgetSimple\n      v-if=\"mediaModel\"\n      :media=\"mediaModel\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ media: appendMedia }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n      <template #preview=\"{ media: previewMedia }\">\n        <slot\n          v-if=\"previewMedia\"\n          name=\"preview\"\n          :image-media=\"previewMedia\"\n        />\n      </template>\n    </AMediaWidgetSimple>\n    <AImageWidgetSimple\n      v-else-if=\"imageModel || initialImage\"\n      :model-value=\"imageModel\"\n      :image=\"initialImage\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/imageWidget/components/AImagePublicInput.js

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

package/dist/domains/dam/imageWidget/components/AImagePublicInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AImagePublicInput.js","names":["_sfc_main","AImagePublicInput_vue_vue_type_script_setup_true_lang_default","AImagePublicInput_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImagePublicInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { fetchAssetByFileId } from '@/domains/dam/api/damAssetApi'\nimport { cloneDeep, isDocId, isNull, isString } from '@/shared/utils/common'\nimport { computed, ref, toRaw, watch } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    labelT?: string | undefined\n    dataCy?: string | undefined\n  }>(),\n  {\n    image: undefined,\n    configName: undefined,\n    labelT: 'common.damImage.public.idOrUrl',\n    dataCy: undefined,\n  }\n)\nconst modelValue = defineModel<IntegerIdNullable>({ default: null, required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst inputField = ref('')\nconst meta = ref({ description: '', source: '' })\n\nconst resolvedSrc = ref('')\nconst resImage = ref<null | ImageCreateUpdateAware>(null)\n// The id of the image this input has just created. Its model changes to that id, and the fields are filled from the\n// answer to the create: the image is not read again. Any other change of the id is read as before.\nlet createdImageId: IntegerIdNullable = null\n\nconst isValid = ref(true)\nconst isDirty = ref(false)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { damClient, endPointAsset, sourceLabel, descriptionValidation, sourceValidation } =\n  useCommonAdminCoreDamOptions(damConfigName)\nconst { widgetImageToDamImageOriginalUrl } = useImageActions(imageOptions)\n\nconst { showErrorsDefault, showValidationError } = useAlerts()\nconst { t } = useI18n()\n\nconst extractUUID = (url: string): string | undefined => {\n  const regex = /\\/image\\/original\\/([0-9a-fA-F-]+)\\.jpg/\n  const match = url.match(regex)\n\n  return match ? match[1] : undefined\n}\n\nconst validateAssetData = (asset: AssetDetailItemDto, licences: IntegerId[]) => {\n  return licences.some((licence) => licence === asset.licence)\n}\n\nconst validators = useValidate()\n\nconst rules = {\n  meta: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}\nconst v$ = useVuelidate(rules, { meta }, { $stopPropagation: true })\n\nconst validateField = async () => {\n  isDirty.value = true\n  isValid.value = true\n  inputField.value = inputField.value.trim()\n  if (inputField.value.startsWith('http')) {\n    const extracted = extractUUID(inputField.value)\n    if (isString(extracted)) inputField.value = extracted\n  }\n  if (!isDocId(inputField.value)) {\n    isValid.value = false\n    return Promise.reject('Incorrect URL/ID provided')\n  }\n  try {\n    const assetRes = await fetchAssetByFileId(damClient, endPointAsset, inputField.value)\n    if (isNull(assetRes.mainFile)) {\n      isValid.value = false\n      return Promise.reject('Incorrect asset mainFile')\n    }\n    if (validateAssetData(assetRes, props.selectLicences)) {\n      isValid.value = true\n      return Promise.resolve(assetRes)\n    }\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  } catch (e) {\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  }\n}\n\nconst submit = async () => {\n  try {\n    const asset = await validateField()\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      return Promise.reject('Invalid source or description')\n    }\n    const data = createDamImage(\n      { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n      { description: meta.value.description.trim(), source: meta.value.source.trim() },\n      { position: 0, id: resImage.value?.id || undefined }\n    )\n    const imageRes = resImage.value?.id\n      ? await imageApi.updateImage(imageClient, resImage.value.id, data)\n      : await imageApi.createImage(imageClient, data)\n    resImage.value = imageRes\n    if (!data.id) createdImageId = imageRes.id\n    modelValue.value = imageRes.id\n    // What the read of the created image used to put into the fields, from the answer to its create.\n    if (!data.id) await reload(imageRes, imageRes.id, true)\n    return Promise.resolve({ asset: asset, image: imageRes })\n  } catch (e) {\n    showErrorsDefault(e)\n    return undefined\n  }\n}\n\nconst updatePreviewAndTexts = () => {\n  resolvedSrc.value = widgetImageToDamImageOriginalUrl(createDamImage({ fileId: inputField.value, licenceId: 0 }))\n}\n\nconst onBlur = async () => {\n  try {\n    await validateField()\n    updatePreviewAndTexts()\n  } catch (e) {\n    //\n  }\n}\n\nconst reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = ''\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    if (resImage.value) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  if (newImageId) {\n    try {\n      resImage.value = await imageApi.fetchImage(imageClient, newImageId)\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    if (!isNull(resImage.value)) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  resImage.value = null\n  meta.value.description = ''\n  meta.value.source = ''\n}\n\nconst disabled = computed(() => !(isValid.value && isDirty.value))\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  submit,\n})\n</script>\n\n<template>\n  <ARow>\n    <AFormTextField\n      v-model=\"inputField\"\n      :label=\"labelT ? t(labelT) : undefined\"\n      :error=\"!isValid\"\n      :error-message=\"isValid ? undefined : t('common.damImage.public.inputError')\"\n      required\n      @blur=\"onBlur\"\n      @keyup.enter=\"onBlur\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.description\"\n      :label=\"t('common.damImage.image.model.texts.description')\"\n      :v=\"v$.meta.description\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.source\"\n      :label=\"sourceLabel\"\n      :v=\"v$.meta.source\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow style=\"min-height: 50px\">\n    <div>{{ t('common.damImage.public.imagePreview') }}:</div>\n    <img\n      v-if=\"resolvedSrc.length > 0\"\n      :src=\"resolvedSrc\"\n      alt=\"\"\n    />\n  </ARow>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AImagePublicInput.js","names":["_sfc_main","AImagePublicInput_vue_vue_type_script_setup_true_lang_default","AImagePublicInput_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImagePublicInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { fetchAssetByFileId } from '@/domains/dam/api/damAssetApi'\nimport { cloneDeep, isDocId, isNull, isString } from '@/shared/utils/common'\nimport { computed, ref, toRaw, watch } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    labelT?: string | undefined\n    dataCy?: string | undefined\n  }>(),\n  {\n    image: undefined,\n    configName: undefined,\n    labelT: 'common.damImage.public.idOrUrl',\n    dataCy: undefined,\n  }\n)\nconst modelValue = defineModel<IntegerIdNullable>({ default: null, required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst inputField = ref('')\nconst meta = ref({ description: '', source: '' })\n\nconst resolvedSrc = ref('')\nconst resImage = ref<null | ImageCreateUpdateAware>(null)\n// Id of the image this input just created. The model changes to it, and\n// fields are filled from the create response, so the image is not read again.\n// Any other id change triggers a read.\nlet createdImageId: IntegerIdNullable = null\n\nconst isValid = ref(true)\nconst isDirty = ref(false)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { damClient, endPointAsset, sourceLabel, descriptionValidation, sourceValidation } =\n  useCommonAdminCoreDamOptions(damConfigName)\nconst { widgetImageToDamImageOriginalUrl } = useImageActions(imageOptions)\n\nconst { showErrorsDefault, showValidationError } = useAlerts()\nconst { t } = useI18n()\n\nconst extractUUID = (url: string): string | undefined => {\n  const regex = /\\/image\\/original\\/([0-9a-fA-F-]+)\\.jpg/\n  const match = url.match(regex)\n\n  return match ? match[1] : undefined\n}\n\nconst validateAssetData = (asset: AssetDetailItemDto, licences: IntegerId[]) => {\n  return licences.some((licence) => licence === asset.licence)\n}\n\nconst validators = useValidate()\n\nconst rules = {\n  meta: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}\nconst v$ = useVuelidate(rules, { meta }, { $stopPropagation: true })\n\nconst validateField = async () => {\n  isDirty.value = true\n  isValid.value = true\n  inputField.value = inputField.value.trim()\n  if (inputField.value.startsWith('http')) {\n    const extracted = extractUUID(inputField.value)\n    if (isString(extracted)) inputField.value = extracted\n  }\n  if (!isDocId(inputField.value)) {\n    isValid.value = false\n    return Promise.reject('Incorrect URL/ID provided')\n  }\n  try {\n    const assetRes = await fetchAssetByFileId(damClient, endPointAsset, inputField.value)\n    if (isNull(assetRes.mainFile)) {\n      isValid.value = false\n      return Promise.reject('Incorrect asset mainFile')\n    }\n    if (validateAssetData(assetRes, props.selectLicences)) {\n      isValid.value = true\n      return Promise.resolve(assetRes)\n    }\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  } catch (e) {\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  }\n}\n\nconst submit = async () => {\n  try {\n    const asset = await validateField()\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      return Promise.reject('Invalid source or description')\n    }\n    const data = createDamImage(\n      { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n      { description: meta.value.description.trim(), source: meta.value.source.trim() },\n      { position: 0, id: resImage.value?.id || undefined }\n    )\n    const imageRes = resImage.value?.id\n      ? await imageApi.updateImage(imageClient, resImage.value.id, data)\n      : await imageApi.createImage(imageClient, data)\n    resImage.value = imageRes\n    if (!data.id) createdImageId = imageRes.id\n    modelValue.value = imageRes.id\n    // Fills the fields from the create response instead of reading the created image.\n    if (!data.id) await reload(imageRes, imageRes.id, true)\n    return Promise.resolve({ asset: asset, image: imageRes })\n  } catch (e) {\n    showErrorsDefault(e)\n    return undefined\n  }\n}\n\nconst updatePreviewAndTexts = () => {\n  resolvedSrc.value = widgetImageToDamImageOriginalUrl(createDamImage({ fileId: inputField.value, licenceId: 0 }))\n}\n\nconst onBlur = async () => {\n  try {\n    await validateField()\n    updatePreviewAndTexts()\n  } catch (e) {\n    //\n  }\n}\n\nconst reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = ''\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    if (resImage.value) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  if (newImageId) {\n    try {\n      resImage.value = await imageApi.fetchImage(imageClient, newImageId)\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    if (!isNull(resImage.value)) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  resImage.value = null\n  meta.value.description = ''\n  meta.value.source = ''\n}\n\nconst disabled = computed(() => !(isValid.value && isDirty.value))\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  submit,\n})\n</script>\n\n<template>\n  <ARow>\n    <AFormTextField\n      v-model=\"inputField\"\n      :label=\"labelT ? t(labelT) : undefined\"\n      :error=\"!isValid\"\n      :error-message=\"isValid ? undefined : t('common.damImage.public.inputError')\"\n      required\n      @blur=\"onBlur\"\n      @keyup.enter=\"onBlur\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.description\"\n      :label=\"t('common.damImage.image.model.texts.description')\"\n      :v=\"v$.meta.description\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.source\"\n      :label=\"sourceLabel\"\n      :v=\"v$.meta.source\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow style=\"min-height: 50px\">\n    <div>{{ t('common.damImage.public.imagePreview') }}:</div>\n    <img\n      v-if=\"resolvedSrc.length > 0\"\n      :src=\"resolvedSrc\"\n      alt=\"\"\n    />\n  </ARow>\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/AImagePublicInput.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,21 @@
-import e from "../../../ui/components/ARow.js";
-import { cloneDeep as t, isDocId as n, isNull as r, isString as i } from "../../../../shared/utils/common.js";
-import ee from "../../../form/components/AFormTextField.js";
+import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
+import { fetchAssetByFileId as t } from "../../api/damAssetApi.js";
+import { cloneDeep as n, isDocId as r, isNull as i, isString as ee } from "../../../../shared/utils/common.js";
+import { useImageActions as te } from "../composables/imageActions.js";
+import { useCommonAdminImageOptions as ne } from "../composables/commonAdminImageOptions.js";
+import { useAlerts as re } from "../../../system/composables/alerts.js";
+import ie from "../../../form/components/AFormTextField.js";
 import a from "../../../form/components/AFormTextarea.js";
-import { useAlerts as te } from "../../../system/composables/alerts.js";
-import { useValidate as ne } from "../../../../shared/validators/vuelidate/useValidate.js";
-import { useCommonAdminCoreDamOptions as o } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as s } from "../../composables/damConfigName.js";
-import { fetchAssetByFileId as c } from "../../api/damAssetApi.js";
-import { buildFieldRules as l } from "../../composables/uploadValidations.js";
-import { createDamImage as u } from "../utils/damImage.js";
-import { useCommonAdminImageOptions as re } from "../composables/commonAdminImageOptions.js";
-import { useImageActions as ie } from "../composables/imageActions.js";
-import { Fragment as d, computed as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, openBlock as v, ref as y, toDisplayString as oe, toRaw as b, unref as x, useModel as S, watch as C, withCtx as w, withKeys as T } from "vue";
-import { useI18n as se } from "vue-i18n";
-import ce from "@vuelidate/core";
-//#region src/domains/dam/imageWidget/components/AImagePublicInput.vue?vue&type=script&setup=true&lang.ts
-var le = ["src"], E = /*@__PURE__*/ g({
+import o from "../../../ui/components/ARow.js";
+import { useValidate as s } from "../../../../shared/validators/vuelidate/useValidate.js";
+import { buildFieldRules as c } from "../../composables/uploadValidations.js";
+import { createDamImage as l } from "../utils/damImage.js";
+import { useDamConfigName as u } from "../../composables/damConfigName.js";
+import { Fragment as d, computed as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, openBlock as v, ref as y, toDisplayString as b, toRaw as x, unref as S, useModel as oe, watch as C, withCtx as w, withKeys as T } from "vue";
+import { useI18n as E } from "vue-i18n";
+import se from "@vuelidate/core";
+// src/domains/dam/imageWidget/components/AImagePublicInput.vue?vue&type=script&setup=true&lang.ts
+var ce = ["src"], D = /*@__PURE__*/ g({
 	__name: "AImagePublicInput",
 	props: /*@__PURE__*/ _({
 		selectLicences: {},
@@ -32,81 +32,81 @@ var le = ["src"], E = /*@__PURE__*/ g({
 	}),
 	emits: ["update:modelValue"],
 	setup(g, { expose: _ }) {
-		let E = g, D = S(g, "modelValue"), O = s(E.configName), k = y(""), A = y({
+		let D = g, O = oe(g, "modelValue"), k = u(D.configName), A = y(""), j = y({
 			description: "",
 			source: ""
-		}), j = y(""), M = y(null), N = null, P = y(!0), F = y(!1), I = re(O), { imageClient: L, imageApi: R } = I, { damClient: z, endPointAsset: B, sourceLabel: V, descriptionValidation: H, sourceValidation: U } = o(O), { widgetImageToDamImageOriginalUrl: W } = ie(I), { showErrorsDefault: G, showValidationError: ue } = te(), { t: K } = se(), de = (e) => {
+		}), M = y(""), N = y(null), P = null, F = y(!0), I = y(!1), L = ne(k), { imageClient: R, imageApi: z } = L, { damClient: B, endPointAsset: V, sourceLabel: H, descriptionValidation: U, sourceValidation: W } = e(k), { widgetImageToDamImageOriginalUrl: G } = te(L), { showErrorsDefault: K, showValidationError: le } = re(), { t: q } = E(), ue = (e) => {
 			let t = e.match(/\/image\/original\/([0-9a-fA-F-]+)\.jpg/);
 			return t ? t[1] : void 0;
-		}, q = (e, t) => t.some((t) => t === e.licence), J = ne(), fe = { meta: {
-			description: l(H, J),
-			source: l(U, J)
-		} }, Y = ce(fe, { meta: A }, { $stopPropagation: !0 }), X = async () => {
-			if (F.value = !0, P.value = !0, k.value = k.value.trim(), k.value.startsWith("http")) {
-				let e = de(k.value);
-				i(e) && (k.value = e);
+		}, de = (e, t) => t.some((t) => t === e.licence), J = s(), fe = { meta: {
+			description: c(U, J),
+			source: c(W, J)
+		} }, Y = se(fe, { meta: j }, { $stopPropagation: !0 }), X = async () => {
+			if (I.value = !0, F.value = !0, A.value = A.value.trim(), A.value.startsWith("http")) {
+				let e = ue(A.value);
+				ee(e) && (A.value = e);
 			}
-			if (!n(k.value)) return P.value = !1, Promise.reject("Incorrect URL/ID provided");
+			if (!r(A.value)) return F.value = !1, Promise.reject("Incorrect URL/ID provided");
 			try {
-				let e = await c(z, B, k.value);
-				return r(e.mainFile) ? (P.value = !1, Promise.reject("Incorrect asset mainFile")) : q(e, E.selectLicences) ? (P.value = !0, Promise.resolve(e)) : (P.value = !1, Promise.reject("Incorrect asset or no access"));
+				let e = await t(B, V, A.value);
+				return i(e.mainFile) ? (F.value = !1, Promise.reject("Incorrect asset mainFile")) : de(e, D.selectLicences) ? (F.value = !0, Promise.resolve(e)) : (F.value = !1, Promise.reject("Incorrect asset or no access"));
 			} catch {
-				return P.value = !1, Promise.reject("Incorrect asset or no access");
+				return F.value = !1, Promise.reject("Incorrect asset or no access");
 			}
 		}, pe = async () => {
 			try {
 				let e = await X();
-				if (Y.value.$touch(), Y.value.$invalid) return ue(), Promise.reject("Invalid source or description");
-				let t = u({
+				if (Y.value.$touch(), Y.value.$invalid) return le(), Promise.reject("Invalid source or description");
+				let t = l({
 					fileId: e.mainFile.id,
 					licenceId: e.licence,
 					internal: e.mainFileInternal
 				}, {
-					description: A.value.description.trim(),
-					source: A.value.source.trim()
+					description: j.value.description.trim(),
+					source: j.value.source.trim()
 				}, {
 					position: 0,
-					id: M.value?.id || void 0
-				}), n = M.value?.id ? await R.updateImage(L, M.value.id, t) : await R.createImage(L, t);
-				return M.value = n, t.id || (N = n.id), D.value = n.id, t.id || await Q(n, n.id, !0), Promise.resolve({
+					id: N.value?.id || void 0
+				}), n = N.value?.id ? await z.updateImage(R, N.value.id, t) : await z.createImage(R, t);
+				return N.value = n, t.id || (P = n.id), O.value = n.id, t.id || await Q(n, n.id, !0), Promise.resolve({
 					asset: e,
 					image: n
 				});
 			} catch (e) {
-				G(e);
+				K(e);
 				return;
 			}
 		}, me = () => {
-			j.value = W(u({
-				fileId: k.value,
+			M.value = G(l({
+				fileId: A.value,
 				licenceId: 0
 			}));
 		}, Z = async () => {
 			try {
 				await X(), me();
 			} catch {}
-		}, Q = async (e, n, i = !1) => {
-			if (j.value = "", e && r(M.value) || e && i) M.value = t(e), M.value && (k.value = M.value.dam.damId, j.value = W(b(M.value)), A.value.description = M.value.texts.description, A.value.source = M.value.texts.source, Z());
-			else if (n) {
+		}, Q = async (e, t, r = !1) => {
+			if (M.value = "", e && i(N.value) || e && r) N.value = n(e), N.value && (A.value = N.value.dam.damId, M.value = G(x(N.value)), j.value.description = N.value.texts.description, j.value.source = N.value.texts.source, Z());
+			else if (t) {
 				try {
-					M.value = await R.fetchImage(L, n);
+					N.value = await z.fetchImage(R, t);
 				} catch (e) {
-					G(e);
+					K(e);
 				}
-				r(M.value) || (k.value = M.value.dam.damId, j.value = W(b(M.value)), A.value.description = M.value.texts.description, A.value.source = M.value.texts.source, Z());
-			} else M.value = null, A.value.description = "", A.value.source = "";
-		}, $ = ae(() => !(P.value && F.value));
-		return C([() => E.image, D], async ([e, t], [n]) => {
-			let i = N;
-			N = null, (r(i) || t !== i || e !== n) && await Q(e, t);
-		}, { immediate: !0 }), _({ submit: pe }), (t, n) => (v(), p(d, null, [
-			h(e, null, {
-				default: w(() => [h(ee, {
-					modelValue: k.value,
-					"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
-					label: g.labelT ? x(K)(g.labelT) : void 0,
-					error: !P.value,
-					"error-message": P.value ? void 0 : x(K)("common.damImage.public.inputError"),
+				i(N.value) || (A.value = N.value.dam.damId, M.value = G(x(N.value)), j.value.description = N.value.texts.description, j.value.source = N.value.texts.source, Z());
+			} else N.value = null, j.value.description = "", j.value.source = "";
+		}, $ = ae(() => !(F.value && I.value));
+		return C([() => D.image, O], async ([e, t], [n]) => {
+			let r = P;
+			P = null, (i(r) || t !== r || e !== n) && await Q(e, t);
+		}, { immediate: !0 }), _({ submit: pe }), (e, t) => (v(), p(d, null, [
+			h(o, null, {
+				default: w(() => [h(ie, {
+					modelValue: A.value,
+					"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
+					label: g.labelT ? S(q)(g.labelT) : void 0,
+					error: !F.value,
+					"error-message": F.value ? void 0 : S(q)("common.damImage.public.inputError"),
 					required: "",
 					onBlur: Z,
 					onKeyup: T(Z, ["enter"])
@@ -118,12 +118,12 @@ var le = ["src"], E = /*@__PURE__*/ g({
 				])]),
 				_: 1
 			}),
-			h(e, null, {
+			h(o, null, {
 				default: w(() => [h(a, {
-					modelValue: A.value.description,
-					"onUpdate:modelValue": n[1] ||= (e) => A.value.description = e,
-					label: x(K)("common.damImage.image.model.texts.description"),
-					v: x(Y).meta.description,
+					modelValue: j.value.description,
+					"onUpdate:modelValue": t[1] ||= (e) => j.value.description = e,
+					label: S(q)("common.damImage.image.model.texts.description"),
+					v: S(Y).meta.description,
 					disabled: $.value
 				}, null, 8, [
 					"modelValue",
@@ -133,12 +133,12 @@ var le = ["src"], E = /*@__PURE__*/ g({
 				])]),
 				_: 1
 			}),
-			h(e, null, {
+			h(o, null, {
 				default: w(() => [h(a, {
-					modelValue: A.value.source,
-					"onUpdate:modelValue": n[2] ||= (e) => A.value.source = e,
-					label: x(V),
-					v: x(Y).meta.source,
+					modelValue: j.value.source,
+					"onUpdate:modelValue": t[2] ||= (e) => j.value.source = e,
+					label: S(H),
+					v: S(Y).meta.source,
 					disabled: $.value
 				}, null, 8, [
 					"modelValue",
@@ -148,18 +148,17 @@ var le = ["src"], E = /*@__PURE__*/ g({
 				])]),
 				_: 1
 			}),
-			h(e, { style: { "min-height": "50px" } }, {
-				default: w(() => [m("div", null, oe(x(K)("common.damImage.public.imagePreview")) + ":", 1), j.value.length > 0 ? (v(), p("img", {
+			h(o, { style: { "min-height": "50px" } }, {
+				default: w(() => [m("div", null, b(S(q)("common.damImage.public.imagePreview")) + ":", 1), M.value.length > 0 ? (v(), p("img", {
 					key: 0,
-					src: j.value,
+					src: M.value,
 					alt: ""
-				}, null, 8, le)) : f("", !0)]),
+				}, null, 8, ce)) : f("", !0)]),
 				_: 1
 			})
 		], 64));
 	}
 });
-//#endregion
-export { E as default };
+export { D as default };
 
 //# sourceMappingURL=AImagePublicInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/AImagePublicInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AImagePublicInput.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_createVNode","ARow","_withCtx","AFormTextField","_unref","_withKeys","AFormTextarea","_createElementVNode","_toDisplayString","_createCommentVNode","ARow_default","AFormTextField_default","AFormTextarea_default","useVuelidate","_hoisted_1","AImagePublicInput_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","modelValue","useModel","damConfigName","useDamConfigName","inputField","ref","meta","resolvedSrc","resImage","createdImageId","isValid","isDirty","imageOptions","useCommonAdminImageOptions","useCommonAdminCoreDamOptions","useImageActions","useAlerts","useI18n","extractUUID","match","url","validateAssetData","licences","licence","asset","validators","useValidate","rules","buildFieldRules","descriptionValidation","sourceValidation","v$","validateField","extracted","isString","isDocId","assetRes","fetchAssetByFileId","damClient","endPointAsset","isNull","submit","showValidationError","data","createDamImage","imageRes","imageApi","imageClient","reload","updatePreviewAndTexts","widgetImageToDamImageOriginalUrl","onBlur","newImage","force","cloneDeep","toRaw","newImageId","error","disabled","computed","watch","oldImage","created","openBlock","createElementBlock","Fragment","createVNode","withCtx","_cache","$event","unref","t","withKeys","sourceLabel","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImagePublicInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { fetchAssetByFileId } from '@/domains/dam/api/damAssetApi'\nimport { cloneDeep, isDocId, isNull, isString } from '@/shared/utils/common'\nimport { computed, ref, toRaw, watch } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    labelT?: string | undefined\n    dataCy?: string | undefined\n  }>(),\n  {\n    image: undefined,\n    configName: undefined,\n    labelT: 'common.damImage.public.idOrUrl',\n    dataCy: undefined,\n  }\n)\nconst modelValue = defineModel<IntegerIdNullable>({ default: null, required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst inputField = ref('')\nconst meta = ref({ description: '', source: '' })\n\nconst resolvedSrc = ref('')\nconst resImage = ref<null | ImageCreateUpdateAware>(null)\n// The id of the image this input has just created. Its model changes to that id, and the fields are filled from the\n// answer to the create: the image is not read again. Any other change of the id is read as before.\nlet createdImageId: IntegerIdNullable = null\n\nconst isValid = ref(true)\nconst isDirty = ref(false)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { damClient, endPointAsset, sourceLabel, descriptionValidation, sourceValidation } =\n  useCommonAdminCoreDamOptions(damConfigName)\nconst { widgetImageToDamImageOriginalUrl } = useImageActions(imageOptions)\n\nconst { showErrorsDefault, showValidationError } = useAlerts()\nconst { t } = useI18n()\n\nconst extractUUID = (url: string): string | undefined => {\n  const regex = /\\/image\\/original\\/([0-9a-fA-F-]+)\\.jpg/\n  const match = url.match(regex)\n\n  return match ? match[1] : undefined\n}\n\nconst validateAssetData = (asset: AssetDetailItemDto, licences: IntegerId[]) => {\n  return licences.some((licence) => licence === asset.licence)\n}\n\nconst validators = useValidate()\n\nconst rules = {\n  meta: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}\nconst v$ = useVuelidate(rules, { meta }, { $stopPropagation: true })\n\nconst validateField = async () => {\n  isDirty.value = true\n  isValid.value = true\n  inputField.value = inputField.value.trim()\n  if (inputField.value.startsWith('http')) {\n    const extracted = extractUUID(inputField.value)\n    if (isString(extracted)) inputField.value = extracted\n  }\n  if (!isDocId(inputField.value)) {\n    isValid.value = false\n    return Promise.reject('Incorrect URL/ID provided')\n  }\n  try {\n    const assetRes = await fetchAssetByFileId(damClient, endPointAsset, inputField.value)\n    if (isNull(assetRes.mainFile)) {\n      isValid.value = false\n      return Promise.reject('Incorrect asset mainFile')\n    }\n    if (validateAssetData(assetRes, props.selectLicences)) {\n      isValid.value = true\n      return Promise.resolve(assetRes)\n    }\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  } catch (e) {\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  }\n}\n\nconst submit = async () => {\n  try {\n    const asset = await validateField()\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      return Promise.reject('Invalid source or description')\n    }\n    const data = createDamImage(\n      { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n      { description: meta.value.description.trim(), source: meta.value.source.trim() },\n      { position: 0, id: resImage.value?.id || undefined }\n    )\n    const imageRes = resImage.value?.id\n      ? await imageApi.updateImage(imageClient, resImage.value.id, data)\n      : await imageApi.createImage(imageClient, data)\n    resImage.value = imageRes\n    if (!data.id) createdImageId = imageRes.id\n    modelValue.value = imageRes.id\n    // What the read of the created image used to put into the fields, from the answer to its create.\n    if (!data.id) await reload(imageRes, imageRes.id, true)\n    return Promise.resolve({ asset: asset, image: imageRes })\n  } catch (e) {\n    showErrorsDefault(e)\n    return undefined\n  }\n}\n\nconst updatePreviewAndTexts = () => {\n  resolvedSrc.value = widgetImageToDamImageOriginalUrl(createDamImage({ fileId: inputField.value, licenceId: 0 }))\n}\n\nconst onBlur = async () => {\n  try {\n    await validateField()\n    updatePreviewAndTexts()\n  } catch (e) {\n    //\n  }\n}\n\nconst reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = ''\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    if (resImage.value) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  if (newImageId) {\n    try {\n      resImage.value = await imageApi.fetchImage(imageClient, newImageId)\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    if (!isNull(resImage.value)) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  resImage.value = null\n  meta.value.description = ''\n  meta.value.source = ''\n}\n\nconst disabled = computed(() => !(isValid.value && isDirty.value))\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  submit,\n})\n</script>\n\n<template>\n  <ARow>\n    <AFormTextField\n      v-model=\"inputField\"\n      :label=\"labelT ? t(labelT) : undefined\"\n      :error=\"!isValid\"\n      :error-message=\"isValid ? undefined : t('common.damImage.public.inputError')\"\n      required\n      @blur=\"onBlur\"\n      @keyup.enter=\"onBlur\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.description\"\n      :label=\"t('common.damImage.image.model.texts.description')\"\n      :v=\"v$.meta.description\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.source\"\n      :label=\"sourceLabel\"\n      :v=\"v$.meta.source\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow style=\"min-height: 50px\">\n    <div>{{ t('common.damImage.public.imagePreview') }}:</div>\n    <img\n      v-if=\"resolvedSrc.length > 0\"\n      :src=\"resolvedSrc\"\n      alt=\"\"\n    />\n  </ARow>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AImagePublicInput.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_createVNode","ARow","_withCtx","AFormTextField","_unref","_withKeys","AFormTextarea","_createElementVNode","_toDisplayString","_createCommentVNode","AFormTextField_default","AFormTextarea_default","ARow_default","useVuelidate","_hoisted_1","AImagePublicInput_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","modelValue","useModel","damConfigName","useDamConfigName","inputField","ref","meta","resolvedSrc","resImage","createdImageId","isValid","isDirty","imageOptions","useCommonAdminImageOptions","useCommonAdminCoreDamOptions","useImageActions","useAlerts","useI18n","extractUUID","match","url","validateAssetData","licences","licence","asset","validators","useValidate","rules","buildFieldRules","descriptionValidation","sourceValidation","v$","validateField","extracted","isString","isDocId","assetRes","fetchAssetByFileId","damClient","endPointAsset","isNull","submit","showValidationError","data","createDamImage","imageRes","imageApi","imageClient","reload","updatePreviewAndTexts","widgetImageToDamImageOriginalUrl","onBlur","newImage","force","cloneDeep","toRaw","newImageId","error","disabled","computed","watch","oldImage","created","openBlock","createElementBlock","Fragment","createVNode","withCtx","_cache","$event","unref","t","withKeys","sourceLabel","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImagePublicInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { fetchAssetByFileId } from '@/domains/dam/api/damAssetApi'\nimport { cloneDeep, isDocId, isNull, isString } from '@/shared/utils/common'\nimport { computed, ref, toRaw, watch } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    labelT?: string | undefined\n    dataCy?: string | undefined\n  }>(),\n  {\n    image: undefined,\n    configName: undefined,\n    labelT: 'common.damImage.public.idOrUrl',\n    dataCy: undefined,\n  }\n)\nconst modelValue = defineModel<IntegerIdNullable>({ default: null, required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst inputField = ref('')\nconst meta = ref({ description: '', source: '' })\n\nconst resolvedSrc = ref('')\nconst resImage = ref<null | ImageCreateUpdateAware>(null)\n// Id of the image this input just created. The model changes to it, and\n// fields are filled from the create response, so the image is not read again.\n// Any other id change triggers a read.\nlet createdImageId: IntegerIdNullable = null\n\nconst isValid = ref(true)\nconst isDirty = ref(false)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { damClient, endPointAsset, sourceLabel, descriptionValidation, sourceValidation } =\n  useCommonAdminCoreDamOptions(damConfigName)\nconst { widgetImageToDamImageOriginalUrl } = useImageActions(imageOptions)\n\nconst { showErrorsDefault, showValidationError } = useAlerts()\nconst { t } = useI18n()\n\nconst extractUUID = (url: string): string | undefined => {\n  const regex = /\\/image\\/original\\/([0-9a-fA-F-]+)\\.jpg/\n  const match = url.match(regex)\n\n  return match ? match[1] : undefined\n}\n\nconst validateAssetData = (asset: AssetDetailItemDto, licences: IntegerId[]) => {\n  return licences.some((licence) => licence === asset.licence)\n}\n\nconst validators = useValidate()\n\nconst rules = {\n  meta: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}\nconst v$ = useVuelidate(rules, { meta }, { $stopPropagation: true })\n\nconst validateField = async () => {\n  isDirty.value = true\n  isValid.value = true\n  inputField.value = inputField.value.trim()\n  if (inputField.value.startsWith('http')) {\n    const extracted = extractUUID(inputField.value)\n    if (isString(extracted)) inputField.value = extracted\n  }\n  if (!isDocId(inputField.value)) {\n    isValid.value = false\n    return Promise.reject('Incorrect URL/ID provided')\n  }\n  try {\n    const assetRes = await fetchAssetByFileId(damClient, endPointAsset, inputField.value)\n    if (isNull(assetRes.mainFile)) {\n      isValid.value = false\n      return Promise.reject('Incorrect asset mainFile')\n    }\n    if (validateAssetData(assetRes, props.selectLicences)) {\n      isValid.value = true\n      return Promise.resolve(assetRes)\n    }\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  } catch (e) {\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  }\n}\n\nconst submit = async () => {\n  try {\n    const asset = await validateField()\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      return Promise.reject('Invalid source or description')\n    }\n    const data = createDamImage(\n      { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n      { description: meta.value.description.trim(), source: meta.value.source.trim() },\n      { position: 0, id: resImage.value?.id || undefined }\n    )\n    const imageRes = resImage.value?.id\n      ? await imageApi.updateImage(imageClient, resImage.value.id, data)\n      : await imageApi.createImage(imageClient, data)\n    resImage.value = imageRes\n    if (!data.id) createdImageId = imageRes.id\n    modelValue.value = imageRes.id\n    // Fills the fields from the create response instead of reading the created image.\n    if (!data.id) await reload(imageRes, imageRes.id, true)\n    return Promise.resolve({ asset: asset, image: imageRes })\n  } catch (e) {\n    showErrorsDefault(e)\n    return undefined\n  }\n}\n\nconst updatePreviewAndTexts = () => {\n  resolvedSrc.value = widgetImageToDamImageOriginalUrl(createDamImage({ fileId: inputField.value, licenceId: 0 }))\n}\n\nconst onBlur = async () => {\n  try {\n    await validateField()\n    updatePreviewAndTexts()\n  } catch (e) {\n    //\n  }\n}\n\nconst reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = ''\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    if (resImage.value) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  if (newImageId) {\n    try {\n      resImage.value = await imageApi.fetchImage(imageClient, newImageId)\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    if (!isNull(resImage.value)) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  resImage.value = null\n  meta.value.description = ''\n  meta.value.source = ''\n}\n\nconst disabled = computed(() => !(isValid.value && isDirty.value))\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  submit,\n})\n</script>\n\n<template>\n  <ARow>\n    <AFormTextField\n      v-model=\"inputField\"\n      :label=\"labelT ? t(labelT) : undefined\"\n      :error=\"!isValid\"\n      :error-message=\"isValid ? undefined : t('common.damImage.public.inputError')\"\n      required\n      @blur=\"onBlur\"\n      @keyup.enter=\"onBlur\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.description\"\n      :label=\"t('common.damImage.image.model.texts.description')\"\n      :v=\"v$.meta.description\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.source\"\n      :label=\"sourceLabel\"\n      :v=\"v$.meta.source\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow style=\"min-height: 50px\">\n    <div>{{ t('common.damImage.public.imagePreview') }}:</div>\n    <img\n      v-if=\"resolvedSrc.length > 0\"\n      :src=\"resolvedSrc\"\n      alt=\"\"\n    />\n  </ARow>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAMuB,IAAQC,GAeRC,IAAazB,GAA8BwB,GAAA,YAAkC,GAE7EG,IAAgBC,EAAiBL,EAAM,UAAU,GACjDM,IAAaC,EAAI,EAAE,GACnBC,IAAOD,EAAI;GAAE,aAAa;GAAI,QAAQ;EAAG,CAAC,GAE1CE,IAAcF,EAAI,EAAE,GACpBG,IAAWH,EAAmC,IAAI,GAIpDI,IAAoC,MAElCC,IAAUL,EAAI,EAAI,GAClBM,IAAUN,EAAI,EAAK,GAEnBO,IAAeC,GAA2BX,CAAa,GACvD,EAAE,gBAAa,gBAAaU,GAC5B,EAAE,cAAW,kBAAe,gBAAa,0BAAuB,wBACpEE,EAA6BZ,CAAa,GACtC,EAAE,wCAAqCa,GAAgBH,CAAY,GAEnE,EAAE,sBAAmB,4BAAwBI,GAAU,GACvD,EAAE,SAAMC,EAAQ,GAEhBC,MAAe,MAAoC;GAEvD,IAAMC,IAAQC,EAAI,MAAM,yCAAK;GAE7B,OAAOD,IAAQA,EAAM,KAAK,KAAA;EAC5B,GAEME,MAAqB,GAA2B,MAC7CC,EAAS,MAAM,MAAYC,MAAYC,EAAM,OAAO,GAGvDC,IAAaC,EAAY,GAEzBC,KAAQ,EACZ,MAAM;GACJ,aAAaC,EAAgBC,GAAuBJ,CAAU;GAC9D,QAAQG,EAAgBE,GAAkBL,CAAU;EACtD,EACF,GACMM,IAAKvC,GAAamC,IAAO,EAAE,QAAK,GAAG,EAAE,kBAAkB,GAAK,CAAC,GAE7DK,IAAgB,YAAY;GAIhC,IAHA,EAAQ,QAAQ,IAChB,EAAQ,QAAQ,IAChB,EAAW,QAAQ5B,EAAW,MAAM,KAAK,GACrCA,EAAW,MAAM,WAAW,MAAM,GAAG;IACvC,IAAM6B,IAAYf,GAAYd,EAAW,KAAK;IAC9C,AAAI8B,GAASD,CAAS,MAAG,EAAW,QAAQA;GAC9C;GACA,IAAI,CAACE,EAAQ/B,EAAW,KAAK,GAE3B,OADA,EAAQ,QAAQ,IACT,QAAQ,OAAO,2BAA2B;GAEnD,IAAI;IACF,IAAMgC,IAAW,MAAMC,EAAmBC,GAAWC,GAAenC,EAAW,KAAK;IAUpF,OATIoC,EAAOJ,EAAS,QAAQ,KAC1B,EAAQ,QAAQ,IACT,QAAQ,OAAO,0BAA0B,KAE9Cf,GAAkBe,GAAUtC,EAAM,cAAc,KAClD,EAAQ,QAAQ,IACT,QAAQ,QAAQsC,CAAQ,MAEjC,EAAQ,QAAQ,IACT,QAAQ,OAAO,8BAA8B;GACtD,QAAY;IAEV,OADA,EAAQ,QAAQ,IACT,QAAQ,OAAO,8BAA8B;GACtD;EACF,GAEMK,KAAS,YAAY;GACzB,IAAI;IACF,IAAMjB,IAAQ,MAAMQ,EAAc;IAElC,IADAD,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAEX,OADAW,GAAoB,GACb,QAAQ,OAAO,+BAA+B;IAEvD,IAAMC,IAAOC,EACX;KAAE,QAAQpB,EAAM,SAAU;KAAI,WAAWA,EAAM;KAAS,UAAUA,EAAM;IAAiB,GACzF;KAAE,aAAalB,EAAK,MAAM,YAAY,KAAK;KAAG,QAAQA,EAAK,MAAM,OAAO,KAAK;IAAE,GAC/E;KAAE,UAAU;KAAG,IAAIE,EAAS,OAAO,MAAM,KAAA;IAAU,CACrD,GACMqC,IAAWrC,EAAS,OAAO,KAC7B,MAAMsC,EAAS,YAAYC,GAAavC,EAAS,MAAM,IAAImC,CAAI,IAC/D,MAAMG,EAAS,YAAYC,GAAaJ,CAAI;IAMhD,OALA,EAAS,QAAQE,GACZF,EAAK,OAAI,IAAiBE,EAAS,KACxC,EAAW,QAAQA,EAAS,IAEvBF,EAAK,MAAI,MAAMK,EAAOH,GAAUA,EAAS,IAAI,EAAI,GAC/C,QAAQ,QAAQ;KAAS;KAAO,OAAOA;IAAS,CAAC;GAC1D,SAAS,GAAG;IACV,EAAkB,CAAC;IACnB;GACF;EACF,GAEMI,WAA8B;GAClC,EAAY,QAAQC,EAAiCN,EAAe;IAAE,QAAQxC,EAAW;IAAO,WAAW;GAAE,CAAC,CAAC;EACjH,GAEM+C,IAAS,YAAY;GACzB,IAAI;IAEF,AADA,MAAMnB,EAAc,GACpBiB,GAAsB;GACxB,QAAY,CAEZ;EACF,GAEMD,IAAS,OAAO,GAA8C,GAA+B,IAAQ,OAAU;GAEnH,IADA,EAAY,QAAQ,IACfI,KAAYZ,EAAOhC,EAAS,KAAK,KAAO4C,KAAYC,GAEvD,AADA,EAAS,QAAQC,EAAUF,CAAQ,GAC/B5C,EAAS,UACX,EAAW,QAAQA,EAAS,MAAM,IAAI,OACtC,EAAY,QAAQ0C,EAAiCK,EAAM/C,EAAS,KAAK,CAAC,GAC1E,EAAK,MAAM,cAAcA,EAAS,MAAM,MAAM,aAC9C,EAAK,MAAM,SAASA,EAAS,MAAM,MAAM,QACzC2C,EAAO;QAIX,IAAIK,GAAY;IACd,IAAI;KACF,EAAS,QAAQ,MAAMV,EAAS,WAAWC,GAAaS,CAAU;IACpE,SAASC,GAAO;KACd,EAAkBA,CAAK;IACzB;IACA,AAAKjB,EAAOhC,EAAS,KAAK,MACxB,EAAW,QAAQA,EAAS,MAAM,IAAI,OACtC,EAAY,QAAQ0C,EAAiCK,EAAM/C,EAAS,KAAK,CAAC,GAC1E,EAAK,MAAM,cAAcA,EAAS,MAAM,MAAM,aAC9C,EAAK,MAAM,SAASA,EAAS,MAAM,MAAM,QACzC2C,EAAO;GAGX,OAGA,AAFA,EAAS,QAAQ,MACjB,EAAK,MAAM,cAAc,IACzB,EAAK,MAAM,SAAS;EACtB,GAEMO,IAAWC,SAAe,EAAEjD,EAAQ,SAASC,EAAQ,MAAM;E,OAEjEiD,EACE,OAAO9D,EAAM,OAAOE,CAAU,GAC9B,OAAO,CAACoD,GAAUI,IAAa,CAACK,OAAc;GAC5C,IAAMC,IAAUrD;GAEhB,AADA,IAAiB,OACZ+B,EAAOsB,CAAO,KAAKN,MAAeM,KAAWV,MAAaS,MAC/D,MAAMb,EAAOI,GAAUI,CAAU;EACnC,GACA,EAAE,WAAW,GAAK,CACpB,GAEA3D,EAAa,EACX,WACF,CAAC,I;GAIClB,EAUOC,GAAA,MAAA;IATL,SAAAC,QAQE,CARFF,EAQEG,IAAA;KAPS,YAAAsB,EAAA;KAAA,uBAAA,AAAAgE,EAAA,QAAA,MAAA,EAAU,QAAAC;KAClB,OAAOtE,EAAA,SAAShB,EAAAwF,CAAA,CAAC,CAACxE,EAAA,MAAM,IAAI,KAAA;KAC5B,OAAK,CAAGW,EAAA;KACR,iBAAeA,EAAA,QAAU,KAAA,IAAY3B,EAAAwF,CAAA,CAAC,CAAA,mCAAA;KACvC,UAAA;KACO;KACN,SAAKvF,EAAQmE,GAAM,CAAA,OAAA,CAAA;;;;;;;;;GAGxBxE,EAOOC,GAAA,MAAA;IANL,SAAAC,QAKE,CALFF,EAKEM,GAAA;KAJS,YAAAqB,EAAA,MAAK;KAAL,uBAAA,AAAA8D,EAAA,QAAA,MAAA,EAAA,MAAK,cAAWC;KACxB,OAAOtF,EAAAwF,CAAA,CAAC,CAAA,+CAAA;KACR,GAAGxF,EAAAgD,CAAA,CAAE,CAAC,KAAK;KACX,UAAU2B,EAAA;;;;;;;;;GAGf/E,EAOOC,GAAA,MAAA;IANL,SAAAC,QAKE,CALFF,EAKEM,GAAA;KAJS,YAAAqB,EAAA,MAAK;KAAL,uBAAA,AAAA8D,EAAA,QAAA,MAAA,EAAA,MAAK,SAAMC;KACnB,OAAOtF,EAAA0F,CAAA;KACP,GAAG1F,EAAAgD,CAAA,CAAE,CAAC,KAAK;KACX,UAAU2B,EAAA;;;;;;;;;GAGf/E,EAOOC,GAAA,EAPD,OAAA,EAAA,cAAA,OAAA,EAAwB,GAAA;IAC5B,SAAAC,QAA0D,CAA1DK,EAA0D,OAAA,MAAAC,EAAlDJ,EAAAwF,CAAA,CAAC,CAAA,qCAAA,CAAA,IAA0C,KAAC,CAAA,GAE5ChE,EAAA,MAAY,SAAM,KAD1B/B,EAAA,GAAAC,EAIE,OAAA;;KAFC,KAAK8B,EAAA;KACN,KAAI"}