@piveau/dpi 0.2.0-alpha.48 → 0.2.0-alpha.49

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

@@ -1,33 +1,46 @@
-import { ref as f, computed as B, getCurrentInstance as F, unref as m, onMounted as M, watch as O, createElementBlock as c, openBlock as d, createElementVNode as s, createCommentVNode as h, toDisplayString as r, createVNode as u, Fragment as E, renderList as D } from "vue";
-import { PhWarning as g } from "@phosphor-icons/vue";
-import { useEditModeInfo as I } from "../composables/useDpiEditMode.js";
-import P from "../HappyFlowComponents/ui/InputField.vue.js";
-import z from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import { useFormValues as U } from "../composables/useDpiFormValues.js";
+import { ref as p, computed as P, unref as v, 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 { 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";
 /* empty css                 */
-import j from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular" }, G = { class: "dpiV3AutoCompleteWrap" }, H = { class: "CardTips_internal" }, J = { class: "CardTips_Part" }, K = { class: "firstRow" }, Q = { class: "icon_title copy-small-semi-bold" }, X = { class: "TextButton_small" }, Y = { class: "secondRow" }, Z = { class: "copy-small-regular" }, ee = { class: "CardTips_Part" }, ae = { class: "firstRow" }, te = { class: "icon_title copy-small-semi-bold" }, se = { class: "TextButton_small" }, oe = { class: "secondRow" }, le = { class: "copy-small-regular" }, ie = { class: "input-container" }, ne = {
+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 = {
+  key: 0,
+  class: "copy-small-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" }, me = { class: "input-container" }, pe = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, re = { class: "copy-mini-regular" }, ce = { class: "input-container" }, de = {
+}, ve = { class: "copy-mini-regular" }, fe = { class: "input-container" }, he = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, ue = { class: "copy-mini-regular" }, pe = { class: "input-container" }, fe = {
+}, ge = { class: "copy-mini-regular" }, _e = { class: "input-container" }, be = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, me = { class: "copy-mini-regular" }, ve = { class: "copy-large-regular" }, he = {
+}, we = { class: "copy-mini-regular" }, ye = { class: "copy-large-regular" }, ke = {
   key: 0,
   class: "form-error-message"
-}, T = "", ge = {
+}, Pe = {
   __name: "ContactPage",
   props: {
     context: Object
   },
   setup(S) {
-    const { formValues: N } = U(), v = S, { isEditMode: R } = I(), _ = f(null), b = f(null), w = B(() => {
+    const f = S, { formValues: F } = q(), { isEditMode: O } = x(), { organization: R, authToken: W, startFetchPermissions: A } = H();
+    A();
+    const { resultEnhanced: L, isLoading: N, isFetching: U } = G({
+      id: R,
+      authToken: W
+    }), b = p(null), w = p(null), y = P(() => {
       var e, t;
       try {
-        const a = (t = (e = N.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        const a = (t = (e = F.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"],
@@ -41,17 +54,16 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
         "",
         ""
       ];
-    }), k = B(() => {
-      var t, a;
-      const e = (a = (t = F().appContext.config.globalProperties.$keycloak) == null ? void 0 : t.idTokenParsed) == null ? void 0 : a.contact;
-      if (e) {
-        const i = {
-          organization: e.organization
-        };
-        return e.email && (i.email = e.email), (e.phone || e.phoneNumber) && (i.phone = e.phone || e.phoneNumber), i;
-      }
-      return {};
-    }), o = f({
+    }), 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
+      };
+      return e.email && (t.email = e.email), t;
+    }), l = p({
       1: {
         show: !1,
         message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
@@ -65,8 +77,8 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
         message: "Bitte geben Sie eine gültige Telefonnummer ein."
       }
     });
-    let n = f({ 1: !1, 2: !1, 3: !1 });
-    const l = f([
+    let n = p({ 1: !1, 2: !1, 3: !1 });
+    const o = p([
       {
         isValid: "unset",
         "vcard:fn": "",
@@ -74,41 +86,35 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
         "vcard:hasTelephone": ""
       }
     ]);
-    R.value || v.context.node.input(l), v.context.node.value.length === 0 && v.context.node.input(m(l)), M(() => {
-      try {
-        T && T["foaf:name"] && T["foaf:mbox"];
-      } catch (e) {
-        console.warn("Could not load publisher data from context:", e);
-      }
-    });
-    function V(e) {
+    O.value || f.context.node.input(o), f.context.node.value.length === 0 && f.context.node.input(v(o));
+    function E(e) {
       return e.trim().length >= 2;
     }
-    function C(e) {
+    function B(e) {
       return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
     }
     function $(e) {
       if (!e || e.trim() === "")
         return !0;
       const t = e.replace(/[\s\-().]/g, "");
-      if (!/^[+]?\d+$/.test(t))
+      if (!/^\+?\d+$/.test(t))
         return !1;
       const a = t.replace(/\D/g, "");
       return a.length >= 6 && a.length <= 15;
     }
-    function y(e, t, a) {
+    function k(e, t, a) {
       let i = !1;
       if (a === 3 && e.trim() === "")
-        o.value[a].show = !1, n.value[a] = !0;
+        l.value[a].show = !1, n.value[a] = !0;
       else if (e.trim() === "")
-        o.value[a].show = !0, n.value[a] = !1;
+        l.value[a].show = !0, n.value[a] = !1;
       else {
         switch (t) {
           case "vcard:fn":
-            i = V(e);
+            i = E(e);
             break;
           case "vcard:hasEmail":
-            i = C(e);
+            i = B(e);
             break;
           case "vcard:hasTelephone":
             i = $(e);
@@ -116,96 +122,103 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
           default:
             i = e.trim() !== "";
         }
-        o.value[a].show = !i, n.value[a] = i;
+        l.value[a].show = !i, n.value[a] = i;
       }
-      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.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) {
-      l.value = l.value.map((i) => t in i ? { ...i, [t]: e } : i), v.context.node.input(l.value), a === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
-        y(e, t, a);
-      }, 800)) : a === 3 ? (b.value && clearTimeout(b.value), b.value = setTimeout(() => {
-        y(e, t, a);
-      }, 800)) : y(e, t, a);
+    function m(e, t, a) {
+      o.value = o.value.map((i) => t in i ? { ...i, [t]: e } : i), f.context.node.input(o.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 W() {
-      const e = k.value;
-      e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "vcard:hasEmail", 2);
+    function j() {
+      const e = h.value;
+      e.organization && m(e.organization, "vcard:fn", 1), e.email && m(e.email, "vcard:hasEmail", 2);
     }
-    function x() {
-      p(w.value[0], "vcard:fn", 1), p(w.value[1], "vcard:hasEmail", 2);
+    function I() {
+      m(y.value[0], "vcard:fn", 1), m(y.value[1], "vcard:hasEmail", 2);
     }
-    const A = () => {
-      const e = l.value[0];
+    function K() {
+      const e = o.value[0];
       if (e["vcard:fn"].trim() === "")
-        o.value[1].show = !0, n.value[1] = !1;
+        l.value[1].show = !0, n.value[1] = !1;
       else {
-        const t = V(e["vcard:fn"]);
-        o.value[1].show = !t, n.value[1] = t;
+        const t = E(e["vcard:fn"]);
+        l.value[1].show = !t, n.value[1] = t;
       }
       if (e["vcard:hasEmail"].trim() === "")
-        o.value[2].show = !0, n.value[2] = !1;
+        l.value[2].show = !0, n.value[2] = !1;
       else {
-        const t = C(e["vcard:hasEmail"]);
-        o.value[2].show = !t, n.value[2] = t;
+        const t = B(e["vcard:hasEmail"]);
+        l.value[2].show = !t, n.value[2] = t;
       }
       if (e["vcard:hasTelephone"].trim() === "")
-        o.value[3].show = !1, n.value[3] = !0;
+        l.value[3].show = !1, n.value[3] = !0;
       else {
         const t = $(e["vcard:hasTelephone"]);
-        o.value[3].show = !t, n.value[3] = t;
+        l.value[3].show = !t, n.value[3] = t;
       }
-      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = !1;
-    };
-    return O(() => l.value[0].isValid, (e) => {
-      e === !1 && A();
-    }), (e, t) => (d(), c("div", L, [
-      s("h4", null, r(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
-      s("div", q, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
-      s("div", G, [
-        s("div", H, [
-          s("div", J, [
-            s("div", K, [
-              s("div", Q, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
-              s("div", X, [
-                u(z, {
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = !1;
+    }
+    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),
+      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", se, [
+                u(D, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
                   ),
                   "icon-start": "DeleteBlue",
                   "icon-name": "copy",
                   class: "dpiV3_usedetailsButton",
-                  onClick: W
-                }, null, 8, ["button-text"])
+                  disabled: V.value || Object.keys(h.value).length === 0,
+                  onClick: j
+                }, null, 8, ["button-text", "disabled"])
               ])
             ]),
-            s("div", Y, [
-              (d(!0), c(E, null, D(Object.values(k.value), (a) => (d(), c("span", Z, r(a), 1))), 256))
+            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, i) => (c(), r("span", {
+                key: i,
+                class: "copy-small-regular"
+              }, d(a), 1))), 128)) : (c(), r("span", ie, "Keine Kontodaten verfügbar"))
             ])
           ]),
-          s("div", ee, [
-            s("div", ae, [
-              s("div", te, r(e.$t("message.metadata.publisher")), 1),
-              s("div", se, [
-                u(z, {
+          s("div", ne, [
+            s("div", re, [
+              s("div", ce, d(e.$t("message.metadata.publisher")), 1),
+              s("div", de, [
+                u(D, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
                   ),
                   "icon-start": "true",
                   "icon-name": "copy",
                   class: "",
-                  onClick: x
+                  onClick: I
                 }, null, 8, ["button-text"])
               ])
             ]),
-            s("div", oe, [
-              (d(!0), c(E, null, D(w.value, (a) => (d(), c("span", le, r(a), 1))), 256))
+            s("div", ue, [
+              (c(!0), r(C, null, z(y.value, (a, i) => (c(), r("span", {
+                key: i,
+                class: "copy-small-regular"
+              }, d(a), 1))), 128))
             ])
           ])
         ])
       ]),
-      s("div", ie, [
-        u(P, {
-          "model-value": l.value[0]["vcard:fn"],
+      s("div", me, [
+        u(T, {
+          "model-value": o.value[0]["vcard:fn"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -217,20 +230,20 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
           "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
           "show-end-icon": !1,
-          "show-error": o.value[1].show,
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
+          "show-error": l.value[1].show,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => m(a, "vcard:fn", 1))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[1].show ? (d(), c("div", ne, [
-          u(m(g), {
+        l.value[1].show ? (c(), r("div", pe, [
+          u(v(_), {
             size: 16,
             weight: "fill"
           }),
-          s("span", re, r(o.value[1].message), 1)
-        ])) : h("", !0)
+          s("span", ve, d(l.value[1].message), 1)
+        ])) : g("", !0)
       ]),
-      s("div", ce, [
-        u(P, {
-          "model-value": l.value[0]["vcard:hasEmail"],
+      s("div", fe, [
+        u(T, {
+          "model-value": o.value[0]["vcard:hasEmail"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -242,20 +255,20 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
           "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
           "show-end-icon": !1,
-          "show-error": o.value[2].show,
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
+          "show-error": l.value[2].show,
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => m(a, "vcard:hasEmail", 2))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[2].show ? (d(), c("div", de, [
-          u(m(g), {
+        l.value[2].show ? (c(), r("div", he, [
+          u(v(_), {
             size: 16,
             weight: "fill"
           }),
-          s("span", ue, r(o.value[2].message), 1)
-        ])) : h("", !0)
+          s("span", ge, d(l.value[2].message), 1)
+        ])) : g("", !0)
       ]),
-      s("div", pe, [
-        u(P, {
-          "model-value": l.value[0]["vcard:hasTelephone"],
+      s("div", _e, [
+        u(T, {
+          "model-value": o.value[0]["vcard:hasTelephone"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -267,28 +280,28 @@ const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular
           "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
           "show-end-icon": !1,
-          "show-error": o.value[3].show,
-          "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
+          "show-error": l.value[3].show,
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => m(a, "vcard:hasTelephone", 3))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[3].show ? (d(), c("div", fe, [
-          u(m(g), {
+        l.value[3].show ? (c(), r("div", be, [
+          u(v(_), {
             size: 16,
             weight: "fill"
           }),
-          s("span", me, r(o.value[3].message), 1)
-        ])) : h("", !0)
+          s("span", we, d(l.value[3].message), 1)
+        ])) : g("", !0)
       ]),
-      s("div", ve, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
-      l.value.find((a) => a.isValid === !1) ? (d(), c("div", he, [
-        u(m(g), {
+      s("div", ye, d(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      o.value.find((a) => a.isValid === !1) ? (c(), r("div", ke, [
+        u(v(_), {
           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))
-      ])) : h("", !0)
+      ])) : g("", !0)
     ]));
   }
-}, Ce = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-071ac638"]]);
+}, Oe = /* @__PURE__ */ J(Pe, [["__scopeId", "data-v-00c46b14"]]);
 export {
-  Ce as default
+  Oe as default
 };