@code0-tech/pictor 0.0.0-mvp.21 → 0.0.0-mvp.23

package/dist/components/d-flow/suggestion/DFlowSuggestionSearchInput.js

@@ -1,22 +1,35 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Input as p, setElementKey as l } from "../../form/Input.js";
-import r from "react";
-import { Button as m } from "../../button/Button.js";
-import { IconX as u } from "@tabler/icons-react";
-import '../../../assets/components/d-flow/suggestion/DFlowSuggestionSearchInput.style.css';/* empty css                                      */
-const C = r.forwardRef((n, t) => {
-  t = t || r.useRef(null);
+import "../../../_virtual/compiler-runtime.js";
+import i from "react";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import { IconX as a } from "@tabler/icons-react";
+import '../../../assets/components/d-flow/suggestion/DFlowSuggestionSearchInput.style.css';import '../../../assets/components/form/Input.style.css';/* empty css                          */
+import "../../form/EmailInput.js";
+import { Input as c } from "../../form/Input.js";
+import "../../form/InputSuggestion.js";
+import "../../form/NumberInput.js";
+import "../../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../../form/SwitchInput.js";
+import "../../form/TextInput.js";
+import { Button as l } from "../../button/Button.js";
+/* empty css                                      */
+import { setElementKey as u } from "../../form/Input.utils.js";
+const E = i.forwardRef((e, t) => {
+  t = t || i.useRef(null);
   const {
-    clearable: i = !1,
-    right: s,
-    ...a
-  } = n, c = () => {
-    t.current && l(t.current, "value", "", "change");
-  }, e = [s];
-  return i && e.push(/* @__PURE__ */ o(m, { variant: "none", onClick: c, children: /* @__PURE__ */ o(u, { size: 13 }) })), /* @__PURE__ */ o(p, { wrapperComponent: {
+    clearable: m = !1,
+    right: p,
+    ...n
+  } = e, s = () => {
+    t.current && u(t.current, "value", "", "change");
+  }, r = [p];
+  return m && r.push(/* @__PURE__ */ o(l, { variant: "none", onClick: s, children: /* @__PURE__ */ o(a, { size: 13 }) })), /* @__PURE__ */ o(c, { wrapperComponent: {
     className: "d-flow-suggestion-search-input"
-  }, right: e, type: "text", ref: t, ...a });
+  }, right: r, type: "text", ref: t, ...n });
 });
 export {
-  C as DFlowSuggestionSearchInput
+  E as DFlowSuggestionSearchInput
 };

package/dist/components/d-flow/tab/DFlowTabDefault.js

@@ -1,38 +1,38 @@
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import m from "react";
-import { NodeFunctionView as w } from "../DFlow.view.js";
-import { TextInput as R } from "../../form/TextInput.js";
-import { Flex as b } from "../../flex/Flex.js";
-import { useService as p } from "../../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as L } from "../function/DFlowFunction.service.js";
-import { useSuggestions as j } from "../suggestion/DFlowSuggestion.hook.js";
-import { DFlowSuggestionMenuFooter as x } from "../suggestion/DFlowSuggestionMenuFooter.js";
-import { toInputSuggestions as B } from "../suggestion/DFlowSuggestionMenu.util.js";
-import { DFlowReactiveService as T } from "../DFlow.service.js";
-import { Badge as g } from "../../badge/Badge.js";
-const Q = (v) => {
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import y from "react";
+import { NodeFunctionView as R } from "../DFlow.view.js";
+import { TextInput as j } from "../../form/TextInput.js";
+import { Flex as B } from "../../flex/Flex.js";
+import { useService as S } from "../../../utils/contextStore.js";
+import { DFlowFunctionReactiveService as T } from "../function/DFlowFunction.service.js";
+import { useSuggestions as M } from "../suggestion/DFlowSuggestion.hook.js";
+import { DFlowSuggestionMenuFooter as E } from "../suggestion/DFlowSuggestionMenuFooter.js";
+import { toInputSuggestions as k } from "../suggestion/DFlowSuggestionMenu.util.js";
+import { DFlowReactiveService as C } from "../DFlow.service.js";
+import { Badge as h } from "../../badge/Badge.js";
+const Z = (V) => {
   const {
-    functionInstance: s,
-    flowId: y,
-    depthLevel: S,
-    scopeLevel: V,
-    nodeLevel: N
-  } = v, a = p(L), D = p(T), u = a.getById(s.functionDefinition?.id), c = m.useMemo(() => {
+    functionInstance: l,
+    flowId: D,
+    depthLevel: F,
+    scopeLevel: N,
+    nodeLevel: I
+  } = V, c = S(T), b = S(C), d = c.getById(l.functionDefinition?.id), f = y.useMemo(() => {
     const e = {};
-    return u?.parameterDefinitions?.forEach((o) => {
+    return d?.parameterDefinitions?.forEach((o) => {
       e[o.id] = o;
     }), e;
-  }, [u?.parameterDefinitions]), l = m.useMemo(() => [...s.parameters || []].sort((e, o) => e.id.localeCompare(o.id)), [s.parameters]), f = {};
-  return l.forEach((e) => {
-    const o = c[e.id];
-    f[e.id] = j(o?.dataTypeIdentifier, [], y, S, V, N);
-  }), /* @__PURE__ */ r(b, { style: {
+  }, [d?.parameterDefinitions]), m = y.useMemo(() => [...l.parameters || []].sort((e, o) => e.id.localeCompare(o.id)), [l.parameters]), g = {};
+  return m.forEach((e) => {
+    const o = f[e.id];
+    g[e.id] = M(o?.dataTypeIdentifier, [], D, F, N, I);
+  }), /* @__PURE__ */ r(B, { style: {
     gap: ".7rem",
     flexDirection: "column"
-  }, children: l.map((e) => {
+  }, children: m.map((e) => {
     const o = (t) => {
-      e.value = t, D.update();
-    }, d = (t) => {
+      e.value = t, b.update();
+    }, p = (t) => {
       try {
         const n = JSON.parse(t.target.value);
         if (!n.__typename) {
@@ -49,49 +49,55 @@ const Q = (v) => {
           value: t.target.value
         });
       }
-    }, i = c[e.id], O = f[e.id], h = i?.names ? i?.names?.nodes[0]?.content : i?.id, F = i?.descriptions ? i?.descriptions?.nodes[0]?.content : JSON.stringify(i?.dataTypeIdentifier), J = e.value instanceof w ? JSON.stringify({
+    }, s = f[e.id], w = g[e.id], L = s?.names ? s?.names?.nodes[0]?.content : s?.id, O = s?.descriptions ? s?.descriptions?.nodes[0]?.content : JSON.stringify(s?.dataTypeIdentifier), x = e.value instanceof R ? JSON.stringify({
       ...e.value.json(),
       __typename: "NodeFunction"
     }) : e.value?.__typename === "ReferenceValue" ? JSON.stringify(e.value) : e.value?.__typename === "LiteralValue" ? typeof e.value?.value == "object" ? JSON.stringify(e.value?.value) : e.value.value : "";
-    return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(R, { title: h, description: F, clearable: !0, transformValue: (t) => {
+    return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(j, { title: L, description: O, clearable: !0, transformSyntax: (t) => {
+      const n = t ?? "", u = typeof n == "string" ? n : String(n), J = (i) => [{
+        type: "text",
+        start: 0,
+        end: i.length,
+        visualLength: i.length,
+        content: i
+      }], v = (i) => [{
+        type: "block",
+        start: 0,
+        end: u.length,
+        visualLength: 1,
+        content: i
+      }];
       try {
-        if (!t) return t;
-        if (JSON.parse(t).__typename === "NodeFunction") {
-          const n = a.getById(JSON.parse(t).functionDefinition?.id);
-          return /* @__PURE__ */ r(g, { color: "info", children: n?.names?.nodes[0]?.content });
+        const i = JSON.parse(u);
+        if (i?.__typename === "NodeFunction") {
+          const a = c.getById(i.functionDefinition?.id);
+          return v(/* @__PURE__ */ r(h, { color: "info", children: a?.names?.nodes[0]?.content }));
         }
-        if (JSON.parse(t).__typename === "ReferenceValue") {
-          const n = JSON.parse(t);
-          return /* @__PURE__ */ I(g, { color: "warning", children: [
-            n.depth,
+        if (i?.__typename === "ReferenceValue") {
+          const a = i;
+          return v(/* @__PURE__ */ _(h, { color: "warning", children: [
+            a.depth,
             "-",
-            n.scope,
+            a.scope,
             "-",
-            n.node,
+            a.node,
             "-",
-            JSON.stringify(n.dataTypeIdentifier)
-          ] });
+            JSON.stringify(a.dataTypeIdentifier)
+          ] }));
         }
       } catch {
       }
-      return t;
-    }, disableOnValue: (t) => {
-      if (!t) return !1;
-      try {
-        return t.__typename === "NodeFunction" || t.__typename === "ReferenceValue";
-      } catch {
-      }
-      return !1;
-    }, defaultValue: J, onSuggestionSelect: (t) => {
+      return J(u);
+    }, defaultValue: x, onSuggestionSelect: (t) => {
       o(t.value);
     }, formValidation: {
       setValue: () => {
       },
       valid: e.validationResults.length <= 0,
       notValidMessage: e.validationResults.map((t) => t.message.nodes[0]?.content).join(", ")
-    }, onBlur: d, onClear: d, suggestionsFooter: /* @__PURE__ */ r(x, {}), suggestions: B(O) }, JSON.stringify(e.value)) });
+    }, onBlur: p, onClear: p, suggestionsFooter: /* @__PURE__ */ r(E, {}), suggestions: k(w) }, JSON.stringify(e.value)) });
   }) });
 };
 export {
-  Q as DFlowTabDefault
+  Z as DFlowTabDefault
 };

package/dist/components/d-member/DNamespaceMember.service.js

@@ -3,11 +3,13 @@ import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class m extends t {
-  getById(r, i) {
-    return this.values(i).find((e) => e.id === r);
+  getById(e, i) {
+    return this.values(i).find((r) => r.id === e);
   }
-  getByNamespaceIdAndUserId(r, i) {
-    return this.values().find((e) => e.namespace?.id === r && e.user?.id === i);
+  getByNamespaceIdAndUserId(e, i) {
+    return this.values({
+      namespaceId: e
+    }).find((r) => r.namespace?.id === e && r.user?.id === i);
   }
 }
 export {

package/dist/components/d-member/DNamespaceMember.view.js

@@ -1,23 +1,23 @@
-function r(t, e, i) {
-  return (e = u(e)) in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t;
+function i(t, e, r) {
+  return (e = u(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
 function u(t) {
-  var e = o(t, "string");
+  var e = n(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function o(t, e) {
+function n(t, e) {
   if (typeof t != "object" || !t) return t;
-  var i = t[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var s = i.call(t, e);
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (e === "string" ? String : Number)(t);
 }
-class n {
+class o {
   constructor(e) {
-    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_memberRoles", void 0), r(this, "_namespace", void 0), r(this, "_roles", void 0), r(this, "_updatedAt", void 0), r(this, "_user", void 0), r(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user, this._userAbilities = e.userAbilities;
+    i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_memberRoles", void 0), i(this, "_namespace", void 0), i(this, "_roles", void 0), i(this, "_updatedAt", void 0), i(this, "_user", void 0), i(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user, this._userAbilities = e.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -45,16 +45,18 @@ class n {
   }
   json() {
     return {
+      __typename: "NamespaceMember",
       createdAt: this._createdAt,
       id: this._id,
       memberRoles: this._memberRoles,
       namespace: this._namespace,
       roles: this._roles,
       updatedAt: this._updatedAt,
-      user: this._user
+      user: this._user,
+      userAbilities: this._userAbilities
     };
   }
 }
 export {
-  n as DNamespaceMemberView
+  o as DNamespaceMemberView
 };

package/dist/components/d-member/DNamespaceMemberCard.d.ts

@@ -0,0 +1,10 @@
+import { NamespaceMember } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+import { DNamespaceRoleView } from '../d-role';
+export interface DNamespaceMemberCardProps {
+    memberId: NamespaceMember["id"];
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberCard: React.FC<DNamespaceMemberCardProps>;

package/dist/components/d-member/DNamespaceMemberCard.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { Card as i } from "../card/Card.js";
+import { DNamespaceMemberContent as p } from "./DNamespaceMemberContent.js";
+const b = (s) => {
+  const e = c.c(4), {
+    memberId: r,
+    onRemove: m,
+    onAssignRole: t
+  } = s;
+  let o;
+  return e[0] !== r || e[1] !== t || e[2] !== m ? (o = /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(p, { onRemove: m, onAssignRole: t, memberId: r }) }), e[0] = r, e[1] = t, e[2] = m, e[3] = o) : o = e[3], o;
+};
+export {
+  b as DNamespaceMemberCard
+};

package/dist/components/d-member/DNamespaceMemberContent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { NamespaceMember } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceRoleView } from '../d-role';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+export interface DNamespaceMemberContentProps {
+    memberId: NamespaceMember['id'];
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberContent: React.FC<DNamespaceMemberContentProps>;

package/dist/components/d-member/DNamespaceMemberContent.js

@@ -0,0 +1,176 @@
+import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
+import c from "react";
+import { Flex as n } from "../flex/Flex.js";
+import { useService as g, useStore as y } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceMemberReactiveService as D } from "./DNamespaceMember.service.js";
+import { DUserReactiveService as x } from "../d-user/DUser.service.js";
+import { Menu as z, MenuTrigger as I, MenuPortal as T, MenuContent as w, MenuLabel as O, MenuItem as f, MenuSeparator as Q } from "../menu/Menu.js";
+import { Avatar as W } from "../avatar/Avatar.js";
+import { Text as o } from "../text/Text.js";
+import "../../_virtual/compiler-runtime.js";
+import { Card as X } from "../card/Card.js";
+import { Badge as m } from "../badge/Badge.js";
+import { IconTrash as Z, IconMailCheck as $, IconDots as _, IconUserOff as ee, IconUserCog as re } from "@tabler/icons-react";
+import { Button as l } from "../button/Button.js";
+import j from "../card/CardSection.js";
+import "@radix-ui/react-checkbox";
+import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+/* empty css                            */
+import { DNamespaceRoleReactiveService as B } from "../d-role/DNamespaceRole.service.js";
+import { DNamespaceRolePermissions as b } from "../d-role/DNamespaceRolePermissions.js";
+import { Tooltip as ie, TooltipTrigger as ne, TooltipPortal as oe, TooltipContent as te, TooltipArrow as le } from "../tooltip/Tooltip.js";
+import { Dialog as k, DialogPortal as N, DialogContent as P, DialogClose as d } from "../dialog/Dialog.js";
+const Le = (F) => {
+  const {
+    memberId: v,
+    onAssignRole: U = () => {
+    },
+    onRemove: L = () => {
+    }
+  } = F, Y = g(D), E = y(D), V = g(x), q = y(x), C = g(B), G = y(B), t = c.useMemo(() => Y.getById(v), [E, v]), s = c.useMemo(() => V.getById(t?.user?.id), [q, t]), h = c.useMemo(() => t?.roles?.nodes?.map((i) => C.getById(i?.id, {
+    namespaceId: t?.namespace?.id
+  })) || [], [G, t]), [p, S] = c.useState(h), [H, A] = c.useState(!1), [J, R] = c.useState(!1), M = C.values({
+    namespaceId: t?.namespace?.id
+  }).filter((i) => !p.find((a) => a?.id === i.id));
+  return /* @__PURE__ */ r(n, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ e(k, { open: H, onOpenChange: (i) => A(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { showCloseButton: !0, title: "Remove member", children: [
+      /* @__PURE__ */ r(o, { size: "md", hierarchy: "secondary", children: [
+        "Are you sure you want to remove ",
+        " ",
+        /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ r(o, { size: "md", style: {
+          color: "inherit"
+        }, children: [
+          "@",
+          s?.username
+        ] }) }),
+        " ",
+        " ",
+        "from the namespace members?"
+      ] }),
+      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "error", onClick: () => L(t), children: "Yes, remove!" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(k, { open: J, onOpenChange: (i) => R(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { autoFocus: !0, showCloseButton: !0, title: "Assign roles", children: [
+      /* @__PURE__ */ e(o, { size: "md", hierarchy: "tertiary", children: "Assign, remove and manage the roles of a active member" }),
+      /* @__PURE__ */ r(X, { paddingSize: "xs", color: "secondary", children: [
+        p.map((i) => /* @__PURE__ */ e(j, { border: !0, children: /* @__PURE__ */ r(n, { style: {
+          gap: "0.7rem"
+        }, align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ r(n, { align: "center", style: {
+            gap: "1.3rem"
+          }, children: [
+            /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
+            /* @__PURE__ */ e(b, { abilities: i?.abilities })
+          ] }),
+          /* @__PURE__ */ e(l, { color: "error", paddingSize: "xxs", onClick: () => {
+            S((a) => a.filter((u) => u?.id != i?.id));
+          }, children: /* @__PURE__ */ e(Z, { size: 16 }) })
+        ] }) }, i?.id)),
+        /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(j, { hover: !0, p: 0.35, border: !0, display: "flex", justify: "center", children: /* @__PURE__ */ e(l, { paddingSize: "xxs", variant: "none", children: "Assign roles" }) }) }),
+          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { side: "bottom", sideOffset: 8, align: "center", children: [
+            /* @__PURE__ */ e(O, { children: "Roles to add" }),
+            M.map((i, a) => /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(f, { onSelect: () => {
+                S((u) => [...u, i]);
+              }, children: /* @__PURE__ */ r(n, { align: "center", style: {
+                gap: "1.3rem"
+              }, children: [
+                /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
+                /* @__PURE__ */ e(b, { abilities: i?.abilities })
+              ] }) }),
+              a < M.length - 1 && /* @__PURE__ */ e(Q, {})
+            ] }))
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { onClick: () => U(t, p), color: "success", children: "Yes, save!" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ r(n, { style: {
+      gap: "1.3rem"
+    }, align: "center", children: [
+      /* @__PURE__ */ r(n, { align: "center", style: {
+        gap: ".7rem"
+      }, children: [
+        /* @__PURE__ */ e(W, { identifier: s?.username, bg: "transparent" }),
+        /* @__PURE__ */ r(n, { style: {
+          flexDirection: "column",
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(o, { size: "md", hierarchy: "primary", children: [
+            "@",
+            s?.username
+          ] }),
+          /* @__PURE__ */ e(o, { size: "sm", hierarchy: "tertiary", children: s?.email })
+        ] })
+      ] }),
+      h.length > 0 ? /* @__PURE__ */ r(n, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: [
+        /* @__PURE__ */ e(o, { size: "xs", hierarchy: "tertiary", children: "Assigned roles" }),
+        /* @__PURE__ */ e(n, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: h.map((i) => /* @__PURE__ */ r(ie, { children: [
+          /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ e(o, { style: {
+            color: "inherit"
+          }, hierarchy: "tertiary", children: i?.name }) }) }),
+          /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(te, { side: "bottom", children: [
+            /* @__PURE__ */ e(b, { abilities: i?.abilities }),
+            /* @__PURE__ */ e(le, {})
+          ] }) })
+        ] })) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ r(n, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ e(n, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: /* @__PURE__ */ r(n, { style: {
+        gap: "0.35rem"
+      }, align: "center", children: [
+        s?.admin ? /* @__PURE__ */ e(m, { border: !0, color: "primary", children: /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Owner" }) }) : null,
+        s?.emailVerifiedAt ? /* @__PURE__ */ r(m, { border: !0, color: "primary", children: [
+          /* @__PURE__ */ e($, { size: 16 }),
+          /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Email verified" })
+        ] }) : null
+      ] }) }),
+      t?.userAbilities?.deleteMember || t?.userAbilities?.assignMemberRoles ? /* @__PURE__ */ r(z, { children: [
+        /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: /* @__PURE__ */ e(_, { size: 16 }) }) }),
+        /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { align: "end", side: "bottom", sideOffset: 8, children: [
+          /* @__PURE__ */ e(O, { children: "Actions" }),
+          t?.userAbilities?.deleteMember && /* @__PURE__ */ r(f, { onSelect: () => A(!0), children: [
+            /* @__PURE__ */ e(ee, { size: 16 }),
+            /* @__PURE__ */ e(o, { children: "Remove member" })
+          ] }),
+          t?.userAbilities?.assignMemberRoles && /* @__PURE__ */ r(f, { onSelect: () => R(!0), children: [
+            /* @__PURE__ */ e(re, { size: 16 }),
+            /* @__PURE__ */ e(o, { children: "Assign role" })
+          ] })
+        ] }) })
+      ] }) : null
+    ] })
+  ] });
+};
+export {
+  Le as DNamespaceMemberContent
+};

package/dist/components/d-member/DNamespaceMemberList.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Namespace } from '@code0-tech/sagittarius-graphql-types';
+import { Card } from '../card/Card';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+import { DNamespaceRoleView } from '../d-role';
+export interface DNamespaceMemberListProps extends Omit<Card, "children" | "onSelect"> {
+    namespaceId: Namespace["id"];
+    filter?: (runtime: DNamespaceMemberView, index: number) => boolean;
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberList: React.FC<DNamespaceMemberListProps>;

package/dist/components/d-member/DNamespaceMemberList.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import f from "react";
+import { useService as u, useStore as l } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceMemberReactiveService as t } from "./DNamespaceMember.service.js";
+import { Card as v } from "../card/Card.js";
+import S from "../card/CardSection.js";
+import { DNamespaceMemberContent as b } from "./DNamespaceMemberContent.js";
+const g = (m) => {
+  const {
+    namespaceId: o,
+    filter: i = () => !0,
+    onRemove: s,
+    onAssignRole: c,
+    ...n
+  } = m, a = u(t), p = l(t), d = f.useMemo(() => a.values({
+    namespaceId: o
+  }), [p, o]);
+  return /* @__PURE__ */ r(v, { ...n, children: d.filter(i).map((e) => e && e.id && /* @__PURE__ */ r(S, { border: !0, children: /* @__PURE__ */ r(b, { onRemove: s, onAssignRole: c, memberId: e?.id }) }, e.id)) });
+};
+export {
+  g as DNamespaceMemberList
+};

package/dist/components/d-member/index.d.ts

@@ -1,2 +1,4 @@
 export * from './DNamespaceMember.service';
 export * from './DNamespaceMember.view';
+export * from './DNamespaceMemberCard';
+export * from './DNamespaceMemberList';

package/dist/components/d-member/index.js

@@ -1,6 +1,10 @@
 import { DNamespaceMemberReactiveService as m } from "./DNamespaceMember.service.js";
-import { DNamespaceMemberView as c } from "./DNamespaceMember.view.js";
+import { DNamespaceMemberView as o } from "./DNamespaceMember.view.js";
+import { DNamespaceMemberCard as c } from "./DNamespaceMemberCard.js";
+import { DNamespaceMemberList as s } from "./DNamespaceMemberList.js";
 export {
+  c as DNamespaceMemberCard,
+  s as DNamespaceMemberList,
   m as DNamespaceMemberReactiveService,
-  c as DNamespaceMemberView
+  o as DNamespaceMemberView
 };

package/dist/components/d-organization/DOrganizationCard.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
 import { Code0Component } from '../../utils';
 import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DOrganizationView } from './DOrganization.view';
 export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
     organizationId: Scalars['OrganizationID']['output'];
-    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
-    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onSetting?: (organization: DOrganizationView) => void;
+    onLeave?: (organization: DOrganizationView) => void;
 }
 declare const DOrganizationCard: React.FC<DOrganizationCardProps>;
 export default DOrganizationCard;

package/dist/components/d-organization/DOrganizationList.d.ts

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
 import { Card } from '../card/Card';
 import { DOrganizationView } from './DOrganization.view';
-import { Organization } from '@code0-tech/sagittarius-graphql-types';
 export interface DOrganizationListProps extends Omit<Card, "children" | "onSelect"> {
     filter?: (organizations: DOrganizationView, index: number) => boolean;
-    onSetting?: (organizationId: Organization['id']) => void;
-    onLeave?: (organizationId: Organization['id']) => void;
-    onSelect?: (organizationId: Organization['id']) => void;
+    onSetting?: (organization: DOrganizationView) => void;
+    onLeave?: (organization: DOrganizationView) => void;
+    onSelect?: (organization: DOrganizationView) => void;
 }
 export declare const DOrganizationList: React.FC<DOrganizationListProps>;

package/dist/components/d-organization/DOrganizationList.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import p from "react";
+import d from "react";
 import { Card as u } from "../card/Card.js";
 import { useService as S, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
@@ -7,16 +7,16 @@ import { DOrganizationReactiveService as e } from "./DOrganization.service.js";
 import v from "../card/CardSection.js";
 import { DOrganizationContent as g } from "./DOrganizatonContent.js";
 const b = (i) => {
-  const n = S(e), m = l(e), a = p.useMemo(() => n.values(), [m]), {
+  const n = S(e), m = l(e), a = d.useMemo(() => n.values(), [m]), {
     filter: c = () => !0,
     onLeave: s,
-    onSetting: d,
+    onSetting: f,
     onSelect: t,
-    ...f
+    ...p
   } = i;
-  return /* @__PURE__ */ o(u, { ...f, children: a.filter(c).map((r) => r.id && /* @__PURE__ */ o(v, { border: !0, hover: !0, onClick: () => {
-    t && t(r.id);
-  }, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting: d, organizationId: r?.id }) }, r.id)) });
+  return /* @__PURE__ */ o(u, { ...p, children: a.filter(c).map((r) => r.id && /* @__PURE__ */ o(v, { border: !0, hover: !0, onClick: () => {
+    t && t(r);
+  }, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting: f, organizationId: r?.id }) }, r.id)) });
 };
 export {
   b as DOrganizationList

package/dist/components/d-organization/DOrganizatonContent.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
 import { Code0Component } from '../../utils';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Organization } from '@code0-tech/sagittarius-graphql-types';
+import { DOrganizationView } from './DOrganization.view';
 export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
-    organizationId: Scalars['OrganizationID']['output'];
-    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
-    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    organizationId: Organization['id'];
+    onSetting?: (organization: DOrganizationView) => void;
+    onLeave?: (organization: DOrganizationView) => void;
 }
 export declare const DOrganizationContent: React.FC<DOrganizationCardProps>;