@piveau/dpi 0.2.0-alpha.19 → 0.2.0-alpha.20

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

@@ -1,31 +1,37 @@
-import { mergeModels as y, ref as $, getCurrentInstance as x, useModel as B, computed as P, watch as u, createElementBlock as d, openBlock as p, createElementVNode as t, createVNode as a, createCommentVNode as m, unref as b, toDisplayString as i } from "vue";
-import o from "../InputField.vue.js";
-import k from "../TextAreaV3.vue.js";
-import { PhWarning as f } from "@phosphor-icons/vue";
-import { useFormValues as R } from "../../../composables/useDpiFormValues.js";
+import { mergeModels as A, ref as R, getCurrentInstance as z, useModel as H, computed as N, watch as o, createElementBlock as u, openBlock as c, createElementVNode as l, createVNode as s, createCommentVNode as d, unref as h, toDisplayString as n } from "vue";
+import p from "../InputField.vue.js";
+import x from "../TextAreaV3.vue.js";
+import { PhWarning as m } from "@phosphor-icons/vue";
+import { useFormValues as D } from "../../../composables/useDpiFormValues.js";
 /* empty css                     */
-import C from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const H = { class: "dpiV3_innerRapModalWrapper" }, z = { class: "dpiV3_innerRapModalWrapper__section" }, D = {
+import F from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "dpiV3_innerRapModalWrapper" }, O = { class: "dpiV3_innerRapModalWrapper__section" }, Z = {
   key: 0,
   class: "dpiV3_field_error_text"
-}, F = { class: "copy-mini-regular" }, Z = {
+}, j = { class: "copy-mini-regular" }, q = {
   key: 1,
   class: "dpiV3_field_error_text"
-}, L = { class: "copy-mini-regular" }, j = { class: "dpiV3_innerRapModalWrapper__section" }, O = { class: "headline-5 gap3BottomAsMargin" }, S = {
+}, G = { class: "copy-mini-regular" }, J = { class: "dpiV3_innerRapModalWrapper__section" }, K = { class: "headline-5 gap3BottomAsMargin" }, Q = {
   key: 0,
   class: "dpiV3_field_error_text"
-}, q = { class: "copy-mini-regular" }, G = {
+}, X = { class: "copy-mini-regular" }, Y = {
   key: 1,
   class: "dpiV3_field_error_text"
-}, J = { class: "copy-mini-regular" }, K = {
+}, ee = { class: "copy-mini-regular" }, te = {
   key: 2,
   class: "dpiV3_field_error_text"
-}, Q = { class: "copy-mini-regular" }, X = { class: "dpiV3_innerRapModalWrapper__section" }, Y = { class: "headline-5 gap3BottomAsMargin" }, ee = {
+}, re = { class: "copy-mini-regular" }, ae = { class: "dpiV3_innerRapModalWrapper__section" }, se = { class: "headline-5 gap3BottomAsMargin" }, le = {
   key: 0,
   class: "dpiV3_field_error_text"
-}, re = { class: "copy-mini-regular" }, se = {
+}, ie = { class: "copy-mini-regular" }, oe = {
+  key: 1,
+  class: "dpiV3_field_error_text"
+}, ne = { class: "copy-mini-regular" }, ue = {
+  key: 2,
+  class: "dpiV3_field_error_text"
+}, ce = { class: "copy-mini-regular" }, de = {
   __name: "EssentialsModal",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ A({
     context: Object,
     newValues: Object
   }, {
@@ -50,69 +56,90 @@ const H = { class: "dpiV3_innerRapModalWrapper" }, z = { class: "dpiV3_innerRapM
       publisherMailErrorMessage: "",
       showErrorPublisherWebsite: !1,
       publisherWebsiteErrorMessage: "",
+      showErrorContactPointName: !1,
+      contactPointNameErrorMessage: "",
       showErrorContactPointMail: !1,
-      contactPointMailErrorMessage: ""
+      contactPointMailErrorMessage: "",
+      showErrorContactPointPhone: !1,
+      contactPointPhoneErrorMessage: ""
     } },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V, { expose: _ }) {
-    $([]), x().appContext.app.config.globalProperties.$env;
-    const { formValues: le } = R(), e = B(V, "modelValue"), c = (r) => !r || !r.trim() ? !0 : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r.trim()), v = (r) => {
-      if (!r || !r.trim()) return !0;
+  setup(I, { expose: W }) {
+    R([]), z().appContext.app.config.globalProperties.$env;
+    const { formValues: he } = D(), e = H(I, "modelValue"), b = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), M = (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;
+    }, E = (t) => !t || !t.trim() ? !1 : t.trim().length >= 2, f = (t) => {
       try {
-        const s = r.trim(), l = s.startsWith("http://") || s.startsWith("https://") ? s : `https://${s}`;
-        return new URL(l), !0;
+        const r = t.trim(), a = r.startsWith("http://") || r.startsWith("https://") ? r : `https://${r}`;
+        return new URL(a), !0;
       } catch {
         return !1;
       }
-    }, h = (r) => !r || !r.trim() ? !1 : /[a-zA-Z0-9]/.test(r.trim()), M = (r) => r && r.trim().length > 0, n = (r, s) => {
-      switch (r) {
+    }, g = (t) => !t || !t.trim() ? !1 : /[a-zA-Z0-9]/.test(t.trim()), v = (t) => t && t.trim().length > 0, i = (t, r) => {
+      switch (t) {
         case "title":
-          return h(s) ? (e.value.showErrorTitle = !1, e.value.titleErrorMessage = "", !0) : (e.value.showErrorTitle = !0, e.value.titleErrorMessage = "Titel ist erforderlich und muss mindestens ein alphanumerisches Zeichen enthalten.", !1);
+          return g(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 M(s) ? (e.value.showErrorDescription = !1, e.value.descriptionErrorMessage = "", !0) : (e.value.showErrorDescription = !0, e.value.descriptionErrorMessage = "Beschreibung ist erforderlich.", !1);
+          return v(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 "publisherMail":
+          return r && r.trim() && !b(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() && !f(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 "publisherName":
-          return h(s) ? (e.value.showErrorPublisherName = !1, e.value.publisherNameErrorMessage = "", !0) : (e.value.showErrorPublisherName = !0, e.value.publisherNameErrorMessage = "Publisher-Name ist erforderlich und muss mindestens ein alphanumerisches Zeichen enthalten.", !1);
+          return g(r) ? (e.value.showErrorPublisherName = !1, e.value.publisherNameErrorMessage = "", !0) : (e.value.showErrorPublisherName = !0, e.value.publisherNameErrorMessage = "Publisher-Name ist erforderlich und muss mindestens ein alphanumerisches Zeichen enthalten.", !1);
         case "publisherMail":
-          return s && s.trim() && !c(s) ? (e.value.showErrorPublisherMail = !0, e.value.publisherMailErrorMessage = "Ungültige E-Mail-Adresse.", !1) : (e.value.showErrorPublisherMail = !1, e.value.publisherMailErrorMessage = "", !0);
+          return r && r.trim() && !b(r) ? (e.value.showErrorPublisherMail = !0, e.value.publisherMailErrorMessage = "Ungültige E-Mail-Adresse.", !1) : (e.value.showErrorPublisherMail = !1, e.value.publisherMailErrorMessage = "", !0);
         case "publisherWebsite":
-          return s && s.trim() && !v(s) ? (e.value.showErrorPublisherWebsite = !0, e.value.publisherWebsiteErrorMessage = "Ungültige Website-URL.", !1) : (e.value.showErrorPublisherWebsite = !1, e.value.publisherWebsiteErrorMessage = "", !0);
+          return r && r.trim() && !f(r) ? (e.value.showErrorPublisherWebsite = !0, e.value.publisherWebsiteErrorMessage = "Ungültige Website-URL.", !1) : (e.value.showErrorPublisherWebsite = !1, e.value.publisherWebsiteErrorMessage = "", !0);
+        case "contactPointName":
+          return E(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 s && s.trim() && !c(s) ? (e.value.showErrorContactPointMail = !0, e.value.contactPointMailErrorMessage = "Ungültige E-Mail-Adresse.", !1) : (e.value.showErrorContactPointMail = !1, e.value.contactPointMailErrorMessage = "", !0);
+          return r && r.trim() && !b(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() && !M(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;
       }
-    }, I = P(() => {
-      var g, E, w;
-      const r = h(e.value.title), s = M(e.value.description), l = h(e.value.publisherName), U = !((g = e.value.publisherMail) != null && g.trim()) || c(e.value.publisherMail), T = !((E = e.value.publisherWebsite) != null && E.trim()) || v(e.value.publisherWebsite), A = !((w = e.value.contactPointMail) != null && w.trim()) || c(e.value.contactPointMail);
-      return r && s && l && U && T && A;
+    }, C = N(() => {
+      var P, w, V, _;
+      const t = g(e.value.title), r = v(e.value.description), a = g(e.value.publisherName), y = !((P = e.value.publisherMail) != null && P.trim()) || b(e.value.publisherMail), B = !((w = e.value.publisherWebsite) != null && w.trim()) || f(e.value.publisherWebsite), S = E(e.value.contactPointName), U = !((V = e.value.contactPointMail) != null && V.trim()) || b(e.value.contactPointMail), k = !((_ = e.value.contactPointPhone) != null && _.trim()) || M(e.value.contactPointPhone);
+      return t && r && a && y && B && S && U && k;
     });
-    u(() => e.value.title, (r) => n("title", r)), u(() => e.value.description, (r) => n("description", r)), u(() => e.value.publisherName, (r) => n("publisherName", r)), u(() => e.value.publisherMail, (r) => n("publisherMail", r)), u(() => e.value.publisherWebsite, (r) => n("publisherWebsite", r)), u(() => e.value.contactPointMail, (r) => n("contactPointMail", r));
-    const W = P(() => ({
-      title: !h(e.value.title),
-      description: !M(e.value.description),
-      publisherName: !h(e.value.publisherName),
-      publisherMail: e.value.publisherMail && e.value.publisherMail.trim() && !c(e.value.publisherMail),
-      publisherWebsite: e.value.publisherWebsite && e.value.publisherWebsite.trim() && !v(e.value.publisherWebsite),
-      contactPointMail: e.value.contactPointMail && e.value.contactPointMail.trim() && !c(e.value.contactPointMail)
-    })), N = () => {
-      const r = [];
-      return e.value.showErrorTitle && r.push(e.value.titleErrorMessage), e.value.showErrorDescription && r.push(e.value.descriptionErrorMessage), e.value.showErrorPublisherName && r.push(e.value.publisherNameErrorMessage), e.value.showErrorPublisherMail && r.push(e.value.publisherMailErrorMessage), e.value.showErrorPublisherWebsite && r.push(e.value.publisherWebsiteErrorMessage), e.value.showErrorContactPointMail && r.push(e.value.contactPointMailErrorMessage), r.length > 0 ? r : ["Bitte füllen Sie alle erforderlichen Felder korrekt aus."];
+    o(() => e.value.title, (t) => i("title", t)), o(() => e.value.description, (t) => i("description", t)), o(() => e.value.publisherName, (t) => i("publisherName", t)), o(() => e.value.publisherMail, (t) => i("publisherMail", t)), o(() => e.value.publisherWebsite, (t) => i("publisherWebsite", t)), o(() => e.value.contactPointMail, (t) => i("contactPointMail", t)), o(() => e.value.contactPointName, (t) => i("contactPointName", t)), o(() => e.value.contactPointMail, (t) => i("contactPointMail", t)), o(() => e.value.contactPointPhone, (t) => i("contactPointPhone", t));
+    const T = N(() => ({
+      title: !g(e.value.title),
+      description: !v(e.value.description),
+      publisherName: !g(e.value.publisherName),
+      publisherMail: e.value.publisherMail && e.value.publisherMail.trim() && !b(e.value.publisherMail),
+      publisherWebsite: e.value.publisherWebsite && e.value.publisherWebsite.trim() && !f(e.value.publisherWebsite),
+      contactPointName: !E(e.value.contactPointName),
+      // Now always validated
+      contactPointMail: e.value.contactPointMail && e.value.contactPointMail.trim() && !b(e.value.contactPointMail)
+    })), $ = () => {
+      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), t.length > 0 ? t : ["Bitte füllen Sie alle erforderlichen Felder korrekt aus."];
     };
-    return u(() => e.value, () => {
-    }, { deep: !0 }), _({
-      isValid: I,
-      validationErrors: W,
-      getValidationErrorMessages: N,
-      validateField: n
-    }), (r, s) => (p(), d("div", H, [
-      t("div", z, [
-        a(o, {
-          class: "gap5BottomAsMargin",
-          label: r.$t("message.metadata.title"),
+    return o(() => e.value, () => {
+    }, { deep: !0 }), W({
+      isValid: C,
+      validationErrors: T,
+      getValidationErrorMessages: $,
+      validateField: i
+    }), (t, r) => (c(), u("div", L, [
+      l("div", O, [
+        s(p, {
+          class: "",
+          label: t.$t("message.metadata.title"),
           modelValue: e.value.title,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value.title = l),
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value.title = a),
           placeholder: "",
           infoIcon: !1,
           preIcon: !1,
@@ -120,142 +147,172 @@ const H = { class: "dpiV3_innerRapModalWrapper" }, z = { class: "dpiV3_innerRapM
           showEndIcon: !1,
           showError: e.value.showErrorTitle
         }, null, 8, ["label", "modelValue", "showError"]),
-        e.value.showErrorTitle && e.value.titleErrorMessage ? (p(), d("div", D, [
-          a(b(f), {
+        e.value.showErrorTitle && e.value.titleErrorMessage ? (c(), u("div", Z, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", F, i(e.value.titleErrorMessage), 1)
-        ])) : m("", !0),
-        a(k, {
-          class: "gap5BottomAsMargin",
-          label: r.$t("message.metadata.description"),
+          l("span", j, n(e.value.titleErrorMessage), 1)
+        ])) : d("", !0),
+        s(x, {
+          class: "",
+          label: t.$t("message.metadata.description"),
           modelValue: e.value.description,
-          "onUpdate:modelValue": s[1] || (s[1] = (l) => e.value.description = l)
+          "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value.description = a)
         }, null, 8, ["label", "modelValue"]),
-        e.value.showErrorDescription && e.value.descriptionErrorMessage ? (p(), d("div", Z, [
-          a(b(f), {
+        e.value.showErrorDescription && e.value.descriptionErrorMessage ? (c(), u("div", q, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", L, i(e.value.descriptionErrorMessage), 1)
-        ])) : m("", !0),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
+          l("span", G, n(e.value.descriptionErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
           infoIcon: !1,
           preIcon: !1,
           datePicker: !0,
           showEndIcon: !1,
           modelValue: e.value.modified,
-          "onUpdate:modelValue": s[2] || (s[2] = (l) => e.value.modified = l),
+          "onUpdate:modelValue": r[2] || (r[2] = (a) => e.value.modified = a),
           defaultInput: !0,
           inputType: "date",
           initialHintText: !1
         }, null, 8, ["label", "modelValue"])
       ]),
-      t("div", j, [
-        t("h5", O, i(r.$t("message.metadata.publisher")), 1),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
+      l("div", J, [
+        l("h5", K, n(t.$t("message.metadata.publisher")), 1),
+        s(p, {
+          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: "gap5BottomAsMargin",
+          class: "",
           modelValue: e.value.publisherName,
-          "onUpdate:modelValue": s[3] || (s[3] = (l) => e.value.publisherName = l),
+          "onUpdate:modelValue": r[3] || (r[3] = (a) => e.value.publisherName = a),
           showError: e.value.showErrorPublisherName,
-          error_message: "Publisher-Name ist erforderlich und muss mindestens ein alphanumerisches Zeichen enthalten."
-        }, null, 8, ["label", "modelValue", "showError"]),
-        e.value.showErrorPublisherName && e.value.publisherNameErrorMessage ? (p(), d("div", S, [
-          a(b(f), {
+          error_message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
+        }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+        e.value.showErrorPublisherName && e.value.publisherNameErrorMessage ? (c(), u("div", Q, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", q, i(e.value.publisherNameErrorMessage), 1)
-        ])) : m("", !0),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
+          l("span", X, n(e.value.publisherNameErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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: "gap5BottomAsMargin",
+          class: "",
           modelValue: e.value.publisherMail,
-          "onUpdate:modelValue": s[4] || (s[4] = (l) => e.value.publisherMail = l),
+          "onUpdate:modelValue": r[4] || (r[4] = (a) => e.value.publisherMail = a),
           showError: e.value.showErrorPublisherMail,
-          error_message: "Ungültige E-Mail-Adresse."
-        }, null, 8, ["label", "modelValue", "showError"]),
-        e.value.showErrorPublisherMail && e.value.publisherMailErrorMessage ? (p(), d("div", G, [
-          a(b(f), {
+          error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+        }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+        e.value.showErrorPublisherMail && e.value.publisherMailErrorMessage ? (c(), u("div", Y, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", J, i(e.value.publisherMailErrorMessage), 1)
-        ])) : m("", !0),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
+          l("span", ee, n(e.value.publisherMailErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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": s[5] || (s[5] = (l) => e.value.publisherWebsite = l),
+          "onUpdate:modelValue": r[5] || (r[5] = (a) => e.value.publisherWebsite = a),
           showError: e.value.showErrorPublisherWebsite,
-          error_message: "Ungültige Website-URL."
-        }, null, 8, ["label", "modelValue", "showError"]),
-        e.value.showErrorPublisherWebsite && e.value.publisherWebsiteErrorMessage ? (p(), d("div", K, [
-          a(b(f), {
+          error_message: "Bitte geben Sie eine gültige URL ein."
+        }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+        e.value.showErrorPublisherWebsite && e.value.publisherWebsiteErrorMessage ? (c(), u("div", te, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", Q, i(e.value.publisherWebsiteErrorMessage), 1)
-        ])) : m("", !0)
+          l("span", re, n(e.value.publisherWebsiteErrorMessage), 1)
+        ])) : d("", !0)
       ]),
-      t("div", X, [
-        t("h5", Y, i(r.$t("message.header.subnav.contact")), 1),
-        a(o, {
+      l("div", ae, [
+        l("h5", se, n(t.$t("message.header.subnav.contact")), 1),
+        s(p, {
           modelValue: e.value.contactPointName,
-          "onUpdate:modelValue": s[6] || (s[6] = (l) => e.value.contactPointName = l),
-          label: r.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+          "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: "gap5BottomAsMargin"
-        }, null, 8, ["modelValue", "label"]),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+          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 ? (c(), u("div", le, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ie, n(e.value.contactPointNameErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          label: t.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
           infoIcon: !1,
           preIcon: !1,
-          initialHintText: !0,
+          initialHintText: !1,
+          placeholder: t.$t(
+            "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+          ),
           showEndIcon: !1,
-          class: "gap5BottomAsMargin",
+          class: "",
           modelValue: e.value.contactPointMail,
-          "onUpdate:modelValue": s[7] || (s[7] = (l) => e.value.contactPointMail = l),
+          "onUpdate:modelValue": r[7] || (r[7] = (a) => e.value.contactPointMail = a),
           showError: e.value.showErrorContactPointMail,
-          error_message: "Ungültige E-Mail-Adresse."
-        }, null, 8, ["label", "modelValue", "showError"]),
-        e.value.showErrorContactPointMail && e.value.contactPointMailErrorMessage ? (p(), d("div", ee, [
-          a(b(f), {
+          error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+        }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+        e.value.showErrorContactPointMail && e.value.contactPointMailErrorMessage ? (c(), u("div", oe, [
+          s(h(m), {
             size: 16,
             weight: "fill"
           }),
-          t("span", re, i(e.value.contactPointMailErrorMessage), 1)
-        ])) : m("", !0),
-        a(o, {
-          label: r.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+          l("span", ne, n(e.value.contactPointMailErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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": s[8] || (s[8] = (l) => e.value.contactPointPhone = l)
-        }, null, 8, ["label", "modelValue"])
+          "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 ? (c(), u("div", ue, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ce, n(e.value.contactPointPhoneErrorMessage), 1)
+        ])) : d("", !0)
       ])
     ]));
   }
-}, pe = /* @__PURE__ */ C(se, [["__scopeId", "data-v-9c868ed4"]]);
+}, Me = /* @__PURE__ */ F(de, [["__scopeId", "data-v-b37346f9"]]);
 export {
-  pe as default
+  Me as default
 };

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

@@ -29,7 +29,7 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
     },
     type: {
       type: String,
-      default: "dataset"
+      default: "datasets"
     },
     fromDraft: Boolean,
     id: String,
@@ -305,7 +305,7 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
       }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
     ], 64));
   }
-}, ye = /* @__PURE__ */ Z(ie, [["__scopeId", "data-v-88c79544"]]);
+}, ye = /* @__PURE__ */ Z(ie, [["__scopeId", "data-v-98e2acbf"]]);
 export {
   ye as default
 };