@piveau/dpi 0.2.0-alpha.66 → 0.2.0-alpha.67

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

@@ -1,11 +1,11 @@
-import { ref as m, computed as P, unref as f, watch as M, createElementBlock as r, openBlock as c, createElementVNode as s, createCommentVNode as g, toDisplayString as d, createVNode as u, Fragment as C, renderList as z } from "vue";
-import { PhWarning as _ } from "@phosphor-icons/vue";
+import { ref as v, computed as T, unref as f, watch as M, createElementBlock as r, openBlock as d, createElementVNode as s, createCommentVNode as _, toDisplayString as c, createVNode as u, Fragment as C, renderList as D } from "vue";
+import { PhWarning as b } from "@phosphor-icons/vue";
 import { useEditModeInfo as x } from "../composables/useDpiEditMode.js";
 import { useFormValues as q } from "../composables/useDpiFormValues.js";
 import { useOrganizationInfo as G } from "../composables/useOrganizationInfo.js";
 import { useTwinbyUser as H } from "../composables/useTwinbyUser.js";
-import T from "../HappyFlowComponents/ui/InputField.vue.js";
-import D from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import V from "../HappyFlowComponents/ui/InputField.vue.js";
+import S from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                 */
 import J from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular" }, Y = { class: "dpiV3AutoCompleteWrap" }, Z = { class: "CardTips_internal" }, ee = { class: "CardTips_Part" }, ae = { class: "firstRow" }, te = { class: "icon_title copy-small-semi-bold" }, se = { class: "TextButton_small" }, le = { class: "secondRow" }, oe = {
