@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.71

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

@@ -1,176 +1,227 @@
-import { ref as w, computed as x, getCurrentInstance as $, createElementBlock as d, openBlock as u, createElementVNode as s, createCommentVNode as m, toDisplayString as p, createVNode as r, Fragment as P, renderList as S, unref as g } from "vue";
-import _ from "../HappyFlowComponents/ui/InputField.vue.js";
-import T from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import { PhWarning as h } from "@phosphor-icons/vue";
+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 j from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                   */
-import B from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useEditModeInfo as W } from "../composables/useDpiEditMode.js";
-const C = { class: "dpiV3InnerComponentWrap" }, O = { class: "copy-large-regular" }, R = { class: "dpiV3AutoCompleteWrap" }, A = { class: "firstRow" }, D = { class: "secondRow" }, F = { class: "copy-small-regular" }, N = { class: "input-container" }, U = {
+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"
+}, Y = {
+  key: 2,
+  class: "copy-small-regular"
+}, Z = { class: "input-container" }, ee = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, Z = { class: "copy-mini-regular" }, H = { class: "input-container" }, L = {
+}, ae = { class: "copy-mini-regular" }, le = { class: "input-container" }, te = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, M = { class: "copy-mini-regular" }, j = { class: "input-container" }, K = {
+}, se = { class: "copy-mini-regular" }, oe = { class: "input-container" }, ie = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, q = { class: "copy-mini-regular" }, G = {
+}, ne = { class: "copy-mini-regular" }, re = { class: "copy-large-regular" }, ue = {
   key: 0,
   class: "form-error-message"
-}, J = {
+}, de = {
   __name: "PublisherPage",
   props: {
     context: Object
   },
-  setup(k) {
-    const v = k, { isEditMode: I } = W();
-    let c = w({ 1: !1, 2: !1, 3: !1 });
-    const n = x(() => {
-      var a, t;
-      const e = (t = (a = $().appContext.config.globalProperties.$keycloak) == null ? void 0 : a.idTokenParsed) == null ? void 0 : t.contact;
-      if (e) {
-        const i = {
-          organization: e.organization
-        };
-        return e.email && (i.email = e.email), e.website && (i.website = `https://${e.website}`), i;
-      }
-      return {};
-    }), o = w([
+  setup(B) {
+    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 = 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 = w({
+    ]), 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." }
-    }), V = (e) => e.trim().length >= 2, E = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e), y = (e) => /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/.test(e);
-    I.value || v.context.node.input(o);
-    const f = (e, a, t) => {
-      o.value = o.value.map((b) => a in b ? { ...b, [a]: e } : b);
-      let i = !1;
+    });
+    function x(e) {
+      return e.trim().length >= 2;
+    }
+    function $(e) {
+      return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
+    }
+    function D(e) {
+      return /^([a-z0-9]([a-z0-9\-]{0,61}[a-z0-9])?\.)+[a-z]{2,}$/i.test(e);
+    }
+    W.value || w.context.node.input(i);
+    function k(e, a, l) {
+      let n = !1;
       if (e.trim() === "")
-        l.value[t].show = !1, c.value[t] = !1;
+        t.value[l].show = !1, s.value[l] = !1;
       else {
         switch (a) {
           case "foaf:name":
-            i = V(e);
+            n = x(e);
             break;
           case "foaf:mbox":
-            i = E(e);
+            n = $(e);
             break;
           case "foaf:homepage":
-            i = y(e);
+            n = D(e);
             break;
           default:
-            i = e.trim() !== "";
+            n = e.trim() !== "";
         }
-        l.value[t].show = !i, c.value[t] = i;
+        t.value[l].show = !n, s.value[l] = n;
+      }
+      s.value[1] && s.value[2] && s.value[3] ? i.value[0].isValid = !0 : i.value[0].isValid = "unset";
+    }
+    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 U() {
+      const e = i.value[0];
+      if (e["foaf:name"].trim() === "")
+        t.value[1].show = !0, s.value[1] = !1;
+      else {
+        const a = x(e["foaf:name"]);
+        t.value[1].show = !a, s.value[1] = a;
+      }
+      if (e["foaf:mbox"].trim() === "")
+        t.value[2].show = !0, s.value[2] = !1;
+      else {
+        const a = $(e["foaf:mbox"]);
+        t.value[2].show = !a, s.value[2] = a;
+      }
+      if (e["foaf:homepage"].trim() === "")
+        t.value[3].show = !0, s.value[3] = !1;
+      else {
+        const a = D(e["foaf:homepage"]);
+        t.value[3].show = !a, s.value[3] = a;
       }
-      c.value[1] && c.value[2] && c.value[3] ? o.value[0].isValid = !0 : o.value[0].isValid = !1, v.context.node.value.length === 0 && v.context.node.input(o.value);
-    }, z = () => {
-      if (n.value && (n.value.organization && f(n.value.organization, "foaf:name", 1), n.value.email && f(n.value.email, "foaf:mbox", 2), n.value.website)) {
-        let e = n.value.website;
-        e.startsWith("https://") ? e = e.substring(8) : e.startsWith("http://") && (e = e.substring(7)), f(e, "foaf:homepage", 3);
+      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);
+    }
+    F(() => i.value[0].isValid, (e) => {
+      console.log("Overall validity changed:", e), e === !1 && U();
+    });
+    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)), m(e, "foaf:homepage", 3);
       }
