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

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

@@ -1,159 +1,149 @@
-import { ref as m, computed as W, watch as L, createElementBlock as u, openBlock as d, createElementVNode as i, createCommentVNode as v, toDisplayString as p, createVNode as f, Fragment as K, renderList as N, unref as h } from "vue";
-import { PhWarning as g } from "@phosphor-icons/vue";
-import { useOrganizationInfo as j } from "../composables/useOrganizationInfo.js";
-import { useTwinbyUser as A } from "../composables/useTwinbyUser.js";
+import { ref as v, computed as T, watch as F, createElementBlock as u, openBlock as d, createElementVNode as o, createCommentVNode as h, toDisplayString as c, createVNode as f, Fragment as I, renderList as L, unref as g } from "vue";
+import { PhWarning as b } from "@phosphor-icons/vue";
+import { useOrganizationInfo as K } from "../composables/useOrganizationInfo.js";
+import { useTwinbyUser as N } from "../composables/useTwinbyUser.js";
 import V from "../HappyFlowComponents/ui/InputField.vue.js";
-import M from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import j from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                   */
-import q from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useEditModeInfo as G } from "../composables/useDpiEditMode.js";
-const H = { class: "dpiV3InnerComponentWrap" }, J = { class: "copy-large-regular" }, Q = { class: "dpiV3AutoCompleteWrap" }, X = { class: "firstRow" }, Y = { class: "secondRow" }, Z = {
+import A from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as M } from "../composables/useDpiEditMode.js";
+const q = { class: "dpiV3InnerComponentWrap" }, G = { class: "copy-large-regular" }, H = { class: "dpiV3AutoCompleteWrap" }, J = { class: "firstRow" }, Q = { class: "secondRow" }, X = {
   key: 0,
   class: "copy-small-regular"
-}, ee = {
+}, Y = {
   key: 2,
   class: "copy-small-regular"
-}, ae = { class: "input-container" }, te = {
+}, Z = { class: "input-container" }, ee = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, le = { class: "copy-mini-regular" }, se = { class: "input-container" }, oe = {
+}, ae = { class: "copy-mini-regular" }, le = { class: "input-container" }, te = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, ie = { class: "copy-mini-regular" }, ne = { class: "input-container" }, re = {
+}, se = { class: "copy-mini-regular" }, oe = { class: "input-container" }, ie = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, ue = { class: "copy-mini-regular" }, de = { class: "copy-large-regular" }, fe = {
+}, ne = { class: "copy-mini-regular" }, re = { class: "copy-large-regular" }, ue = {
   key: 0,
   class: "form-error-message"
-}, pe = {
+}, de = {
   __name: "PublisherPage",
   props: {
     context: Object
   },
   setup(B) {
-    const b = B, { isEditMode: E } = G(), { organization: P, authToken: R, startFetchPermissions: S } = A();
-    S();
-    const { resultEnhanced: w, isLoading: O, isFetching: U } = j({
-      id: P,
-      authToken: R
+    const w = B, { isEditMode: W } = M(), { organization: E, authToken: P, startFetchPermissions: R } = N();
+    R();
+    const { organizationDisplay: p, isLoading: S, isFetching: O } = K({
+      id: E,
+      authToken: P
     });
-    let s = m({ 1: !1, 2: !1, 3: !1 });
-    const _ = m(null), y = m(null), z = W(() => O.value || U.value), r = W(() => {
-      var t, o, D;
-      const e = (t = w.value) == null ? void 0 : t.publisher;
-      if (!e)
-        return {};
-      const a = {
-        organization: e.name || ((o = w.value) == null ? void 0 : o.title) || ((D = w.value) == null ? void 0 : D.id)
-      };
-      if (e.email && (a.email = e.email), e.homepage) {
-        const I = e.homepage.startsWith("http") ? e.homepage : `https://${e.homepage}`;
-        a.website = I;
-      }
-      return a;
-    }), n = m([
+    let s = v({ 1: !1, 2: !1, 3: !1 });
+    const _ = v(null), y = v(null), z = T(() => S.value || O.value), r = 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;
+    }), i = v([
       { isValid: "unset", "foaf:name": "", "foaf:mbox": "", "foaf:homepage": "" }
-    ]), l = m({
+    ]), t = v({
       1: { show: !1, message: "Bitte geben Sie einen gültigen Organisationsnamen ein." },
       2: { show: !1, message: "Bitte geben Sie eine gültige E-Mail-Adresse ein." },
       3: { show: !1, message: "Bitte geben Sie eine gültige URL ein." }
     });
-    function $(e) {
+    function x(e) {
       return e.trim().length >= 2;
     }
-    function x(e) {
+    function $(e) {
       return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
     }
-    function T(e) {
+    function D(e) {
       return /^([a-z0-9]([a-z0-9\-]{0,61}[a-z0-9])?\.)+[a-z]{2,}$/i.test(e);
     }
-    E.value || b.context.node.input(n);
-    function k(e, a, t) {
-      let o = !1;
+    W.value || w.context.node.input(i);
+    function k(e, a, l) {
+      let n = !1;
       if (e.trim() === "")
-        l.value[t].show = !1, s.value[t] = !1;
+        t.value[l].show = !1, s.value[l] = !1;
       else {
         switch (a) {
           case "foaf:name":
-            o = $(e);
+            n = x(e);
             break;
           case "foaf:mbox":
-            o = x(e);
+            n = $(e);
             break;
           case "foaf:homepage":
-            o = T(e);
+            n = D(e);
             break;
           default:
-            o = e.trim() !== "";
+            n = e.trim() !== "";
         }
-        l.value[t].show = !o, s.value[t] = o;
+        t.value[l].show = !n, s.value[l] = n;
       }
-      s.value[1] && s.value[2] && s.value[3] ? n.value[0].isValid = !0 : n.value[0].isValid = "unset";
+      s.value[1] && s.value[2] && s.value[3] ? i.value[0].isValid = !0 : i.value[0].isValid = "unset";
     }
-    function c(e, a, t) {
-      n.value = n.value.map((o) => a in o ? { ...o, [a]: e } : o), b.context.node.value.length === 0 && b.context.node.input(n.value), t === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
-        k(e, a, t);
-      }, 800)) : t === 3 ? (y.value && clearTimeout(y.value), y.value = setTimeout(() => {
-        k(e, a, t);
-      }, 800)) : k(e, a, t);
+    function m(e, a, l) {
+      i.value = i.value.map((n) => a in n ? { ...n, [a]: e } : n), w.context.node.value.length === 0 && w.context.node.input(i.value), l === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
+        k(e, a, l);
+      }, 800)) : l === 3 ? (y.value && clearTimeout(y.value), y.value = setTimeout(() => {
+        k(e, a, l);
+      }, 800)) : k(e, a, l);
     }
-    function C() {
-      const e = n.value[0];
+    function U() {
+      const e = i.value[0];
       if (e["foaf:name"].trim() === "")
-        l.value[1].show = !0, s.value[1] = !1;
+        t.value[1].show = !0, s.value[1] = !1;
       else {
-        const a = $(e["foaf:name"]);
-        l.value[1].show = !a, s.value[1] = a;
+        const a = x(e["foaf:name"]);
+        t.value[1].show = !a, s.value[1] = a;
       }
       if (e["foaf:mbox"].trim() === "")
-        l.value[2].show = !0, s.value[2] = !1;
+        t.value[2].show = !0, s.value[2] = !1;
       else {
-        const a = x(e["foaf:mbox"]);
-        l.value[2].show = !a, s.value[2] = a;
+        const a = $(e["foaf:mbox"]);
+        t.value[2].show = !a, s.value[2] = a;
       }
       if (e["foaf:homepage"].trim() === "")
-        l.value[3].show = !0, s.value[3] = !1;
+        t.value[3].show = !0, s.value[3] = !1;
       else {
-        const a = T(e["foaf:homepage"]);
-        l.value[3].show = !a, s.value[3] = a;
+        const a = D(e["foaf:homepage"]);
+        t.value[3].show = !a, s.value[3] = a;
       }
-      s.value[1] && s.value[2] && s.value[3] ? n.value[0].isValid = !0 : n.value[0].isValid = !1, console.log("Validation states:", s.value), console.log("Validation errors:", l.value);
+      s.value[1] && s.value[2] && s.value[3] ? i.value[0].isValid = !0 : i.value[0].isValid = !1, console.log("Validation states:", s.value), console.log("Validation errors:", t.value);
     }
-    L(() => n.value[0].isValid, (e) => {
-      console.log("Overall validity changed:", e), e === !1 && C();
+    F(() => i.value[0].isValid, (e) => {
+      console.log("Overall validity changed:", e), e === !1 && U();
     });
-    function F() {
-      if (r.value && (r.value.organization && c(r.value.organization, "foaf:name", 1), r.value.email && c(r.value.email, "foaf:mbox", 2), r.value.website)) {
+    function C() {
+      if (r.value && (r.value.organization && m(r.value.organization, "foaf:name", 1), r.value.email && m(r.value.email, "foaf:mbox", 2), r.value.website)) {
         let e = r.value.website;
-        e.startsWith("https://") ? e = e.substring(8) : e.startsWith("http://") && (e = e.substring(7)), c(e, "foaf:homepage", 3);
+        e.startsWith("https://") ? e = e.substring(8) : e.startsWith("http://") && (e = e.substring(7)), m(e, "foaf:homepage", 3);
       }
     }
-    return (e, a) => (d(), u("div", H, [
-      i("h4", null, p(e.$t("message.dataupload.datasets.dct:publisher.title")), 1),
-      i("div", J, p(e.$t("message.dataupload.datasets.dct:publisher.description")), 1),
-      i("div", Q, [
-        i("div", X, [
-          a[3] || (a[3] = i("div", null, [
-            i("span", { class: "copy-small-semi-bold" }, "Konto")
+    return (e, a) => (d(), u("div", q, [
+      o("h4", null, c(e.$t("message.dataupload.datasets.dct:publisher.title")), 1),
+      o("div", G, c(e.$t("message.dataupload.datasets.dct:publisher.description")), 1),
+      o("div", H, [
+        o("div", J, [
+          a[3] || (a[3] = o("div", null, [
+            o("span", { class: "copy-small-semi-bold" }, "Konto")
           ], -1)),
-          f(M, {
+          f(j, {
             "button-text": "Diese Details verwenden",
             "icon-start": "true",
             "icon-name": "copy",
             disabled: z.value || Object.keys(r.value).length === 0,
-            onClick: F
+            onClick: C
           }, null, 8, ["disabled"])
         ]),
-        i("div", Y, [
-          z.value ? (d(), u("span", Z, "Lade Kontodaten...")) : Object.keys(r.value).length > 0 ? (d(!0), u(K, { key: 1 }, N(r.value, (t, o) => (d(), u("span", {
-            key: o,
+        o("div", Q, [
+          z.value ? (d(), u("span", X, "Lade Kontodaten...")) : Object.keys(r.value).length > 0 ? (d(!0), u(I, { key: 1 }, L(r.value, (l, n) => (d(), u("span", {
+            key: n,
             class: "copy-small-regular"
-          }, p(t), 1))), 128)) : (d(), u("span", ee, "Keine Kontodaten verfügbar"))
+          }, c(l), 1))), 128)) : (d(), u("span", Y, "Keine Kontodaten verfügbar"))
         ])
       ]),
-      i("div", ae, [
+      o("div", Z, [
         f(V, {
-          "model-value": n.value[0]["foaf:name"],
+          "model-value": i.value[0]["foaf:name"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -163,20 +153,20 @@ const H = { class: "dpiV3InnerComponentWrap" }, J = { class: "copy-large-regular
           "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
           "show-end-icon": !1,
-          "show-error": l.value[1].show,
-          "onUpdate:modelValue": a[0] || (a[0] = (t) => c(t, "foaf:name", 1))
+          "show-error": t.value[1].show,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => m(l, "foaf:name", 1))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        l.value[1].show ? (d(), u("div", te, [
-          f(h(g), {
+        t.value[1].show ? (d(), u("div", ee, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          i("span", le, p(l.value[1].message), 1)
-        ])) : v("", !0)
+          o("span", ae, c(t.value[1].message), 1)
+        ])) : h("", !0)
       ]),
-      i("div", se, [
+      o("div", le, [
         f(V, {
-          "model-value": n.value[0]["foaf:mbox"],
+          "model-value": i.value[0]["foaf:mbox"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -184,22 +174,22 @@ const H = { class: "dpiV3InnerComponentWrap" }, J = { class: "copy-large-regular
           "pre-icon": !1,
           "input-field-size": "large",
           "initial-hint-text": !1,
-          "show-error": l.value[2].show,
+          "show-error": t.value[2].show,
           label: e.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
           "show-end-icon": !1,
-          "onUpdate:modelValue": a[1] || (a[1] = (t) => c(t, "foaf:mbox", 2))
+          "onUpdate:modelValue": a[1] || (a[1] = (l) => m(l, "foaf:mbox", 2))
         }, null, 8, ["model-value", "placeholder", "show-error", "label"]),
-        l.value[2].show ? (d(), u("div", oe, [
-          f(h(g), {
+        t.value[2].show ? (d(), u("div", te, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          i("span", ie, p(l.value[2].message), 1)
-        ])) : v("", !0)
+          o("span", se, c(t.value[2].message), 1)
+        ])) : h("", !0)
       ]),
-      i("div", ne, [
+      o("div", oe, [
         f(V, {
-          "model-value": n.value[0]["foaf:homepage"],
+          "model-value": i.value[0]["foaf:homepage"],
           "add-on-text": !0,
           "date-picker": !1,
           "info-icon": !1,
@@ -210,28 +200,28 @@ const H = { class: "dpiV3InnerComponentWrap" }, J = { class: "copy-large-regular
           "add-on-leading-text": "https://",
           label: e.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
           "show-end-icon": !1,
-          "show-error": l.value[3].show,
-          "onUpdate:modelValue": a[2] || (a[2] = (t) => c(t, "foaf:homepage", 3))
+          "show-error": t.value[3].show,
+          "onUpdate:modelValue": a[2] || (a[2] = (l) => m(l, "foaf:homepage", 3))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        l.value[3].show ? (d(), u("div", re, [
-          f(h(g), {
+        t.value[3].show ? (d(), u("div", ie, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          i("span", ue, p(l.value[3].message), 1)
-        ])) : v("", !0)
+          o("span", ne, c(t.value[3].message), 1)
+        ])) : h("", !0)
       ]),
-      i("div", de, p(e.$t("message.dataupload.datasets.dct:publisher.descriptionBottom")), 1),
-      n.value.find((t) => t.isValid === !1) ? (d(), u("div", fe, [
-        f(h(g), {
+      o("div", re, c(e.$t("message.dataupload.datasets.dct:publisher.descriptionBottom")), 1),
+      i.value.find((l) => l.isValid === !1) ? (d(), u("div", ue, [
+        f(g(b), {
           size: 16,
           weight: "fill"
         }),
-        a[4] || (a[4] = i("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
-      ])) : v("", !0)
+        a[4] || (a[4] = o("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : h("", !0)
     ]));
   }
-}, ke = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-2e0d13e3"]]);
+}, _e = /* @__PURE__ */ A(de, [["__scopeId", "data-v-37cc37b6"]]);
 export {
-  ke as default
+  _e as default
 };

package/dist/packages/dpi/src/data-provider-interface/composables/useOrganizationInfo.js

@@ -1,48 +1,79 @@
-import { defineHubSearch as I, getTranslationFor as c } from "@piveau/sdk-vue";
-import { computed as T, toValue as U } from "vue";
-import k from "zod";
-import { useRuntimeEnv as C } from "../../composables/useRuntimeEnv.js";
-function _(a) {
-  const h = C(), p = a.baseUrl || h.api.baseUrl || "https://twin.bydata.de/api/hub/search/", m = T(() => !!U(a.id).trim()), { useResource: b } = I({
-    baseUrl: p,
+import { defineHubSearch as k, getTranslationFor as F } from "@piveau/sdk-vue";
+import { computed as b, toValue as w } from "vue";
+import D from "zod";
+import { useRuntimeEnv as E } from "../../composables/useRuntimeEnv.js";
+function C(s, t) {
+  return s ? s.startsWith(t) ? s.substring(t.length) : s : "";
+}
+function H(s) {
+  if (!s)
+    return "";
+  const t = s.endsWith("/") ? s.slice(0, -1) : s;
+  return t.startsWith("http") ? t : `https://${t}`;
+}
+function B(s) {
+  const t = E(), I = s.baseUrl || t.api.baseUrl || "https://twin.bydata.de/api/hub/search/", R = b(() => !!w(s.id).trim()), { useResource: T } = k({
+    baseUrl: I,
     index: "catalogue",
     indexDetails: "catalogues",
-    schema: k.any()
+    schema: D.any()
   }, (e) => {
-    var t, s, i, n, r, l, u, d, o;
-    const z = {
-      name: ((t = e.publisher) == null ? void 0 : t.name) || "",
-      email: ((s = e.publisher) == null ? void 0 : s.email) || "",
-      homepage: ((i = e.publisher) == null ? void 0 : i.homepage) || "",
+    var l, r, u, h, p, i, d, a, c, m, f, y;
+    const n = {
+      name: ((l = e.publisher) == null ? void 0 : l.name) || "",
+      email: C((r = e.publisher) == null ? void 0 : r.email, "mailto:"),
+      emailRaw: (u = e.publisher) == null ? void 0 : u.email,
+      homepage: ((h = e.publisher) == null ? void 0 : h.homepage) || "",
+      phone: C((p = e.publisher) == null ? void 0 : p.phone_number, "tel:"),
+      phoneRaw: ((i = e.publisher) == null ? void 0 : i.phone_number) || "",
       address: {
-        street: ((r = (n = e.publisher) == null ? void 0 : n.address) == null ? void 0 : r.street) || "",
-        postalCode: ((u = (l = e.publisher) == null ? void 0 : l.address) == null ? void 0 : u.postalCode) || "",
-        locality: ((o = (d = e.publisher) == null ? void 0 : d.address) == null ? void 0 : o.locality) || ""
+        street: ((a = (d = e.publisher) == null ? void 0 : d.address) == null ? void 0 : a.street) || "",
+        postalCode: ((m = (c = e.publisher) == null ? void 0 : c.address) == null ? void 0 : m.postalCode) || "",
+        locality: ((y = (f = e.publisher) == null ? void 0 : f.address) == null ? void 0 : y.locality) || ""
       }
     };
     return {
       id: e.id,
-      title: c(e.title || "", ["de", "en"]),
-      description: c(e.description || "", ["de", "en"]),
-      publisher: z,
+      title: F(e.title || "", ["de", "en"]),
+      description: F(e.description || "", ["de", "en"]),
+      publisher: n,
       catalogueFavIcon: e.catalogueFavIcon || []
     };
-  }), { resultEnhanced: f, isLoading: y, isFetching: v, result: F, isSuccess: x } = b(a.id, {
+  }), { resultEnhanced: o, isLoading: _, isFetching: x, result: S, isSuccess: U } = T(s.id, {
     queryOptions: {
-      enabled: m
+      enabled: R
     },
-    headers: {
-      ...a.authToken && { Authorization: `Bearer ${a.authToken}` }
-    }
+    headers: b(() => {
+      const e = w(s.authToken);
+      return {
+        ...e && { Authorization: `Bearer ${e}` }
+      };
+    })
+  }), W = b(() => {
+    var n, l, r, u, h, p, i, d, a, c, m;
+    const e = o.value;
+    return {
+      title: ((n = e == null ? void 0 : e.publisher) == null ? void 0 : n.name) || (e == null ? void 0 : e.title) || (e == null ? void 0 : e.id) || "",
+      email: ((l = e == null ? void 0 : e.publisher) == null ? void 0 : l.email) || "",
+      phone: ((r = e == null ? void 0 : e.publisher) == null ? void 0 : r.phone) || "",
+      homepage: H((u = e == null ? void 0 : e.publisher) == null ? void 0 : u.homepage),
+      address: {
+        street: ((p = (h = e == null ? void 0 : e.publisher) == null ? void 0 : h.address) == null ? void 0 : p.street) || "",
+        postalCode: ((d = (i = e == null ? void 0 : e.publisher) == null ? void 0 : i.address) == null ? void 0 : d.postalCode) || "",
+        locality: ((c = (a = e == null ? void 0 : e.publisher) == null ? void 0 : a.address) == null ? void 0 : c.locality) || ""
+      },
+      logo: ((m = e == null ? void 0 : e.catalogueFavIcon) == null ? void 0 : m[0]) || ""
+    };
   });
   return {
-    resultEnhanced: f,
-    isLoading: y,
-    isFetching: v,
-    result: F,
-    isSuccess: x
+    resultEnhanced: o,
+    organizationDisplay: W,
+    isLoading: _,
+    isFetching: x,
+    result: S,
+    isSuccess: U
   };
 }
 export {
-  _ as useOrganizationInfo
+  B as useOrganizationInfo
 };