@@ -14,10 +14,10 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
 }, ie = {
   key: 2,
   class: "copy-small-regular"
-}, ne = { class: "CardTips_Part" }, re = { class: "firstRow" }, ce = { class: "icon_title copy-small-semi-bold" }, de = { class: "TextButton_small" }, ue = { class: "secondRow" }, pe = { class: "input-container" }, me = {
+}, ne = { class: "CardTips_Part" }, re = { class: "firstRow" }, de = { class: "icon_title copy-small-semi-bold" }, ce = { class: "TextButton_small" }, ue = { class: "secondRow" }, me = { class: "input-container" }, pe = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, fe = { class: "copy-mini-regular" }, ve = { class: "input-container" }, he = {
+}, ve = { class: "copy-mini-regular" }, fe = { class: "input-container" }, he = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
 }, ge = { class: "copy-mini-regular" }, _e = { class: "input-container" }, be = {
@@ -31,16 +31,16 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
   props: {
     context: Object
   },
-  setup(S) {
-    const v = S, { formValues: W } = q(), { isEditMode: F } = x(), { organization: O, authToken: R, startFetchPermissions: A } = H();
-    A();
-    const { resultEnhanced: L, isLoading: N, isFetching: U } = G({
-      id: O,
-      authToken: R
-    }), b = m(null), w = m(null), y = P(() => {
+  setup(F) {
+    const h = F, { formValues: O } = q(), { isEditMode: R } = x(), { organization: W, authToken: A, startFetchPermissions: L } = H();
+    L();
+    const { organizationDisplay: p, isLoading: N, isFetching: U } = G({
+      id: W,
+      authToken: A
+    }), w = v(null), y = v(null), k = T(() => {
       var e, t;
       try {
-        const a = (t = (e = W.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        const a = (t = (e = O.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
         if (a && a["foaf:name"] && a["foaf:mbox"])
           return [
             a["foaf:name"],
@@ -54,20 +54,10 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
         "",
         ""
       ];
-    }), V = P(() => N.value || U.value), h = P(() => {
-      var a;
-      const e = (a = L.value) == null ? void 0 : a.publisher;
-      if (!e)
-        return {};
-      const t = {
-        organization: e.name || ""
-      };
-      if (e.email && (t.email = e.email), e.homepage) {
-        const o = e.homepage.startsWith("http") ? e.homepage : `https://${e.homepage}`;
-        t.website = o;
-      }
-      return t;
-    }), l = m({
+    }), B = T(() => N.value || U.value), g = T(() => {
+      const e = {};
+      return p.value.title && (e.organization = p.value.title), p.value.email && (e.email = p.value.email), p.value.homepage && (e.website = p.value.homepage), e;
+    }), l = v({
       1: {
         show: !1,
         message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
@@ -81,8 +71,8 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
         message: "Bitte geben Sie eine gültige Telefonnummer ein."
       }
     });
-    let n = m({ 1: !1, 2: !1, 3: !1 });
-    const i = m([
+    let n = v({ 1: !1, 2: !1, 3: !1 });
+    const o = v([
       {
         isValid: "unset",
         "vcard:fn": "",
@@ -90,14 +80,14 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
         "vcard:hasTelephone": ""
       }
     ]);
-    F.value || v.context.node.input(i), v.context.node.value.length === 0 && v.context.node.input(f(i));
+    R.value || h.context.node.input(o), h.context.node.value.length === 0 && h.context.node.input(f(o));
     function E(e) {
       return e.trim().length >= 2;
     }
     function $(e) {
       return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
     }
-    function B(e) {
+    function z(e) {
       if (!e || e.trim() === "")
         return !0;
       const t = e.replace(/[\s\-().]/g, "");
@@ -106,8 +96,8 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
       const a = t.replace(/\D/g, "");
       return a.length >= 6 && a.length <= 15;
     }
-    function k(e, t, a) {
-      let o = !1;
+    function P(e, t, a) {
+      let i = !1;
       if (a === 3 && e.trim() === "")
         l.value[a].show = !1, n.value[a] = !0;
       else if (e.trim() === "")
@@ -115,37 +105,37 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
       else {
         switch (t) {
           case "vcard:fn":
-            o = E(e);
+            i = E(e);
             break;
           case "vcard:hasEmail":
-            o = $(e);
+            i = $(e);
             break;
           case "vcard:hasTelephone":
-            o = B(e);
+            i = z(e);
             break;
           default:
-            o = e.trim() !== "";
+            i = e.trim() !== "";
         }
-        l.value[a].show = !o, n.value[a] = o;
+        l.value[a].show = !i, n.value[a] = i;
       }
-      n.value[1] && n.value[2] ? i.value[0].isValid = !0 : i.value[0].isValid = "unset";
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = "unset";
     }
-    function p(e, t, a) {
-      i.value = i.value.map((o) => t in o ? { ...o, [t]: e } : o), v.context.node.input(i.value), a === 2 ? (b.value && clearTimeout(b.value), b.value = setTimeout(() => {
-        k(e, t, a);
-      }, 800)) : a === 3 ? (w.value && clearTimeout(w.value), w.value = setTimeout(() => {
-        k(e, t, a);
-      }, 800)) : k(e, t, a);
+    function m(e, t, a) {
+      o.value = o.value.map((i) => t in i ? { ...i, [t]: e } : i), h.context.node.input(o.value), a === 2 ? (w.value && clearTimeout(w.value), w.value = setTimeout(() => {
+        P(e, t, a);
+      }, 800)) : a === 3 ? (y.value && clearTimeout(y.value), y.value = setTimeout(() => {
+        P(e, t, a);
+      }, 800)) : P(e, t, a);
     }
     function j() {
-      const e = h.value;
-      e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "vcard:hasEmail", 2);
+      const e = g.value;
+      e.organization && m(e.organization, "vcard:fn", 1), e.email && m(e.email, "vcard:hasEmail", 2);
     }
     function I() {
-      p(y.value[0], "vcard:fn", 1), p(y.value[1], "vcard:hasEmail", 2);
+      m(k.value[0], "vcard:fn", 1), m(k.value[1], "vcard:hasEmail", 2);
     }
     function K() {
-      const e = i.value[0];
+      const e = o.value[0];
       if (e["vcard:fn"].trim() === "")
         l.value[1].show = !0, n.value[1] = !1;
       else {
@@ -161,46 +151,46 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
       if (e["vcard:hasTelephone"].trim() === "")
         l.value[3].show = !1, n.value[3] = !0;
       else {
-        const t = B(e["vcard:hasTelephone"]);
+        const t = z(e["vcard:hasTelephone"]);
         l.value[3].show = !t, n.value[3] = t;
       }
-      n.value[1] && n.value[2] ? i.value[0].isValid = !0 : i.value[0].isValid = !1;
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = !1;
     }
-    return M(() => i.value[0].isValid, (e) => {
+    return M(() => o.value[0].isValid, (e) => {
       e === !1 && K();
-    }), (e, t) => (c(), r("div", Q, [
-      s("h4", null, d(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
-      s("div", X, d(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+    }), (e, t) => (d(), r("div", Q, [
+      s("h4", null, c(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
+      s("div", X, c(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
       s("div", Y, [
         s("div", Z, [
           s("div", ee, [
             s("div", ae, [
-              s("div", te, d(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              s("div", te, c(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
               s("div", se, [
-                u(D, {
+                u(S, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
                   ),
                   "icon-start": "DeleteBlue",
                   "icon-name": "copy",
                   class: "dpiV3_usedetailsButton",
-                  disabled: V.value || Object.keys(h.value).length === 0,
+                  disabled: B.value || Object.keys(g.value).length === 0,
                   onClick: j
                 }, null, 8, ["button-text", "disabled"])
               ])
             ]),
             s("div", le, [
-              V.value ? (c(), r("span", oe, "Lade Kontodaten...")) : Object.keys(h.value).length > 0 ? (c(!0), r(C, { key: 1 }, z(h.value, (a, o) => (c(), r("span", {
-                key: o,
+              B.value ? (d(), r("span", oe, "Lade Kontodaten...")) : Object.keys(g.value).length > 0 ? (d(!0), r(C, { key: 1 }, D(g.value, (a, i) => (d(), r("span", {
+                key: i,
                 class: "copy-small-regular"
-              }, d(a), 1))), 128)) : (c(), r("span", ie, "Keine Kontodaten verfügbar"))
+              }, c(a), 1))), 128)) : (d(), r("span", ie, "Keine Kontodaten verfügbar"))
             ])
           ]),
           s("div", ne, [
             s("div", re, [
-              s("div", ce, d(e.$t("message.metadata.publisher")), 1),
-              s("div", de, [
-                u(D, {
+              s("div", de, c(e.$t("message.metadata.publisher")), 1),
+              s("div", ce, [
+                u(S, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
                   ),
@@ -212,17 +202,17 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
               ])
             ]),
             s("div", ue, [
-              (c(!0), r(C, null, z(y.value, (a, o) => (c(), r("span", {
-                key: o,
+              (d(!0), r(C, null, D(k.value, (a, i) => (d(), r("span", {
+                key: i,
                 class: "copy-small-regular"
-              }, d(a), 1))), 128))
+              }, c(a), 1))), 128))
             ])
           ])
         ])
       ]),
-      s("div", pe, [
-        u(T, {
-          "model-value": i.value[0]["vcard:fn"],
+      s("div", me, [
+        u(V, {
+          "model-value": o.value[0]["vcard:fn"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -235,19 +225,19 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
           "show-end-icon": !1,
           "show-error": l.value[1].show,
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => m(a, "vcard:fn", 1))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        l.value[1].show ? (c(), r("div", me, [
-          u(f(_), {
+        l.value[1].show ? (d(), r("div", pe, [
+          u(f(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", fe, d(l.value[1].message), 1)
-        ])) : g("", !0)
+          s("span", ve, c(l.value[1].message), 1)
+        ])) : _("", !0)
       ]),
-      s("div", ve, [
-        u(T, {
-          "model-value": i.value[0]["vcard:hasEmail"],
+      s("div", fe, [
+        u(V, {
+          "model-value": o.value[0]["vcard:hasEmail"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -260,19 +250,19 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
           "show-end-icon": !1,
           "show-error": l.value[2].show,
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => m(a, "vcard:hasEmail", 2))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        l.value[2].show ? (c(), r("div", he, [
-          u(f(_), {
+        l.value[2].show ? (d(), r("div", he, [
+          u(f(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", ge, d(l.value[2].message), 1)
-        ])) : g("", !0)
+          s("span", ge, c(l.value[2].message), 1)
+        ])) : _("", !0)
       ]),
       s("div", _e, [
-        u(T, {
-          "model-value": i.value[0]["vcard:hasTelephone"],
+        u(V, {
+          "model-value": o.value[0]["vcard:hasTelephone"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -285,27 +275,27 @@ const Q = { class: "dpiV3InnerComponentWrap" }, X = { class: "copy-large-regular
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
           "show-end-icon": !1,
           "show-error": l.value[3].show,
-          "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => m(a, "vcard:hasTelephone", 3))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        l.value[3].show ? (c(), r("div", be, [
-          u(f(_), {
+        l.value[3].show ? (d(), r("div", be, [
+          u(f(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", we, d(l.value[3].message), 1)
-        ])) : g("", !0)
+          s("span", we, c(l.value[3].message), 1)
+        ])) : _("", !0)
       ]),
-      s("div", ye, d(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
-      i.value.find((a) => a.isValid === !1) ? (c(), r("div", ke, [
-        u(f(_), {
+      s("div", ye, c(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      o.value.find((a) => a.isValid === !1) ? (d(), r("div", ke, [
+        u(f(b), {
           size: 16,
           weight: "fill"
         }),
         t[3] || (t[3] = s("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
-      ])) : g("", !0)
+      ])) : _("", !0)
     ]));
   }
-}, Fe = /* @__PURE__ */ J(Pe, [["__scopeId", "data-v-62702ebf"]]);
+}, Oe = /* @__PURE__ */ J(Pe, [["__scopeId", "data-v-91414cb1"]]);
 export {
-  Fe as default
+  Oe as default
 };