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

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

@@ -1,33 +1,33 @@
-import { computed as B, getCurrentInstance as R, ref as b, unref as f, onMounted as W, watch as A, createElementBlock as d, openBlock as c, createElementVNode as s, createCommentVNode as h, toDisplayString as r, createVNode as u, Fragment as E, renderList as T } from "vue";
-import { PhWarning as v } from "@phosphor-icons/vue";
-import { useEditModeInfo as F } from "../composables/useDpiEditMode.js";
-import w from "../HappyFlowComponents/ui/InputField.vue.js";
+import { ref as f, computed as B, getCurrentInstance as F, unref as m, onMounted as M, watch as I, 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 O } from "../composables/useDpiEditMode.js";
+import P from "../HappyFlowComponents/ui/InputField.vue.js";
 import z from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import { useFormValues as M } from "../composables/useDpiFormValues.js";
+import { useFormValues as U } from "../composables/useDpiFormValues.js";
 /* empty css                 */
-import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular" }, L = { class: "dpiV3AutoCompleteWrap" }, Z = { class: "CardTips_internal" }, q = { class: "CardTips_Part" }, G = { class: "firstRow" }, H = { class: "icon_title copy-small-semi-bold" }, J = { class: "TextButton_small" }, K = { class: "secondRow" }, Q = { class: "copy-small-regular" }, X = { class: "CardTips_Part" }, Y = { class: "firstRow" }, ee = { class: "icon_title copy-small-semi-bold" }, ae = { class: "TextButton_small" }, te = { class: "secondRow" }, se = { class: "copy-small-regular" }, oe = { class: "input-container" }, le = {
+import j from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "dpiV3InnerComponentWrap" }, Z = { class: "copy-large-regular" }, q = { class: "dpiV3AutoCompleteWrap" }, G = { class: "CardTips_internal" }, H = { class: "CardTips_Part" }, J = { class: "firstRow" }, K = { class: "icon_title copy-small-semi-bold" }, Q = { class: "TextButton_small" }, X = { class: "secondRow" }, Y = { class: "copy-small-regular" }, ee = { class: "CardTips_Part" }, ae = { class: "firstRow" }, te = { class: "icon_title copy-small-semi-bold" }, se = { class: "TextButton_small" }, le = { class: "secondRow" }, oe = { class: "copy-small-regular" }, ie = { class: "input-container" }, ne = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, ne = { class: "copy-mini-regular" }, ie = { class: "input-container" }, re = {
+}, re = { class: "copy-mini-regular" }, ce = { class: "input-container" }, de = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, de = { class: "copy-mini-regular" }, ce = { class: "input-container" }, ue = {
+}, ue = { class: "copy-mini-regular" }, pe = { class: "input-container" }, fe = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, pe = { class: "copy-mini-regular" }, fe = { class: "copy-large-regular" }, me = {
+}, me = { class: "copy-mini-regular" }, ve = { class: "copy-large-regular" }, he = {
   key: 0,
   class: "form-error-message"
-}, y = "", he = {
+}, T = "", ge = {
   __name: "ContactPage",
   props: {
     context: Object
   },
-  setup(D) {
-    const { formValues: P } = M(), m = D, { isEditMode: x } = F(), g = B(() => {
+  setup(N) {
+    const { formValues: S } = U(), v = N, { isEditMode: R } = O(), _ = f(null), b = f(null), w = B(() => {
       var e, t;
       try {
-        const a = (t = (e = P.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        const a = (t = (e = S.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,9 +41,9 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
         "",
         ""
       ];
-    }), V = B(() => {
+    }), k = B(() => {
       var t, a;
-      const e = (a = (t = R().appContext.config.globalProperties.$keycloak) == null ? void 0 : t.idTokenParsed) == null ? void 0 : a.contact;
+      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
@@ -51,7 +51,7 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
         return e.email && (i.email = e.email), (e.phone || e.phoneNumber) && (i.phone = e.phone || e.phoneNumber), i;
       }
       return {};
-    }), o = b({
+    }), l = f({
       1: {
         show: !1,
         message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
@@ -65,8 +65,8 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
         message: "Bitte geben Sie eine gültige Telefonnummer ein."
       }
     });
-    let n = b({ 1: !1, 2: !1, 3: !1 });
-    const l = b([
+    let n = f({ 1: !1, 2: !1, 3: !1 });
+    const o = f([
       {
         isValid: "unset",
         "vcard:fn": "",
@@ -74,14 +74,14 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
         "vcard:hasTelephone": ""
       }
     ]);
-    x.value || m.context.node.input(l), m.context.node.value.length === 0 && m.context.node.input(f(l)), W(() => {
+    R.value || v.context.node.input(o), v.context.node.value.length === 0 && v.context.node.input(m(o)), M(() => {
       try {
-        y && y["foaf:name"] && y["foaf:mbox"];
+        T && T["foaf:name"] && T["foaf:mbox"];
       } catch (e) {
         console.warn("Could not load publisher data from context:", e);
       }
     });
-    function k(e) {
+    function V(e) {
       return e.trim().length >= 2;
     }
     function C(e) {
@@ -96,17 +96,16 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
       const a = t.replace(/\D/g, "");
       return a.length >= 6 && a.length <= 15;
     }
-    function p(e, t, a) {
-      l.value = l.value.map((_) => t in _ ? { ..._, [t]: e } : _);
+    function y(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 = k(e);
+            i = V(e);
             break;
           case "vcard:hasEmail":
             i = C(e);
@@ -117,50 +116,57 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { 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", console.log(P.value), m.context.node.input(l.value);
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = "unset";
+    }
+    function p(e, t, a) {
+      o.value = o.value.map((i) => t in i ? { ...i, [t]: e } : i), v.context.node.input(o.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 I() {
-      const e = V.value;
+    function W() {
+      const e = k.value;
       e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "vcard:hasEmail", 2);
     }
-    function N() {
-      p(g.value[0], "vcard:fn", 1), p(g.value[1], "vcard:hasEmail", 2);
+    function x() {
+      p(w.value[0], "vcard:fn", 1), p(w.value[1], "vcard:hasEmail", 2);
     }
-    const S = () => {
-      const e = l.value[0];
+    const A = () => {
+      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 = k(e["vcard:fn"]);
-        o.value[1].show = !t, n.value[1] = t;
+        const t = V(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;
+        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;
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = !1;
     };
-    return A(() => l.value[0].isValid, (e) => {
-      e === !1 && S();
-    }), (e, t) => (c(), d("div", U, [
+    return I(() => o.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", j, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
-      s("div", L, [
-        s("div", Z, [
-          s("div", q, [
-            s("div", G, [
-              s("div", H, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
-              s("div", J, [
+      s("div", Z, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+      s("div", q, [
+        s("div", G, [
+          s("div", H, [
+            s("div", J, [
+              s("div", K, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              s("div", Q, [
                 u(z, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
@@ -168,18 +174,18 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
                   "icon-start": "DeleteBlue",
                   "icon-name": "copy",
                   class: "dpiV3_usedetailsButton",
-                  onClick: I
+                  onClick: W
                 }, null, 8, ["button-text"])
               ])
             ]),
-            s("div", K, [
-              (c(!0), d(E, null, T(Object.values(V.value), (a) => (c(), d("span", Q, r(a), 1))), 256))
+            s("div", X, [
+              (d(!0), c(E, null, D(Object.values(k.value), (a) => (d(), c("span", Y, r(a), 1))), 256))
             ])
           ]),
-          s("div", X, [
-            s("div", Y, [
-              s("div", ee, r(e.$t("message.metadata.publisher")), 1),
-              s("div", ae, [
+          s("div", ee, [
+            s("div", ae, [
+              s("div", te, r(e.$t("message.metadata.publisher")), 1),
+              s("div", se, [
                 u(z, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
@@ -187,19 +193,19 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
                   "icon-start": "true",
                   "icon-name": "copy",
                   class: "",
-                  onClick: N
+                  onClick: x
                 }, null, 8, ["button-text"])
               ])
             ]),
-            s("div", te, [
-              (c(!0), d(E, null, T(g.value, (a) => (c(), d("span", se, r(a), 1))), 256))
+            s("div", le, [
+              (d(!0), c(E, null, D(w.value, (a) => (d(), c("span", oe, r(a), 1))), 256))
             ])
           ])
         ])
       ]),
-      s("div", oe, [
-        u(w, {
-          "model-value": l.value[0]["vcard:fn"],
+      s("div", ie, [
+        u(P, {
+          "model-value": o.value[0]["vcard:fn"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -211,20 +217,20 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { 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,
+          "show-error": l.value[1].show,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[1].show ? (c(), d("div", le, [
-          u(f(v), {
+        l.value[1].show ? (d(), c("div", ne, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          s("span", ne, r(o.value[1].message), 1)
+          s("span", re, r(l.value[1].message), 1)
         ])) : h("", !0)
       ]),
-      s("div", ie, [
-        u(w, {
-          "model-value": l.value[0]["vcard:hasEmail"],
+      s("div", ce, [
+        u(P, {
+          "model-value": o.value[0]["vcard:hasEmail"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -236,20 +242,20 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { 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,
+          "show-error": l.value[2].show,
           "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[2].show ? (c(), d("div", re, [
-          u(f(v), {
+        l.value[2].show ? (d(), c("div", de, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          s("span", de, r(o.value[2].message), 1)
+          s("span", ue, r(l.value[2].message), 1)
         ])) : h("", !0)
       ]),
-      s("div", ce, [
-        u(w, {
-          "model-value": l.value[0]["vcard:hasTelephone"],
+      s("div", pe, [
+        u(P, {
+          "model-value": o.value[0]["vcard:hasTelephone"],
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -261,20 +267,20 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { 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,
+          "show-error": l.value[3].show,
           "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[3].show ? (c(), d("div", ue, [
-          u(f(v), {
+        l.value[3].show ? (d(), c("div", fe, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          s("span", pe, r(o.value[3].message), 1)
+          s("span", me, r(l.value[3].message), 1)
         ])) : h("", !0)
       ]),
-      s("div", fe, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
-      l.value.find((a) => a.isValid === !1) ? (c(), d("div", me, [
-        u(f(v), {
+      s("div", ve, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      o.value.find((a) => a.isValid === !1) ? (d(), c("div", he, [
+        u(m(g), {
           size: 16,
           weight: "fill"
         }),
@@ -282,7 +288,7 @@ const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular
       ])) : h("", !0)
     ]));
   }
-}, ke = /* @__PURE__ */ O(he, [["__scopeId", "data-v-05450d9e"]]);
+}, Ce = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-d3761ff9"]]);
 export {
-  ke as default
+  Ce as default
 };