@piveau/dpi 0.2.0-alpha.5 → 0.2.0-alpha.51

package/dist/packages/dpi/src/data-provider-interface/components/DistLicense.vue.js

@@ -1,72 +1,231 @@
-import { ref as d, watch as w, onMounted as C, getCurrentInstance as T, createElementBlock as b, openBlock as g, createElementVNode as a, createVNode as v, createCommentVNode as z, createBlock as $, toDisplayString as i, unref as o, isRef as F, createTextVNode as _ } from "vue";
-import S from "../HappyFlowComponents/ui/InputField.vue.js";
-import B from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { PhLightbulb as P, PhArrowSquareOut as E } from "@phosphor-icons/vue";
-import { getLicenses as M } from "../HappyFlowComponents/services/dpiV3_apis.js";
-import { useEditModeInfo as O } from "../composables/useDpiEditMode.js";
+import { ref as f, computed as H, watch as I, onMounted as R, getCurrentInstance as G, onUnmounted as J, createElementBlock as w, openBlock as y, createElementVNode as a, createVNode as m, createCommentVNode as k, toDisplayString as u, unref as o, isRef as C, createBlock as K, createTextVNode as B } from "vue";
+import { PhWarning as S, PhLightbulb as Q, PhArrowSquareOut as X } from "@phosphor-icons/vue";
+import { useEditModeInfo as Y } from "../composables/useDpiEditMode.js";
+import { useFormValues as Z } from "../composables/useDpiFormValues.js";
+import { getLicenses as ee } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import D from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import te from "../HappyFlowComponents/ui/InputField.vue.js";
 /* empty css                 */
