@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SectionItems/EssentialsModal.vue.js

@@ -1,12 +1,40 @@
-import { mergeModels as u, ref as p, getCurrentInstance as m, useModel as r, createElementBlock as f, openBlock as c, createElementVNode as n, createVNode as o, toDisplayString as i } from "vue";
-import s from "../InputField.vue.js";
-import V from "../TextAreaV3.vue.js";
-import { useFormValues as b } from "../../../composables/useDpiFormValues.js";
+import { mergeModels as H, ref as R, getCurrentInstance as z, useModel as x, computed as W, watch as l, createElementBlock as u, openBlock as d, createElementVNode as s, createVNode as i, createCommentVNode as h, unref as p, toDisplayString as n } from "vue";
+import g from "../InputField.vue.js";
+import F from "../TextAreaV3.vue.js";
+import { PhWarning as m } from "@phosphor-icons/vue";
+import { useFormValues as O } from "../../../composables/useDpiFormValues.js";
 /* empty css                     */
-import I from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "dpiV3_innerRapModalWrapper" }, v = { class: "dpiV3_innerRapModalWrapper__section" }, M = { class: "dpiV3_innerRapModalWrapper__section" }, h = { class: "headline-5 gap3BottomAsMargin" }, P = { class: "dpiV3_innerRapModalWrapper__section" }, E = { class: "headline-5 gap3BottomAsMargin" }, $ = {
+import Y from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const Z = { class: "dpiV3_innerRapModalWrapper" }, L = { class: "dpiV3_innerRapModalWrapper__section" }, j = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, q = { class: "copy-mini-regular" }, J = { class: "topSpacing" }, G = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, K = { class: "copy-mini-regular" }, Q = { class: "topSpacing" }, X = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ee = { class: "copy-mini-regular" }, te = { class: "dpiV3_innerRapModalWrapper__section" }, re = { class: "headline-5 gap3BottomAsMargin" }, ae = { class: "topSpacing" }, se = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ie = { class: "copy-mini-regular" }, oe = { class: "topSpacing" }, le = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ne = { class: "copy-mini-regular" }, ue = { class: "topSpacing" }, de = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ce = { class: "copy-mini-regular" }, he = { class: "dpiV3_innerRapModalWrapper__section" }, pe = { class: "headline-5 gap3BottomAsMargin" }, me = { class: "topSpacing" }, ge = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, fe = { class: "copy-mini-regular" }, ve = { class: "topSpacing" }, Ee = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, be = { class: "copy-mini-regular" }, Me = { class: "topSpacing" }, Pe = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, we = { class: "copy-mini-regular" }, _e = {
   __name: "EssentialsModal",
-  props: /* @__PURE__ */ u({
+  props: /* @__PURE__ */ H({
     context: Object,
     newValues: Object
   }, {
@@ -19,114 +47,315 @@ const g = { class: "dpiV3_innerRapModalWrapper" }, v = { class: "dpiV3_innerRapM
       publisherWebsite: "",
       contactPointName: "",
       contactPointMail: "",
-      contactPointPhone: ""
+      contactPointPhone: "",
+      // Error state properties
+      showErrorTitle: !1,
+      titleErrorMessage: "",
+      showErrorDescription: !1,
+      descriptionErrorMessage: "",
+      showErrorPublisherName: !1,
+      publisherNameErrorMessage: "",
+      showErrorPublisherMail: !1,
+      publisherMailErrorMessage: "",
+      showErrorPublisherWebsite: !1,
+      publisherWebsiteErrorMessage: "",
+      showErrorContactPointName: !1,
+      contactPointNameErrorMessage: "",
+      showErrorContactPointMail: !1,
+      contactPointMailErrorMessage: "",
+      showErrorContactPointPhone: !1,
+      contactPointPhoneErrorMessage: "",
+      modified: "",
+      showErrorModified: !1,
+      modifiedErrorMessage: ""
     } },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    p([]), m().appContext.app.config.globalProperties.$env;
-    const { formValues: T } = b(), e = r(d, "modelValue");
-    return (t, a) => (c(), f("div", g, [
-      n("div", v, [
-        o(s, {
-          class: "gap5BottomAsMargin",
+  setup(S, { expose: y }) {
+    R([]), z().appContext.app.config.globalProperties.$env;
+    const { formValues: Ve } = O(), e = x(S, "modelValue"), f = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), w = (t) => {
+      if (!t || t.trim() === "")
+        return !0;
+      const r = t.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(r))
+        return !1;
+      const a = r.replace(/\D/g, "");
+      return a.length >= 6 && a.length <= 15;
+    }, b = (t) => !t || !t.trim() ? !1 : t.trim().length >= 2, M = (t) => {
+      try {
+        const r = t.trim(), a = r.startsWith("http://") || r.startsWith("https://") ? r : `https://${r}`;
+        return new URL(a), !0;
+      } catch {
+        return !1;
+      }
+    }, D = (t) => {
+      if (!t) return !1;
+      const r = new Date(t);
+      if (isNaN(r.getTime())) return !1;
+      const a = r.getFullYear(), c = /* @__PURE__ */ new Date();
+      c.setHours(0, 0, 0, 0);
+      const E = new Date(r);
+      return E.setHours(0, 0, 0, 0), a >= 1950 && E <= c;
+    }, v = (t) => !t || !t.trim() ? !1 : /[a-zA-Z0-9]/.test(t.trim()), P = (t) => t && t.trim().length > 0, o = (t, r) => {
+      switch (t) {
+        case "title":
+          return v(r) ? (e.value.showErrorTitle = !1, e.value.titleErrorMessage = "", !0) : (e.value.showErrorTitle = !0, e.value.titleErrorMessage = "Bitte geben Sie einen Titel ein, bevor Sie fortfahren.", !1);
+        case "description":
+          return P(r) ? (e.value.showErrorDescription = !1, e.value.descriptionErrorMessage = "", !0) : (e.value.showErrorDescription = !0, e.value.descriptionErrorMessage = "Bitte geben Sie eine Beschreibung ein, bevor Sie fortfahren.", !1);
+        case "modified":
+          if (!r)
+            return e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Bitte geben Sie ein Aktualisierungsdatum ein.", !1;
+          const a = new Date(r), c = /* @__PURE__ */ new Date();
+          return new Date(a.getFullYear(), a.getMonth(), a.getDate()), new Date(c.getFullYear(), c.getMonth(), c.getDate()), isNaN(a.getTime()) ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Bitte geben Sie ein gültiges Datum ein.", !1) : a.getFullYear() < 1950 ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Das Jahr darf nicht vor 1950 liegen.", !1) : a > c ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Das Datum darf nicht in der Zukunft liegen.", !1) : (e.value.showErrorModified = !1, e.value.modifiedErrorMessage = "", !0);
+        case "publisherName":
+          return v(r) ? (e.value.showErrorPublisherName = !1, e.value.publisherNameErrorMessage = "", !0) : (e.value.showErrorPublisherName = !0, e.value.publisherNameErrorMessage = "Bitte geben Sie einen gültigen Organisationsnamen ein.", !1);
+        case "publisherMail":
+          return !r || !r.trim() || !f(r) ? (e.value.showErrorPublisherMail = !0, e.value.publisherMailErrorMessage = "Bitte geben Sie eine gültige E-Mail-Adresse ein.", !1) : (e.value.showErrorPublisherMail = !1, e.value.publisherMailErrorMessage = "", !0);
+        case "publisherWebsite":
+          return !r || !r.trim() || !M(r) ? (e.value.showErrorPublisherWebsite = !0, e.value.publisherWebsiteErrorMessage = "Bitte geben Sie eine gültige URL ein.", !1) : (e.value.showErrorPublisherWebsite = !1, e.value.publisherWebsiteErrorMessage = "", !0);
+        case "contactPointName":
+          return b(r) ? (e.value.showErrorContactPointName = !1, e.value.contactPointNameErrorMessage = "", !0) : (e.value.showErrorContactPointName = !0, e.value.contactPointNameErrorMessage = "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen).", !1);
+        case "contactPointMail":
+          return !r || !r.trim() || !f(r) ? (e.value.showErrorContactPointMail = !0, e.value.contactPointMailErrorMessage = "Bitte geben Sie eine gültige E-Mail-Adresse ein.", !1) : (e.value.showErrorContactPointMail = !1, e.value.contactPointMailErrorMessage = "", !0);
+        case "contactPointPhone":
+          return r && r.trim() && !w(r) ? (e.value.showErrorContactPointPhone = !0, e.value.contactPointPhoneErrorMessage = "Bitte geben Sie eine gültige Telefonnummer ein.", !1) : (e.value.showErrorContactPointPhone = !1, e.value.contactPointPhoneErrorMessage = "", !0);
+        default:
+          return !0;
+      }
+    }, T = W(() => {
+      var _, V, N, I;
+      const t = v(e.value.title), r = P(e.value.description), a = D(e.value.modified), c = v(e.value.publisherName), E = ((_ = e.value.publisherMail) == null ? void 0 : _.trim()) && f(e.value.publisherMail), $ = ((V = e.value.publisherWebsite) == null ? void 0 : V.trim()) && M(e.value.publisherWebsite), k = b(e.value.contactPointName), U = ((N = e.value.contactPointMail) == null ? void 0 : N.trim()) && f(e.value.contactPointMail), A = !((I = e.value.contactPointPhone) != null && I.trim()) || w(e.value.contactPointPhone);
+      return t && r && c && E && $ && k && U && A && a;
+    });
+    l(() => e.value.title, (t) => o("title", t)), l(() => e.value.description, (t) => o("description", t)), l(() => e.value.publisherName, (t) => o("publisherName", t)), l(() => e.value.publisherMail, (t) => o("publisherMail", t)), l(() => e.value.publisherWebsite, (t) => o("publisherWebsite", t)), l(() => e.value.contactPointMail, (t) => o("contactPointMail", t)), l(() => e.value.contactPointName, (t) => o("contactPointName", t)), l(() => e.value.contactPointMail, (t) => o("contactPointMail", t)), l(() => e.value.contactPointPhone, (t) => o("contactPointPhone", t)), l(() => e.value.modified, (t) => o("modified", t));
+    const B = W(() => {
+      var t, r, a;
+      return {
+        title: !v(e.value.title),
+        description: !P(e.value.description),
+        publisherName: !v(e.value.publisherName),
+        publisherMail: !((t = e.value.publisherMail) != null && t.trim()) || !f(e.value.publisherMail),
+        publisherWebsite: !((r = e.value.publisherWebsite) != null && r.trim()) || !M(e.value.publisherWebsite),
+        contactPointName: !b(e.value.contactPointName),
+        // Now always validated
+        contactPointMail: !((a = e.value.contactPointMail) != null && a.trim()) || !f(e.value.contactPointMail)
+      };
+    }), C = () => {
+      const t = [];
+      return e.value.showErrorTitle && t.push(e.value.titleErrorMessage), e.value.showErrorDescription && t.push(e.value.descriptionErrorMessage), e.value.showErrorPublisherName && t.push(e.value.publisherNameErrorMessage), e.value.showErrorPublisherMail && t.push(e.value.publisherMailErrorMessage), e.value.showErrorPublisherWebsite && t.push(e.value.publisherWebsiteErrorMessage), e.value.showErrorContactPointName && t.push(e.value.contactPointNameErrorMessage), e.value.showErrorContactPointMail && t.push(e.value.contactPointMailErrorMessage), e.value.showErrorContactPointPhone && t.push(e.value.contactPointPhoneErrorMessage), e.value.showErrorModified && t.push(e.value.modifiedErrorMessage), t.length > 0 ? t : ["Bitte füllen Sie alle erforderlichen Felder korrekt aus."];
+    };
+    return l(() => e.value, () => {
+    }, { deep: !0 }), y({
+      isValid: T,
+      validationErrors: B,
+      getValidationErrorMessages: C,
+      validateField: o
+    }), (t, r) => (d(), u("div", Z, [
+      s("div", L, [
+        i(g, {
+          class: "",
           label: t.$t("message.metadata.title"),
           modelValue: e.value.title,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value.title = l),
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value.title = a),
           placeholder: "",
           infoIcon: !1,
           preIcon: !1,
           initialHintText: !1,
-          showEndIcon: !1
-        }, null, 8, ["label", "modelValue"]),
-        o(V, {
-          class: "gap5BottomAsMargin",
-          label: t.$t("message.metadata.description"),
-          modelValue: e.value.description,
-          "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value.description = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
-          infoIcon: !1,
-          preIcon: !1,
-          datePicker: !0,
           showEndIcon: !1,
-          modelValue: e.value.modified,
-          "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value.modified = l),
-          defaultInput: !0,
-          inputType: "date",
-          initialHintText: !1
-        }, null, 8, ["label", "modelValue"])
+          showError: e.value.showErrorTitle
+        }, null, 8, ["label", "modelValue", "showError"]),
+        e.value.showErrorTitle && e.value.titleErrorMessage ? (d(), u("div", j, [
+          i(p(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", q, n(e.value.titleErrorMessage), 1)
+        ])) : h("", !0),
+        s("div", J, [
+          i(F, {
+            class: "",
+            label: t.$t("message.metadata.description"),
+            modelValue: e.value.description,
+            "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value.description = a),
+            showError: e.value.showErrorDescription
+          }, null, 8, ["label", "modelValue", "showError"]),
+          e.value.showErrorDescription && e.value.descriptionErrorMessage ? (d(), u("div", G, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", K, n(e.value.descriptionErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", Q, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
+            infoIcon: !1,
+            preIcon: !1,
+            datePicker: !0,
+            showEndIcon: !1,
+            modelValue: e.value.modified,
+            "onUpdate:modelValue": r[2] || (r[2] = (a) => e.value.modified = a),
+            defaultInput: !0,
+            inputType: "date",
+            showError: e.value.showErrorModified,
+            initialHintText: !1
+          }, null, 8, ["label", "modelValue", "showError"]),
+          e.value.showErrorModified && e.value.modifiedErrorMessage ? (d(), u("div", X, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ee, n(e.value.modifiedErrorMessage), 1)
+          ])) : h("", !0)
+        ])
       ]),
-      n("div", M, [
-        n("h5", h, i(t.$t("message.metadata.publisher")), 1),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.publisherName,
-          "onUpdate:modelValue": a[3] || (a[3] = (l) => e.value.publisherName = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.publisherMail,
-          "onUpdate:modelValue": a[4] || (a[4] = (l) => e.value.publisherMail = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
-          addOnText: !0,
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          modelValue: e.value.publisherWebsite,
-          "onUpdate:modelValue": a[5] || (a[5] = (l) => e.value.publisherWebsite = l)
-        }, null, 8, ["label", "modelValue"])
+      s("div", te, [
+        s("h5", re, n(t.$t("message.metadata.publisher")), 1),
+        s("div", ae, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
+            infoIcon: !1,
+            preIcon: !1,
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.nameInput.placeholder"),
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.publisherName,
+            "onUpdate:modelValue": r[3] || (r[3] = (a) => e.value.publisherName = a),
+            showError: e.value.showErrorPublisherName,
+            error_message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherName && e.value.publisherNameErrorMessage ? (d(), u("div", se, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ie, n(e.value.publisherNameErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", oe, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.mailInput.placeholder"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.publisherMail,
+            "onUpdate:modelValue": r[4] || (r[4] = (a) => e.value.publisherMail = a),
+            showError: e.value.showErrorPublisherMail,
+            error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherMail && e.value.publisherMailErrorMessage ? (d(), u("div", le, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ne, n(e.value.publisherMailErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", ue, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.placeholder"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            modelValue: e.value.publisherWebsite,
+            "onUpdate:modelValue": r[5] || (r[5] = (a) => e.value.publisherWebsite = a),
+            showError: e.value.showErrorPublisherWebsite,
+            error_message: "Bitte geben Sie eine gültige URL ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherWebsite && e.value.publisherWebsiteErrorMessage ? (d(), u("div", de, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ce, n(e.value.publisherWebsiteErrorMessage), 1)
+          ])) : h("", !0)
+        ])
       ]),
-      n("div", P, [
-        n("h5", E, i(t.$t("message.header.subnav.contact")), 1),
-        o(s, {
-          modelValue: e.value.contactPointName,
-          "onUpdate:modelValue": a[6] || (a[6] = (l) => e.value.contactPointName = l),
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin"
-        }, null, 8, ["modelValue", "label"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.contactPointMail,
-          "onUpdate:modelValue": a[7] || (a[7] = (l) => e.value.contactPointMail = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          modelValue: e.value.contactPointPhone,
-          "onUpdate:modelValue": a[8] || (a[8] = (l) => e.value.contactPointPhone = l)
-        }, null, 8, ["label", "modelValue"])
+      s("div", he, [
+        s("h5", pe, n(t.$t("message.header.subnav.contact")), 1),
+        s("div", me, [
+          i(g, {
+            modelValue: e.value.contactPointName,
+            "onUpdate:modelValue": r[6] || (r[6] = (a) => e.value.contactPointName = a),
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.nameInput.placeholder"
+            ),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            showError: e.value.showErrorContactPointName,
+            error_message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+          }, null, 8, ["modelValue", "label", "placeholder", "showError"]),
+          e.value.showErrorContactPointName && e.value.contactPointNameErrorMessage ? (d(), u("div", ge, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", fe, n(e.value.contactPointNameErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", ve, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+            ),
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.contactPointMail,
+            "onUpdate:modelValue": r[7] || (r[7] = (a) => e.value.contactPointMail = a),
+            showError: e.value.showErrorContactPointMail,
+            error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorContactPointMail && e.value.contactPointMailErrorMessage ? (d(), u("div", Ee, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", be, n(e.value.contactPointMailErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", Me, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+            infoIcon: !1,
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.telInput.placeholder"
+            ),
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            modelValue: e.value.contactPointPhone,
+            "onUpdate:modelValue": r[8] || (r[8] = (a) => e.value.contactPointPhone = a),
+            showError: e.value.showErrorContactPointPhone,
+            error_message: "Bitte geben Sie eine gültige Telefonnummer ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorContactPointPhone && e.value.contactPointPhoneErrorMessage ? (d(), u("div", Pe, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", we, n(e.value.contactPointPhoneErrorMessage), 1)
+          ])) : h("", !0)
+        ])
       ])
     ]));
   }
-}, W = /* @__PURE__ */ I($, [["__scopeId", "data-v-5da38e70"]]);
+}, Be = /* @__PURE__ */ Y(_e, [["__scopeId", "data-v-6c3c68f1"]]);
 export {
-  W as default
+  Be as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SectionItems/FindabilityChips.vue.js

@@ -1,45 +1,68 @@
-import { ref as s, getCurrentInstance as _, onMounted as m, createElementBlock as n, openBlock as r, Fragment as y, renderList as h, createBlock as g } from "vue";
+import { ref as g, getCurrentInstance as m, computed as n, onMounted as _, createElementBlock as d, openBlock as o, Fragment as h, renderList as D, createBlock as P } from "vue";
 import "@formkit/core";
-import { getDatasetCategories as x } from "../../services/dpiV3_apis.js";
-import C from "../Chip.vue.js";
-import { useFormValues as k } from "../../../composables/useDpiFormValues.js";
+import { useFormValues as I } from "../../../composables/useDpiFormValues.js";
+import { getDatasetCategories as C } from "../../services/dpiV3_apis.js";
+import x from "../Chip.vue.js";
 /* empty css                      */
-import I from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const D = { class: "dpiV3_fChipWrap" }, F = {
+import V from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "dpiV3_fChipWrap" }, F = {
   __name: "FindabilityChips",
   props: {
     context: Object
   },
-  setup(c) {
-    const u = c, i = s([]), p = _().appContext.app.config.globalProperties.$env, a = s(u.context.attrs["final-values"].Discoverability.discoverabilityPage), d = (t) => {
+  setup(U) {
+    const s = g([]), u = m().appContext.app.config.globalProperties.$env, { formValues: t } = I(), v = n(() => {
+      var a;
+      return (((a = t.value.Discoverability) == null ? void 0 : a.discoverabilityPage) || []).filter((i) => i.id);
+    });
+    function p(e) {
       try {
-        return a.value.find((l) => l.id === t.id);
+        return v.value.find((a) => a.id === e.id);
       } catch {
+        return !1;
       }
-    }, { formValues: o } = k();
-    async function f() {
+    }
+    async function b() {
       try {
-        i.value = await x(p.api.baseUrl), i.value.sort((t, l) => t.pref_label.de.localeCompare(l.pref_label.de));
-      } catch (t) {
-        console.log(t);
+        s.value = await C(u.api.baseUrl), s.value.sort((e, a) => e.pref_label.de.localeCompare(a.pref_label.de));
+      } catch (e) {
+        console.log(e);
       }
     }
-    function v(t) {
-      a.value.find((e) => e.id === t.id) ? a.value = a.value.filter((e) => e.id !== t.id) : a.value.push({ id: t.id, uri: t.resource, label: t.pref_label.de }), a.value.length > 1 ? a.value.find((e) => e.isValid = !0) : a.value.find((e) => e.isValid = !1), o.value.Discoverability[Object.keys(o.value.Discoverability)[0]] = a, console.log(a);
+    function f(e) {
+      t.value.Discoverability || (t.value.Discoverability = {}), t.value.Discoverability.discoverabilityPage || (t.value.Discoverability.discoverabilityPage = [{ isValid: !0 }]);
+      const a = t.value.Discoverability.discoverabilityPage;
+      if (a.find((l) => l.id === e.id))
+        t.value.Discoverability.discoverabilityPage = a.filter((l) => l.id !== e.id);
+      else {
+        const l = {
+          id: e.id,
+          uri: e.resource,
+          label: e.pref_label.de
+        };
+        t.value.Discoverability.discoverabilityPage.push(l);
+      }
+      const r = t.value.Discoverability.discoverabilityPage.filter((l) => l.id), c = t.value.Discoverability.discoverabilityPage.find((l) => l.hasOwnProperty("isValid"));
+      c ? c.isValid = r.length > 0 : t.value.Discoverability.discoverabilityPage.unshift({ isValid: r.length > 0 }), console.log("Updated discoverabilityPage:", t.value.Discoverability.discoverabilityPage);
     }
-    return m(() => {
-      f();
-    }), (t, l) => (r(), n("div", D, [
-      (r(!0), n(y, null, h(i.value, (e, b) => (r(), g(C, {
-        key: b,
-        text: e.pref_label.de,
-        data: { "@value": e.value, URI: e.URI },
-        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": d(e) },
-        onClick: (V) => v(e)
-      }, null, 8, ["text", "data", "setup", "onClick"]))), 128))
+    const y = n(() => s.value.map((i) => ({
+      ...i,
+      selected: p(i)
+    })));
+    return _(() => {
+      b();
+    }), (e, a) => (o(), d("div", k, [
+      (o(!0), d(h, null, D(y.value, (i) => (o(), P(x, {
+        key: i.id,
+        text: i.pref_label.de,
+        data: { "@value": i.value, URI: i.URI },
+        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": i.selected },
+        "select-value": i.selected,
+        onClick: (r) => f(i)
+      }, null, 8, ["text", "data", "setup", "select-value", "onClick"]))), 128))
     ]));
   }
-}, P = /* @__PURE__ */ I(F, [["__scopeId", "data-v-9f64c670"]]);
+}, L = /* @__PURE__ */ V(F, [["__scopeId", "data-v-dada2322"]]);
 export {
-  P as default
+  L as default
 };