-    };
-    return (e, a) => (u(), d("div", C, [
-      s("h4", null, p(e.$t("message.dataupload.datasets.dct:publisher.title")), 1),
-      s("div", O, p(e.$t("message.dataupload.datasets.dct:publisher.description")), 1),
-      s("div", R, [
-        s("div", A, [
-          a[3] || (a[3] = s("div", null, [
-            s("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)),
-          r(T, {
-            buttonText: "Diese Details verwenden",
-            iconStart: "true",
-            iconName: "copy",
-            onClick: z
-          })
+          f(j, {
+            "button-text": "Diese Details verwenden",
+            "icon-start": "true",
+            "icon-name": "copy",
+            disabled: z.value || Object.keys(r.value).length === 0,
+            onClick: C
+          }, null, 8, ["disabled"])
         ]),
-        s("div", D, [
-          (u(!0), d(P, null, S(Object.values(n.value), (t) => (u(), d("span", F, p(t), 1))), 256))
+        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"
+          }, c(l), 1))), 128)) : (d(), u("span", Y, "Keine Kontodaten verfügbar"))
         ])
       ]),
-      s("div", N, [
-        r(_, {
-          modelValue: o.value[0]["foaf:name"],
-          "onUpdate:modelValue": a[0] || (a[0] = (t) => f(t, "foaf:name", 1)),
-          addOnText: !1,
-          datePicker: !1,
-          infoIcon: !1,
+      o("div", Z, [
+        f(V, {
+          "model-value": i.value[0]["foaf:name"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.nameInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
-          showEndIcon: !1,
-          showError: l.value[1].show
-        }, null, 8, ["modelValue", "placeholder", "label", "showError"]),
-        l.value[1].show ? (u(), d("div", U, [
-          r(g(h), {
+          "show-end-icon": !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"]),
+        t.value[1].show ? (d(), u("div", ee, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", Z, p(l.value[1].message), 1)
-        ])) : m("", !0)
+          o("span", ae, c(t.value[1].message), 1)
+        ])) : h("", !0)
       ]),
-      s("div", H, [
-        r(_, {
-          modelValue: o.value[0]["foaf:mbox"],
-          "onUpdate:modelValue": a[1] || (a[1] = (t) => f(t, "foaf:mbox", 2)),
-          addOnText: !1,
-          datePicker: !1,
-          infoIcon: !1,
+      o("div", le, [
+        f(V, {
+          "model-value": i.value[0]["foaf:mbox"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.mailInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
-          showError: l.value[2].show,
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          "show-error": t.value[2].show,
           label: e.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
-          showEndIcon: !1
-        }, null, 8, ["modelValue", "placeholder", "showError", "label"]),
-        l.value[2].show ? (u(), d("div", L, [
-          r(g(h), {
+          "show-end-icon": !1,
+          "onUpdate:modelValue": a[1] || (a[1] = (l) => m(l, "foaf:mbox", 2))
+        }, null, 8, ["model-value", "placeholder", "show-error", "label"]),
+        t.value[2].show ? (d(), u("div", te, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", M, p(l.value[2].message), 1)
-        ])) : m("", !0)
+          o("span", se, c(t.value[2].message), 1)
+        ])) : h("", !0)
       ]),
-      s("div", j, [
-        r(_, {
-          modelValue: o.value[0]["foaf:homepage"],
-          "onUpdate:modelValue": a[2] || (a[2] = (t) => f(t, "foaf:homepage", 3)),
-          addOnText: !0,
-          datePicker: !1,
-          infoIcon: !1,
+      o("div", oe, [
+        f(V, {
+          "model-value": i.value[0]["foaf:homepage"],
+          "add-on-text": !0,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.websiteInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
-          addOnLeadingText: "https://",
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          "add-on-leading-text": "https://",
           label: e.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
-          showEndIcon: !1,
-          showError: l.value[3].show
-        }, null, 8, ["modelValue", "placeholder", "label", "showError"]),
-        l.value[3].show ? (u(), d("div", K, [
-          r(g(h), {
+          "show-end-icon": !1,
+          "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"]),
+        t.value[3].show ? (d(), u("div", ie, [
+          f(g(b), {
             size: 16,
             weight: "fill"
           }),
-          s("span", q, p(l.value[3].message), 1)
-        ])) : m("", !0)
+          o("span", ne, c(t.value[3].message), 1)
+        ])) : h("", !0)
       ]),
-      s("div", null, p(e.$t("message.dataupload.datasets.dct:publisher.descriptionBottom")), 1),
-      o.value.find((t) => t.isValid === !1) ? (u(), d("div", G, [
-        r(g(h), {
+      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] = s("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
-      ])) : m("", !0)
+        a[4] || (a[4] = o("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : h("", !0)
     ]));
   }
-}, le = /* @__PURE__ */ B(J, [["__scopeId", "data-v-6f99db11"]]);
+}, _e = /* @__PURE__ */ A(de, [["__scopeId", "data-v-37cc37b6"]]);
 export {
-  le as default
+  _e as default
 };