-import U from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "dpiV3InnerComponentWrap" }, H = { class: "copy-large-regular" }, W = {
+import ie from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const se = { class: "dpiV3InnerComponentWrap" }, le = { class: "copy-large-regular" }, ae = {
   key: 0,
+  class: "info-message"
+}, ne = {
+  key: 1,
   class: "validation-error"
-}, j = { class: "dpiV3_Content_InputPage" }, R = { class: "dpiV3_Card_Tips" }, q = { class: "dpiV3_Icon_Title" }, A = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, G = { class: "dpiV3_CT-Content" }, J = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, K = { class: "dpiV3_hvd_frame3846" }, Q = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, X = { class: "dpiV3_normal" }, Y = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Z = { class: "dpiV3_normal" }, ee = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, se = { class: "dpiV3_normal" }, te = { class: "dpiV3_link" }, ae = {
+}, oe = { class: "copy-mini-regular" }, de = { class: "input-container" }, ue = {
+  key: 1,
+  class: "dpiV3_errormsgWrapper"
+}, re = { class: "copy-mini-regular" }, ce = { class: "dpiV3_Content_InputPage" }, pe = { class: "dpiV3_Card_Tips" }, ve = { class: "dpiV3_Icon_Title" }, fe = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, me = { class: "dpiV3_CT-Content" }, ge = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, he = { class: "dpiV3_hvd_frame3846" }, _e = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, be = { class: "dpiV3_normal" }, ye = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Ve = { class: "dpiV3_normal" }, ze = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Le = { class: "dpiV3_normal" }, we = {
+  href: "https://oc.bydata.de/sharing/articles/licenses",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "dpiV3_link"
+}, ke = { class: "end_container" }, Te = {
+  key: 0,
+  class: "form-error-message"
+}, Ne = {
   __name: "DistLicense",
   props: {
     context: Object,
     changeLicenseText: { type: String, default: "" },
     changeLicenseDropdownText: { type: String, default: "" }
   },
-  setup(I) {
-    const { isEditMode: D } = O();
-    let h = d(!1), r = d([]), c = d("");
-    const p = d(""), V = I;
-    let m = d({ 1: !1, 2: !1 });
-    const l = d([
-      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+  setup(F) {
+    const V = F, { isEditMode: M } = Y(), { formValues: Be } = Z();
+    let T = f(!1), z = f([]), g = f(""), h = f(null), r = f("");
+    const p = f(""), $ = {
+      "freie Nutzung": [
+        "dl-zero-de/2.0",
+        "dl-by-de/2.0",
+        "cc-by/4.0",
+        "apache",
+        "bsd",
+        "cc-by",
+        "cc-by-de/3.0",
+        "cc-by-sa",
+        "cc-by-sa-de/3.0",
+        "cc-by-sa/4.0",
+        "ccpdm/1.0",
+        "cc-zero",
+        "dl-by-de/1.0",
+        "geonutz/20130319",
+        "geoNutz/20131001",
+        "gfdl",
+        "gpl/3.0",
+        "mozilla",
+        "odbl",
+        "odby",
+        "odcpddl",
+        "officialWork",
+        "other-open",
+        "other-opensource"
+      ],
+      "eingeschränkte Nutzung": [
+        // Note: These licenses don't appear in the current API response
+        // They may need to be added to the backend vocabulary
+        "cc-by-nc",
+        "cc-by-nc/3.0",
+        "cc-by-nc/4.0",
+        "cc-by-nd",
+        "cc-by-nd/3.0",
+        "cc-by-nd/4.0",
+        "dl-by-nc-de/1.0",
+        "other-closed",
+        "other-commercial",
+        "other-freeware"
+      ]
+    }, x = f([
+      { "@value": "freie Nutzung", label: "freie Nutzung" },
+      { "@value": "eingeschränkte Nutzung", label: "eingeschränkte Nutzung" }
     ]);
-    D.value || V.context.node.input(l);
-    const N = (e, s, t) => {
-      f(e, s, t);
-    }, k = (e) => {
-      const s = typeof e == "object" && e.target ? e.target.value : e;
-      f(s, "dcterms:license", 1);
-    }, f = (e, s, t, u) => {
-      const y = e === "" || r.value.some((n) => n["@value"] === e);
-      let L = d();
-      r.value.some((n) => n["@value"] === e) && (L.value = r.value.find(
-        (n) => n["@value"] === e
-      ).label), !y && e !== "" ? (p.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", m.value[t] = !1, l.value[0].isValid = !1) : (p.value = "", h.value = e !== "", e !== "" ? (m.value[t] = !0, e !== "" && (l.value[0].isValid = !0)) : (m.value[t] = !1, l.value[0].isValid = !1), l.value = l.value.map((n) => s in n ? { ...n, [s]: e, uri: u, title: L } : n)), V.context.node.input(l.value);
-    };
-    return w(c, (e) => {
-      let s = r.value.find(
-        (t) => t["@value"] === e
-      ).uri;
-      e !== void 0 && f(e, "dcterms:license", 1, s);
-    }), C(async () => {
-      const s = T().appContext.app.config.globalProperties.$env;
+    let d = f({ 1: "unset", 2: "unset" });
+    const s = f([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), v = f({
+      2: {
+        show: !1,
+        message: "Bitte geben Sie einen Namensnennungstext für diese Lizenz ein."
+      }
+    });
+    M.value || V.context.node.input(s);
+    const b = H(() => {
+      if (!r.value)
+        return [];
+      const e = $[r.value] || [];
+      console.log("Selected license type:", r.value), console.log("Allowed licenses for this type:", e), console.log("All available license options:", z.value.map((i) => i["@value"]));
+      const t = z.value.filter(
+        (i) => e.includes(i["@value"])
+      );
+      return console.log("Filtered licenses:", t.map((i) => i["@value"])), t;
+    });
+    function E(e) {
+      r.value = e, g.value = "", p.value = "", T.value = !1, d.value[1] = "unset", d.value[2] = "unset", s.value[0].isValid = "unset", v.value[2].show = !1, s.value = s.value.map((t) => ({ ...t, "dcterms:license": "", uri: "", title: "", attribution: "" })), V.context.node.input(s.value);
+    }
+    function O(e, t, i) {
+      N(e, t, i);
+    }
+    function P(e) {
+      const t = typeof e == "object" && e.target ? e.target.value : e;
+      h.value && clearTimeout(h.value), q(t, "dcterms:license", 1), h.value = setTimeout(() => {
+        A(t, "dcterms:license", 1);
+      }, 800);
+    }
+    function q(e, t, i) {
+      p.value = "";
+      const l = b.value.find((n) => n["@value"] === e);
+      l ? N(e, t, i, l.uri) : e === "" ? (d.value[i] = !1, s.value[0].isValid = "unset", T.value = !1, v.value[2].show = !1, s.value = s.value.map((n) => t in n ? { ...n, [t]: "", uri: "", title: "" } : n), V.context.node.input(s.value)) : (d.value[i] = "unset", s.value[0].isValid = "unset");
+    }
+    function A(e, t, i) {
+      if (e === "") {
+        p.value = "";
+        return;
+      }
+      const l = b.value.find((n) => n["@value"] === e);
+      l ? N(e, t, i, l.uri) : (p.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[i] = !1, s.value[0].isValid = "unset");
+    }
+    function U(e) {
+      h.value && clearTimeout(h.value);
+      const t = e.target.value;
+      A(t, "dcterms:license", 1);
+    }
+    function W(e, t, i) {
+      var l;
+      s.value = s.value.map((n) => t in n ? { ...n, [t]: e } : n);
+      {
+        const n = ((l = s.value[0]) == null ? void 0 : l["dcterms:license"]) || "";
+        if (n !== "" && (n.includes("cc-by") || n.includes("dl-by-de") || n.includes("dl-by-nc-de"))) {
+          const c = e && e.trim() !== "";
+          v.value[2].show = !c, d.value[2] = c, d.value[1] === !0 && c ? s.value[0].isValid = !0 : s.value[0].isValid = "unset";
+        } else
+          v.value[2].show = !1, d.value[2] = "unset";
+      }
+      V.context.node.input(s.value);
+    }
+    function N(e, t, i, l) {
+      var L;
+      if (!(e === "" || b.value.some((c) => c["@value"] === e)) && e !== "")
+        p.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[i] = !1, s.value[0].isValid = "unset";
+      else {
+        p.value = "";
+        const c = e !== "" && (e.includes("cc-by") || e.includes("dl-by-de") || e.includes("dl-by-nc-de"));
+        if (T.value = c, e !== "") {
+          d.value[i] = !0;
+          const _ = ((L = s.value[0]) == null ? void 0 : L.title) || "", j = !c || c && _.trim() !== "";
+          s.value[0].isValid = j ? !0 : "unset", c ? (v.value[2].show = _.trim() === "", d.value[2] = _.trim() !== "") : (v.value[2].show = !1, d.value[2] = "unset");
+        } else
+          d.value[i] = !1, s.value[0].isValid = "unset", v.value[2].show = !1;
+        s.value = s.value.map((_) => t in _ ? { ..._, [t]: e, uri: l } : _);
+      }
+      V.context.node.input(s.value);
+    }
+    return I(g, (e) => {
+      var i;
+      let t = (i = b.value.find(
+        (l) => l["@value"] === e
+      )) == null ? void 0 : i.uri;
+      e !== void 0 && N(e, "dcterms:license", 1, t);
+    }), I(
+      () => s.value[0].isValid,
+      (e) => {
+        var t, i;
+        if (e === !1) {
+          const l = ((t = s.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
+          l === "" ? p.value = "Bitte wählen Sie eine Lizenz aus." : z.value.find(
+            (c) => c["@value"] === l
+          ) || (p.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste"), l !== "" && (l.includes("cc-by") || l.includes("dl-by-de") || l.includes("dl-by-nc-de")) && (((i = s.value[0]) == null ? void 0 : i.title) || "").trim() === "" && (v.value[2].show = !0);
+        }
+      }
+    ), R(async () => {
+      const t = G().appContext.app.config.globalProperties.$env;
       try {
-        const t = await M(s.api.baseUrl);
-        r.value = t.map((u) => ({
-          "@value": u.value,
-          label: u.label,
-          uri: u.uri
-        }));
-      } catch (t) {
-        console.error("Failed to load licenses", t);
+        const i = await ee(t.api.baseUrl);
+        z.value = i.map((l) => ({
+          "@value": l.value,
+          label: l.label,
+          uri: l.uri
+        })), z.value.sort((l, n) => l["@value"].localeCompare(n["@value"]));
+      } catch (i) {
+        console.error("Failed to load licenses", i);
       }
-    }), (e, s) => (g(), b("div", x, [
-      a("h4", null, i(e.$t("message.dataupload.datasets.dct:license.title")), 1),
-      a("div", H, i(e.$t("message.dataupload.datasets.dct:license.description")), 1),
-      v(B, {
+    }), J(() => {
+      h.value && clearTimeout(h.value);
+    }), (e, t) => (y(), w("div", se, [
+      a("h4", null, u(e.$t("message.dataupload.datasets.dct:license.title")), 1),
+      a("div", le, u(e.$t("message.dataupload.datasets.dct:license.description")), 1),
+      m(D, {
+        modelValue: o(r),
         "onUpdate:modelValue": [
-          s[0] || (s[0] = (t) => N(t, "dcterms:license", 1)),
-          s[1] || (s[1] = (t) => F(c) ? c.value = t : c = t)
+          t[0] || (t[0] = (i) => C(r) ? r.value = i : r = i),
+          E
         ],
-        onInput: k,
-        dropdownWidth: "large",
+        "dropdown-width": "large",
         type: "inputField",
-        modelValue: o(c),
-        inputFieldProps: {
+        "input-field-props": {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Art der Lizenz",
+          dropdown_dpiV3: !0,
+          placeholder: "Art der Lizenz wählen...",
+          inputFieldSize: "large",
+          modelValue: o(r),
+          defaultInput: !0,
+          showError: !1
+        },
+        data: x.value
+      }, null, 8, ["modelValue", "input-field-props", "data"]),
+      m(D, {
+        modelValue: o(g),
+        "onUpdate:modelValue": [
+          t[1] || (t[1] = (i) => C(g) ? g.value = i : g = i),
+          t[2] || (t[2] = (i) => O(i, "dcterms:license", 1))
+        ],
+        "dropdown-width": "large",
+        type: "inputField",
+        "input-field-props": {
           addOnText: !1,
           initialHintText: !1,
           datePicker: !1,
@@ -74,74 +233,100 @@ const x = { class: "dpiV3InnerComponentWrap" }, H = { class: "copy-large-regular
           preIcon: !1,
           label: "Lizenz",
           dropdown_dpiV3: !0,
-          placeholder: "Lizenz wählen...",
+          placeholder: o(r) ? "Lizenz wählen..." : "Bitte wählen Sie zuerst eine Art der Lizenz...",
           inputFieldSize: "large",
-          modelValue: o(c),
+          modelValue: o(g),
           defaultInput: !0,
-          showError: p.value !== "" || l.value[0].isValid === !1 && o(m)[1] === !1
+          showError: p.value !== "" || s.value[0].isValid === "unset" && o(d)[1] === !1,
+          disabled: !o(r)
         },
-        data: o(r),
+        data: b.value,
+        onInput: P,
+        onBlur: U,
         onDeleteButtonClicked: e.deleteModifiedField
-      }, null, 8, ["modelValue", "inputFieldProps", "data", "onDeleteButtonClicked"]),
-      p.value ? (g(), b("div", W, i(p.value), 1)) : z("", !0),
-      o(h) ? (g(), $(S, {
-        key: 1,
-        modelValue: l.value[0].title,
-        "onUpdate:modelValue": s[2] || (s[2] = (t) => l.value[0].title = t),
-        addOnText: !1,
-        datePicker: !1,
-        infoIcon: !1,
-        placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
-        preIcon: !1,
-        inputFieldSize: "large",
-        initialHintText: !0,
-        label: "Nennung des Datenbereitstellers",
-        showEndIcon: !1,
-        defaultInput: !0,
-        onDeleteButtonClicked: e.deleteModifiedField,
-        supportingHintMessage: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
-        error_message: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
-        isDisabled: !0
-      }, null, 8, ["modelValue", "onDeleteButtonClicked"])) : z("", !0),
-      a("div", j, [
-        a("div", R, [
-          a("div", q, [
-            v(o(P), {
+      }, null, 8, ["modelValue", "input-field-props", "data", "onDeleteButtonClicked"]),
+      o(r) && b.value.length === 0 ? (y(), w("div", ae, [
+        m(o(S), {
+          size: 16,
+          weight: "fill",
+          color: "#e67700"
+        }),
+        t[4] || (t[4] = a("span", { class: "copy-mini-regular" }, "Für diese Lizenzkategorie sind derzeit keine Lizenzen verfügbar.", -1))
+      ])) : k("", !0),
+      p.value ? (y(), w("div", ne, [
+        m(o(S), {
+          size: 16,
+          weight: "fill"
+        }),
+        a("span", oe, u(p.value), 1)
+      ])) : k("", !0),
+      a("div", de, [
+        o(T) ? (y(), K(te, {
+          key: 0,
+          "model-value": s.value[0].title,
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !0,
+          label: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
+          ),
+          "show-end-icon": !1,
+          "default-input": !0,
+          "supporting-hint-message": "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
+          "onUpdate:modelValue": t[3] || (t[3] = (i) => W(i, "title")),
+          onDeleteButtonClicked: e.deleteModifiedField
+        }, null, 8, ["model-value", "label", "onDeleteButtonClicked"])) : k("", !0),
+        s.value[0].isValid === !1 && v.value[2].show ? (y(), w("div", ue, [
+          m(o(S), {
+            size: 16,
+            weight: "fill"
+          }),
+          a("span", re, u(v.value[2].message), 1)
+        ])) : k("", !0)
+      ]),
+      a("div", ce, [
+        a("div", pe, [
+          a("div", ve, [
+            m(o(Q), {
               size: 32,
               color: "#009fe3"
             }),
-            a("div", A, i(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
+            a("div", fe, u(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
           ]),
-          a("div", G, [
-            a("div", J, i(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
-            a("div", K, [
-              a("div", Q, [
-                _(i(e.$t(
+          a("div", me, [
+            a("div", ge, u(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
+            a("div", he, [
+              a("div", _e, [
+                B(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1"
                 )) + " ", 1),
-                a("span", X, i(e.$t(
+                a("span", be, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1_desc"
                 )), 1)
               ]),
-              a("div", Y, [
-                _(i(e.$t(
+              a("div", ye, [
+                B(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2"
                 )) + " ", 1),
-                a("span", Z, i(e.$t(
+                a("span", Ve, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2_desc"
                 )), 1)
               ]),
-              a("div", ee, [
-                _(i(e.$t(
+              a("div", ze, [
+                B(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3"
                 )) + " ", 1),
-                a("span", se, i(e.$t(
+                a("span", Le, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3_desc"
                 )), 1)
               ]),
-              a("div", te, [
-                v(o(E), { size: 24 }),
-                _(" " + i(e.$t(
+              a("a", we, [
+                m(o(X), { size: 24 }),
+                B(" " + u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.linkToLicenses"
                 )), 1)
               ])
@@ -149,10 +334,19 @@ const x = { class: "dpiV3InnerComponentWrap" }, H = { class: "copy-large-regular
           ])
         ])
       ]),
-      s[3] || (s[3] = a("span", { class: "copy-large-regular" }, " Die Wahl der Lizenz spielt eine wichtige Rolle für den korrekten Umgang mit Ihrem Datensatz. ", -1))
+      a("div", ke, [
+        t[6] || (t[6] = a("span", { class: "copy-large-regular" }, " Die Wahl der Lizenz spielt eine wichtige Rolle für den korrekten Umgang mit Ihrem Datensatz. ", -1)),
+        s.value.find((i) => i.isValid === !1) ? (y(), w("div", Te, [
+          m(o(S), {
+            size: 16,
+            weight: "fill"
+          }),
+          t[5] || (t[5] = a("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+        ])) : k("", !0)
+      ])
     ]));
   }
-}, ue = /* @__PURE__ */ U(ae, [["__scopeId", "data-v-a9351459"]]);
+}, Ee = /* @__PURE__ */ ie(Ne, [["__scopeId", "data-v-c7269484"]]);
 export {
-  ue as default
+  Ee as default
 };