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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js

@@ -1,14 +1,12 @@
-import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as i, withCtx as s, createTextVNode as r, unref as o } from "vue";
+import { defineComponent as p, createElementBlock as m, openBlock as h, createElementVNode as e, createCommentVNode as f, renderSlot as g, toDisplayString as s, unref as t, createVNode as o, withCtx as a, createTextVNode as y } from "vue";
 import { FormKit as l } from "@formkit/vue";
-import { PhLightbulb as p } from "@phosphor-icons/vue";
-import y from "../../../../stories/components/PartnerCard.vue.js";
-import _ from "../../../components/StepActionsSection.vue.js";
-import m from "../Card.vue.js";
-import d from "../InputField/InputFieldDefinition.js";
-const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, k = { class: "funny-flex" }, S = { class: "funny-section" }, P = { class: "contact-container" }, z = { class: "contact-title" }, D = { class: "contact-wrapper" }, A = ["src"], N = { class: "contact-grid" }, w = { class: "contact-col" }, C = { class: "copy-large-regular" }, E = { class: "copy-large-regular" }, B = { class: "contact-col" }, O = { class: "copy-large-regular" }, V = ["href"], M = {
-  key: 0,
-  class: "funny-section"
-}, T = { class: "funny-section" }, W = { class: "funny-flex" }, j = { class: "funny-section" }, G = { class: "funny-section" }, I = { class: "funny-flex" }, J = /* @__PURE__ */ f({
+import { PhLightbulb as b } from "@phosphor-icons/vue";
+import _ from "../../../../stories/components/PartnerCard.vue.js";
+import v from "../../../components/StepActionsSection.vue.js";
+import { useTwinbyUser as k } from "../../../composables/useTwinbyUser.js";
+import S from "../Card.vue.js";
+import r from "../InputField/InputFieldDefinition.js";
+const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" }, w = { class: "funny-flex" }, A = { class: "funny-section" }, P = { class: "contact-container" }, E = { class: "contact-title" }, N = { class: "contact-wrapper" }, C = ["src"], B = { class: "contact-grid" }, T = { class: "contact-col" }, V = { class: "copy-large-regular" }, M = { class: "copy-large-regular" }, O = { class: "contact-col" }, j = { class: "copy-large-regular" }, G = ["href"], F = { class: "funny-section" }, I = { class: "funny-flex" }, x = { class: "funny-section" }, H = { class: "funny-section" }, K = { class: "funny-flex" }, Y = /* @__PURE__ */ p({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean },
@@ -19,94 +17,84 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
     phone: {},
     email: {}
   },
-  setup(q) {
-    return (t, n) => (u(), c("div", b, [
-      e("section", v, [
-        e("div", k, [
+  setup(L) {
+    const { organizationDetails: u } = k({
+      keycloak: "https://keycloak.twin.bydata.de",
+      realm: "piveau",
+      audience: "piveau-hub-repo"
+    });
+    return (i, n) => (h(), m("div", D, [
+      e("section", z, [
+        e("div", w, [
           n[0] || (n[0] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
           n[1] || (n[1] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
-          h(t.$slots, "organization", {}, () => [
-            e("section", S, [
-              e("div", P, [
-                e("p", z, " Stadt " + a(t.city), 1),
-                e("div", D, [
-                  e("img", {
-                    class: "contact-logo",
-                    src: t.icon,
-                    alt: "Stadt Haar Logo"
-                  }, null, 8, A),
+          g(i.$slots, "organization", {}, () => {
+            var d, c;
+            return [
+              e("section", A, [
+                e("div", P, [
+                  e("p", E, s(((c = (d = t(u).resultEnhanced) == null ? void 0 : d.value) == null ? void 0 : c.title) || "Stadt Haar"), 1),
                   e("div", N, [
-                    e("div", w, [
-                      e("span", C, a(t.address), 1),
-                      e("span", E, a(t.postalCode) + " " + a(t.city), 1)
-                    ]),
+                    e("img", {
+                      class: "contact-logo",
+                      src: i.icon,
+                      alt: "Stadt Haar Logo"
+                    }, null, 8, C),
                     e("div", B, [
-                      e("span", O, a(t.phone), 1),
-                      e("a", {
-                        class: "copy-large-regular",
-                        href: `mailto:${t.email}`
-                      }, a(t.email), 9, V)
+                      e("div", T, [
+                        e("span", V, s(i.address), 1),
+                        e("span", M, s(i.postalCode) + " " + s(i.city), 1)
+                      ]),
+                      e("div", O, [
+                        e("span", j, s(i.phone), 1),
+                        e("a", {
+                          class: "copy-large-regular",
+                          href: `mailto:${i.email}`
+                        }, s(i.email), 9, G)
+                      ])
                     ])
                   ])
                 ])
               ])
-            ])
-          ], !0)
+            ];
+          }, !0)
         ])
       ]),
-      t.isWip ? (u(), c("section", M, [
-        i(m, null, {
-          title: s(() => n[2] || (n[2] = [
-            r(" Work-in-Progress ", -1)
-          ])),
-          icon: s(() => [
-            i(o(p), {
-              size: 32,
-              color: "#009fe3"
-            })
-          ]),
-          default: s(() => [
-            n[3] || (n[3] = r(" Organisation card above is WIP ", -1))
-          ]),
-          _: 1,
-          __: [3]
-        })
-      ])) : g("", !0),
-      e("section", T, [
-        e("div", W, [
+      f("", !0),
+      e("section", F, [
+        e("div", I, [
           n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
           n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
-          i(y, null, {
-            default: s(() => [
-              i(o(l), {
+          o(_, null, {
+            default: a(() => [
+              o(t(l), {
                 type: "group",
                 name: "contact"
               }, {
-                default: s(() => [
-                  i(o(l), {
-                    type: o(d),
+                default: a(() => [
+                  o(t(l), {
+                    type: t(r),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
                     "validation-label": "Name",
-                    validation: "required",
                     "validation-visibility": "submit"
                   }, null, 8, ["type"]),
-                  i(o(l), {
-                    type: o(d),
+                  o(t(l), {
+                    type: t(r),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
-                    validation: "required|email",
+                    validation: "email",
                     "validation-visibility": "submit",
                     "validation-label": "E-Mail-Adresse"
                   }, null, 8, ["type"]),
-                  i(o(l), {
-                    type: o(d),
+                  o(t(l), {
+                    type: t(r),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
-                    validation: "number|required",
+                    validation: "number",
                     "validation-label": "Telefonnummer",
                     "validation-visibility": "submit"
                   }, null, 8, ["type"])
@@ -118,22 +106,22 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
           })
         ])
       ]),
-      e("section", j, [
-        i(_)
+      e("section", x, [
+        o(v)
       ]),
-      e("section", G, [
-        e("div", I, [
-          i(m, { variant: "default" }, {
-            icon: s(() => [
-              i(o(p), {
+      e("section", H, [
+        e("div", K, [
+          o(S, { variant: "default" }, {
+            icon: a(() => [
+              o(t(b), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: s(() => n[6] || (n[6] = [
-              r(" Wichtig! ", -1)
+            title: a(() => n[6] || (n[6] = [
+              y(" Wichtig! ", -1)
             ])),
-            default: s(() => [
+            default: a(() => [
               n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
                 e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
                 e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
@@ -149,5 +137,5 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
   }
 });
 export {
-  J as default
+  Y as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField.vue.js

@@ -1,4 +1,4 @@
-import { ref as c, watch as N, createElementBlock as u, openBlock as i, createCommentVNode as o, createElementVNode as d, createBlock as v, toDisplayString as h, unref as n, normalizeStyle as S, normalizeClass as p, withDirectives as M, vModelDynamic as F, createVNode as W, withKeys as w, withModifiers as k, isRef as r } from "vue";
+import { ref as f, watch as N, createElementBlock as u, openBlock as i, createCommentVNode as o, createElementVNode as d, createBlock as v, toDisplayString as h, unref as n, normalizeStyle as S, normalizeClass as p, withDirectives as M, vModelDynamic as F, createVNode as W, withKeys as w, withModifiers as k, isRef as r } from "vue";
 import { PhInfo as q, PhMagnifyingGlass as X, PhQuestion as O, PhWarningCircle as H, PhCaretDown as Y, PhCaretUp as Z, PhCalendar as _, PhClock as ee } from "@phosphor-icons/vue";
 import G from "./TextButtonSmall.vue.js";
 /* empty css                                */
@@ -14,10 +14,10 @@ const le = { class: "dpiV3_input-field" }, ne = {
 }, de = { class: "dpiV3_Tooltip_Wrapper" }, se = {
   key: 1,
   class: "dpiV3_toolTip copy-mini-regular"
-}, ue = { class: "dpiV3_Content" }, re = ["type", "disabled", "placeholder"], ve = ["type", "disabled", "placeholder"], ce = {
+}, ue = { class: "dpiV3_Content" }, re = ["type", "disabled", "placeholder"], ve = ["type", "disabled", "placeholder"], fe = {
   key: 0,
   class: "dpiV3_inputButton"
-}, fe = {
+}, ce = {
   key: 1,
   class: "dpiV3_inputButton"
 }, pe = {
@@ -131,13 +131,13 @@ const le = { class: "dpiV3_input-field" }, ne = {
   },
   emits: ["update:modelValue", "deleteButtonClicked"],
   setup(e, { emit: Q }) {
-    const f = e, L = Q;
-    let K = c("var(--neutral-60)"), x = c(!1), l = c(!1), g = c(!1);
-    const V = c(null);
-    let T = c(!1), s = c("inset 0 0 0 1px var(--neutral-30, #687178)"), m = c(!1), C = c(!1), b = c();
-    const $ = c(!1), y = c(f.modelValue);
+    const c = e, L = Q;
+    let K = f("var(--neutral-60)"), x = f(!1), l = f(!1), g = f(!1);
+    const V = f(null);
+    let T = f(!1), s = f("inset 0 0 0 1px var(--neutral-30, #687178)"), m = f(!1), C = f(!1), b = f();
+    const $ = f(!1), y = f(c.modelValue);
     N(
-      () => f.modelValue,
+      () => c.modelValue,
       (D) => {
         y.value = D;
       }
@@ -154,7 +154,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       L("deleteButtonClicked");
     }
     function E() {
-      T.value = !1, m.value = !0, x.value = !0, s.value = "0 0 0 2px var(--Focused)", f.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
+      T.value = !1, m.value = !0, x.value = !0, s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
     }
     function B() {
       m.value = !1, x.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
@@ -163,16 +163,16 @@ const le = { class: "dpiV3_input-field" }, ne = {
       T.value = !0, x.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
     }
     function P() {
-      C.value = !0, s.value = "inset 0 0 0 1px var(--neutral-60, #687178)", f.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused)", f.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
+      C.value = !0, s.value = "inset 0 0 0 1px var(--neutral-60, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function z() {
-      C.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)", f.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused, #687178)", f.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
+      C.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused, #687178)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function R() {
-      x.value && (s.value = "0 0 0 2px var(--Focused)", f.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
+      x.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function I() {
-      s.value = "0 0 0 2px var(--Focused)", f.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none");
+      s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none");
     }
     return (D, t) => (i(), u("div", le, [
       e.addOnText ? o("", !0) : (i(), u("div", ne, [
@@ -282,7 +282,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               size: 24
             })) : o("", !0)
           ]),
-          f.datePicker ? (i(), u("div", ce, [
+          c.datePicker ? (i(), u("div", fe, [
             W(n(_), {
               class: "dpiV3_calendarIcon",
               size: 24,
@@ -305,7 +305,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               ]
             }, null, 34)
           ])) : o("", !0),
-          f.timePicker ? (i(), u("div", fe, [
+          c.timePicker ? (i(), u("div", ce, [
             W(n(ee), {
               class: "dpiV3_calendarIcon",
               size: 24,
@@ -481,7 +481,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : o("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-dd502b3c"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-2de88bf7"]]);
 export {
   Oe as default
 };