@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/components/d-flow-validation/DDataTypeValidation.hook.d.ts

@@ -0,0 +1,2 @@
+import { DataTypeView } from '../d-flow-data-type';
+export declare const useDataTypeValidation: (firstDataType: DataTypeView, secondDataType: DataTypeView) => boolean;

package/dist/components/d-flow-validation/DDataTypeValidation.hook.js

@@ -0,0 +1,18 @@
+const g = ["id", "__typename", "createdAt", "updatedAt", "aliases", "displayMessages", "name", "runtime"], h = (l, u) => {
+  if (l.variant !== u.variant) return !1;
+  const c = (e) => e !== null && typeof e == "object", i = (e, r) => {
+    if (e === r) return !0;
+    const a = Array.isArray(e), y = Array.isArray(r);
+    if (a || y)
+      return !a || !y || e.length !== r.length ? !1 : e.every((s, f) => i(s, r[f]));
+    if (c(e) && c(r)) {
+      const s = Object.keys(e), f = Object.keys(r);
+      return s.length !== f.length ? !1 : s.every((o) => g.includes(o) ? !0 : i(e[o], r[o]));
+    }
+    return !1;
+  }, t = l.rules?.nodes ?? [], n = u.rules?.nodes ?? [];
+  return !t.length && !n.length ? !0 : !t.length || !n.length || t.length !== n.length ? !1 : t.every((e, r) => i(e, n[r]));
+};
+export {
+  h as useDataTypeValidation
+};

package/dist/components/d-flow-validation/DFlowValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { ValidationResult } from '../../utils';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export declare const useFlowValidation: (flowId: Flow["id"]) => ValidationResult[];

package/dist/components/d-flow-validation/DFlowValidation.hook.js

@@ -0,0 +1,22 @@
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { useService as p, useStore as c } from "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as i } from "../d-flow/DFlow.service.js";
+import "js-md5";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+const _ = (r) => {
+  const t = m.c(1), e = p(i);
+  c(i), e.getById(r);
+  let o;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = [], t[0] = o) : o = t[0], o;
+};
+export {
+  _ as useFlowValidation
+};

package/dist/components/d-flow-validation/DFlowValidation.js

@@ -0,0 +1,66 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { Panel as f } from "@xyflow/react";
+import { Flex as m } from "../flex/Flex.js";
+import "../../utils/contextStore.js";
+import { InspectionSeverity as l } from "../../utils/inspection.js";
+import "react";
+import "merge-props";
+import { Badge as p } from "../badge/Badge.js";
+import { IconExclamationCircle as u, IconAlertTriangle as d, IconMessageExclamation as g } from "@tabler/icons-react";
+import '../../assets/components/d-flow-validation/DFlowValidation.style.css';/* empty css                           */
+import { Text as h } from "../text/Text.js";
+import { useFlowValidation as R } from "./DFlowValidation.hook.js";
+const B = (e) => {
+  const n = s.c(4), {
+    flowId: a
+  } = e, t = R(a);
+  let i;
+  n[0] !== t ? (i = (t?.length ?? 0) > 0 ? /* @__PURE__ */ r("div", { className: "d-flow-viewport-validations", children: /* @__PURE__ */ c(m, { align: "center", style: {
+    gap: "0.7rem"
+  }, children: [
+    (t?.filter(y)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, color: "error", children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(u, { size: 16 }),
+      /* @__PURE__ */ r(h, { style: {
+        color: "inherit"
+      }, children: t?.filter(x)?.length })
+    ] }) }) : null,
+    (t?.filter(A)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, color: "warning", children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(d, { size: 16 }),
+      t?.filter(I)?.length
+    ] }) }) : null,
+    (t?.filter(w)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(g, { size: 16 }),
+      t?.filter(_)?.length
+    ] }) }) : null
+  ] }) }) : null, n[0] = t, n[1] = i) : i = n[1];
+  let o;
+  return n[2] !== i ? (o = /* @__PURE__ */ r(f, { position: "top-right", children: i }), n[2] = i, n[3] = o) : o = n[3], o;
+};
+function y(e) {
+  return e.type === l.ERROR;
+}
+function x(e) {
+  return e.type === l.ERROR;
+}
+function A(e) {
+  return e.type === l.WARNING;
+}
+function I(e) {
+  return e.type === l.WARNING;
+}
+function w(e) {
+  return e.type === l.GRAMMAR;
+}
+function _(e) {
+  return e.type === l.GRAMMAR;
+}
+export {
+  B as DFlowValidation
+};

package/dist/components/d-flow-validation/DNodeValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { Flow, NodeFunction } from '@code0-tech/sagittarius-graphql-types';
+import { ValidationResult } from '../../utils';
+export declare const useNodeValidation: (nodeId: NodeFunction["id"], flowId: Flow["id"]) => ValidationResult[] | null;

package/dist/components/d-flow-validation/DNodeValidation.hook.js

@@ -0,0 +1,58 @@
+import S from "react";
+import { DFlowDataTypeReactiveService as h } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DataTypeView as k } from "../d-flow-data-type/DFlowDataType.view.js";
+import { useService as R, useStore as _ } from "../../utils/contextStore.js";
+import { InspectionSeverity as A } from "../../utils/inspection.js";
+import "merge-props";
+import { resolveGenericKeys as C, replaceGenericKeysInType as U, replaceGenericKeysInDataTypeObject as q } from "../../utils/generics.js";
+import { useReturnType as z } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowFunctionReactiveService as x } from "../d-flow-function/DFlowFunction.service.js";
+import "js-md5";
+import { useDataTypeValidation as B } from "./DDataTypeValidation.hook.js";
+import { useValueValidation as G } from "./DValueValidation.hook.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as O } from "../d-flow/DFlow.service.js";
+const w = (e) => e.__typename === "ReferenceValue" || e.__typename === "NodeFunctionIdWrapper", H = (e) => e.__typename === "NodeFunctionIdWrapper", E = (e, o) => new k(q(e.json, o)), M = (e, o, m) => ({
+  parameterId: e,
+  type: A.ERROR,
+  message: [{
+    code: "en-US",
+    content: `Argument of type ${m?.name[0]?.content} is not assignable to parameter of type ${o?.name[0]?.content}`
+  }]
+}), se = (e, o) => {
+  const m = R(x), b = _(x), d = R(O), V = _(O), t = R(h), N = _(h), c = d.getById(o), g = d.getNodeById(o, e), f = g?.parameters?.nodes?.map((n) => n?.value) ?? [], u = m.getById(g?.functionDefinition?.id), D = u?.parameterDefinitions ?? [], F = u?.genericKeys ?? [], T = S.useMemo(() => C(u, f, t, c), [u, f, t, N, c, V]), K = S.useCallback((n, s) => {
+    if (H(n) && s?.variant !== "NODE") {
+      const a = d.getNodeById(o, n.id), r = m.getById(a?.functionDefinition?.id), p = a?.parameters?.nodes?.map((v) => v?.value) ?? [];
+      return z(r, p, t);
+    }
+    return t.getTypeFromValue(n, c);
+  }, [t, c, o, d, m]);
+  return S.useMemo(() => {
+    const n = [];
+    for (let s = 0; s < D.length; s++) {
+      const a = D[s], r = f[s];
+      if (!r) continue;
+      const p = a.dataTypeIdentifier, v = U(p, T), i = t.getDataType(v), W = K(r, i), y = t.getDataType(W);
+      if (!i || !y) {
+        n.push(M(a.id, i, y));
+        continue;
+      }
+      const j = !!p?.genericType || !!p?.genericKey && F.includes(p.genericKey);
+      let l = !0;
+      if (j) {
+        const I = E(i, T);
+        if (w(r)) {
+          const $ = E(y, T);
+          l = B(I, $);
+        } else
+          l = G(r, I, t, c, v?.genericType?.genericMappers);
+      } else
+        w(r) && i.variant !== "NODE" ? l = B(i, y) : l = G(r, i, t, c);
+      l || n.push(M(a.id, i, y));
+    }
+    return n.length > 0 ? n : null;
+  }, [c, g, f, u, D, F, T, K, e, o, b, V, N, t]);
+};
+export {
+  se as useNodeValidation
+};

package/dist/components/d-flow-validation/DValueValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { Flow, GenericMapper, NodeParameterValue } from '@code0-tech/sagittarius-graphql-types';
+import { DataTypeView, DFlowDataTypeReactiveService } from '../d-flow-data-type';
+export declare const useValueValidation: (value: NodeParameterValue, dataType: DataTypeView, dataTypeService: DFlowDataTypeReactiveService, flow?: Flow, generics?: GenericMapper[]) => boolean;

package/dist/components/d-flow-validation/DValueValidation.hook.js

@@ -0,0 +1,8 @@
+import { RuleMap as a } from "../d-flow-data-type/rules/DFlowDataTypeRules.js";
+const s = (e, n, r, i, o) => {
+  const f = new Map(o?.map((t) => [t.target, t]));
+  return n.rules?.nodes?.every((t) => !t || !t.variant || !t.config ? !1 : a.get(t.variant) ? a.get(t.variant)?.validate(e, t.config, f, r, i) : !0) ?? !0;
+};
+export {
+  s as useValueValidation
+};

package/dist/components/{d-flow/validation → d-flow-validation}/index.js

@@ -1,6 +1,6 @@
-import { useDFlowValidations as i } from "./DFlowValidation.hook.js";
+import { useFlowValidation as i } from "./DFlowValidation.hook.js";
 import { DFlowValidation as r } from "./DFlowValidation.js";
 export {
   r as DFlowValidation,
-  i as useDFlowValidations
+  i as useFlowValidation
 };

package/dist/components/d-fullscreen/DFullScreen.d.ts

@@ -3,5 +3,4 @@ import { default as React } from 'react';
 export interface DFullScreenProps extends Code0Component<HTMLDivElement> {
     children: React.ReactNode | React.ReactNode[];
 }
-declare const _default: any;
-export default _default;
+export declare const DFullScreen: React.FC<DFullScreenProps>;

package/dist/components/d-fullscreen/DFullScreen.js

@@ -1,20 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as s } from "../../compiler-runtime-BNHg76kC.js";
-import d from "react";
-import { mergeCode0Props as f } from "../../utils/utils.js";
-import '../../assets/DFullScreen.css';const h = (n) => {
-  const e = s.c(7), t = d.useRef(null);
-  let i, l;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    t.current && (window.addEventListener("resize", () => {
-      t.current.style.height = window.innerHeight + "px", t.current.style.width = window.innerWidth + "px";
-    }), t.current.style.height = window.innerHeight + "px", t.current.style.width = window.innerWidth + "px");
-  }, l = [t], e[0] = i, e[1] = l) : (i = e[0], l = e[1]), d.useEffect(i, l);
-  let r;
-  e[2] !== n ? (r = f("d-full-screen", n), e[2] = n, e[3] = r) : r = e[3];
-  let c;
-  return e[4] !== n.children || e[5] !== r ? (c = /* @__PURE__ */ o("div", { ...r, ref: t, children: n.children }), e[4] = n.children, e[5] = r, e[6] = c) : c = e[6], c;
-}, x = Object.assign(h);
+import { jsx as u } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
+import l from "react";
+import { mergeCode0Props as m } from "../../utils/utils.js";
+import '../../assets/components/d-fullscreen/DFullScreen.style.css';/* empty css                       */
+const _ = (i) => {
+  const e = f.c(7), t = l.useRef(null);
+  let r, o;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
+    if (!t.current)
+      return;
+    window.addEventListener("resize", () => {
+      const c = Math.round(window.visualViewport?.width ?? window.innerWidth), s = Math.round(window.visualViewport?.height ?? window.innerHeight);
+      t.current.style.height = s + "px", t.current.style.width = c + "px";
+    });
+    const w = Math.round(window.visualViewport?.width ?? window.innerWidth), h = Math.round(window.visualViewport?.height ?? window.innerHeight);
+    t.current.style.height = h + "px", t.current.style.width = w + "px";
+  }, o = [t], e[0] = r, e[1] = o) : (r = e[0], o = e[1]), l.useEffect(r, o);
+  let n;
+  e[2] !== i ? (n = m("d-full-screen", i), e[2] = i, e[3] = n) : n = e[3];
+  let d;
+  return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
+};
 export {
-  x as default
+  _ as DFullScreen
 };

package/dist/components/d-layout/DLayout.js

@@ -1,51 +1,52 @@
 import { jsx as h, jsxs as p } from "react/jsx-runtime";
-import { c as E } from "../../compiler-runtime-BNHg76kC.js";
+import { c as E } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as F } from "../../utils/utils.js";
-import { Flex as v } from "../flex/Flex.js";
-import '../../assets/DLayout.css';const $ = (C) => {
+import { Flex as N } from "../flex/Flex.js";
+import '../../assets/components/d-layout/DLayout.style.css';/* empty css                   */
+const k = (C) => {
   const t = E.c(29);
-  let e, i, l, o, s, n;
+  let e, n, l, o, s, i;
   if (t[0] !== C) {
     const {
-      children: x,
-      topContent: N,
+      children: v,
+      topContent: x,
       bottomContent: b,
       leftContent: g,
       rightContent: j,
       ...D
     } = C;
-    i = x, n = N, e = b, l = g, o = j, s = F("d-layout", D), t[0] = C, t[1] = e, t[2] = i, t[3] = l, t[4] = o, t[5] = s, t[6] = n;
+    n = v, i = x, e = b, l = g, o = j, s = F("d-layout", D), t[0] = C, t[1] = e, t[2] = n, t[3] = l, t[4] = o, t[5] = s, t[6] = i;
   } else
-    e = t[1], i = t[2], l = t[3], o = t[4], s = t[5], n = t[6];
-  let _;
-  t[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    e = t[1], n = t[2], l = t[3], o = t[4], s = t[5], i = t[6];
+  let u;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (u = {
     flexDirection: "column"
-  }, t[7] = _) : _ = t[7];
+  }, t[7] = u) : u = t[7];
   let r;
-  t[8] !== n ? (r = n ? /* @__PURE__ */ h("div", { className: "d-layout__top", children: n }) : null, t[8] = n, t[9] = r) : r = t[9];
+  t[8] !== i ? (r = i && /* @__PURE__ */ h("div", { className: "d-layout__top", children: i }), t[8] = i, t[9] = r) : r = t[9];
   let c;
-  t[10] !== l ? (c = l ? /* @__PURE__ */ h("div", { className: "d-layout__left", children: l }) : null, t[10] = l, t[11] = c) : c = t[11];
+  t[10] !== l ? (c = l && /* @__PURE__ */ h("div", { className: "d-layout__left", children: l }), t[10] = l, t[11] = c) : c = t[11];
   let m;
-  t[12] !== i ? (m = /* @__PURE__ */ h("div", { className: "d-layout__content", children: i }), t[12] = i, t[13] = m) : m = t[13];
-  let d;
-  t[14] !== o ? (d = o ? /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }) : null, t[14] = o, t[15] = d) : d = t[15];
+  t[12] !== n ? (m = /* @__PURE__ */ h("div", { className: "d-layout__content", children: n }), t[12] = n, t[13] = m) : m = t[13];
   let a;
-  t[16] !== c || t[17] !== m || t[18] !== d ? (a = /* @__PURE__ */ p(v, { children: [
+  t[14] !== o ? (a = o && /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }), t[14] = o, t[15] = a) : a = t[15];
+  let d;
+  t[16] !== c || t[17] !== m || t[18] !== a ? (d = /* @__PURE__ */ p(N, { className: "d-layout__middle", children: [
     c,
     m,
-    d
-  ] }), t[16] = c, t[17] = m, t[18] = d, t[19] = a) : a = t[19];
+    a
+  ] }), t[16] = c, t[17] = m, t[18] = a, t[19] = d) : d = t[19];
   let f;
-  t[20] !== e ? (f = e ? /* @__PURE__ */ h("div", { className: "d-layout__bottom", children: e }) : null, t[20] = e, t[21] = f) : f = t[21];
-  let u;
-  t[22] !== r || t[23] !== a || t[24] !== f ? (u = /* @__PURE__ */ p(v, { style: _, children: [
+  t[20] !== e ? (f = e && /* @__PURE__ */ h("div", { className: "d-layout__bottom", children: e }), t[20] = e, t[21] = f) : f = t[21];
+  let _;
+  t[22] !== r || t[23] !== d || t[24] !== f ? (_ = /* @__PURE__ */ p(N, { className: "d-layout__inner", style: u, children: [
     r,
-    a,
+    d,
     f
-  ] }), t[22] = r, t[23] = a, t[24] = f, t[25] = u) : u = t[25];
+  ] }), t[22] = r, t[23] = d, t[24] = f, t[25] = _) : _ = t[25];
   let y;
-  return t[26] !== s || t[27] !== u ? (y = /* @__PURE__ */ h("div", { ...s, children: u }), t[26] = s, t[27] = u, t[28] = y) : y = t[28], y;
+  return t[26] !== s || t[27] !== _ ? (y = /* @__PURE__ */ h("div", { ...s, children: _ }), t[26] = s, t[27] = _, t[28] = y) : y = t[28], y;
 };
 export {
-  $ as DLayout
+  k as DLayout
 };

package/dist/components/d-license/DNamespaceLicense.service.d.ts

@@ -0,0 +1,11 @@
+import { Namespace, NamespaceLicense, NamespacesLicensesCreateInput, NamespacesLicensesCreatePayload, NamespacesLicensesDeleteInput, NamespacesLicensesDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceLicenseView } from './DNamespaceLicense.view';
+import { ReactiveArrayService } from '../../utils';
+export type DLicenseDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceLicenseReactiveService extends ReactiveArrayService<DNamespaceLicenseView, DLicenseDependencies> {
+    getById(id: NamespaceLicense['id'], dependencies?: DLicenseDependencies): DNamespaceLicenseView | undefined;
+    abstract licenseCreate(payload: NamespacesLicensesCreateInput): Promise<NamespacesLicensesCreatePayload | undefined>;
+    abstract licenseDelete(payload: NamespacesLicensesDeleteInput): Promise<NamespacesLicensesDeletePayload | undefined>;
+}

package/dist/components/d-license/DNamespaceLicense.service.js

@@ -0,0 +1,12 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class p extends t {
+  getById(e, i) {
+    return this.values(i).find((r) => r.id === e);
+  }
+}
+export {
+  p as DNamespaceLicenseReactiveService
+};

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

@@ -0,0 +1,2 @@
+export * from './DNamespaceLicense.service';
+export * from './DNamespaceLicense.view';

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

@@ -0,0 +1,6 @@
+import { DNamespaceLicenseReactiveService as a } from "./DNamespaceLicense.service.js";
+import { DNamespaceLicenseView as r } from "./DNamespaceLicense.view.js";
+export {
+  a as DNamespaceLicenseReactiveService,
+  r as DNamespaceLicenseView
+};

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

@@ -0,0 +1,13 @@
+import { Namespace, NamespaceMember, NamespacesMembersAssignRolesInput, NamespacesMembersAssignRolesPayload, NamespacesMembersDeleteInput, NamespacesMembersDeletePayload, NamespacesMembersInviteInput, NamespacesMembersInvitePayload, User } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+import { ReactiveArrayService } from '../../utils';
+export type DMemberDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceMemberReactiveService extends ReactiveArrayService<DNamespaceMemberView, DMemberDependencies> {
+    getById(id: NamespaceMember['id'], dependencies?: DMemberDependencies): DNamespaceMemberView | undefined;
+    getByNamespaceIdAndUserId(namespaceId: Namespace['id'], userId: User['id']): DNamespaceMemberView | undefined;
+    abstract memberInvite(payload: NamespacesMembersInviteInput): Promise<NamespacesMembersInvitePayload | undefined>;
+    abstract memberDelete(payload: NamespacesMembersDeleteInput): Promise<NamespacesMembersDeletePayload | undefined>;
+    abstract memberAssignRoles(payload: NamespacesMembersAssignRolesInput): Promise<NamespacesMembersAssignRolesPayload | undefined>;
+}

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

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

package/dist/components/{d-namespace/member → d-member}/DNamespaceMember.view.d.ts

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceMember, NamespaceMemberRoleConnection, NamespaceRoleConnection, Scalars, User } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceMember, NamespaceMemberRoleConnection, NamespaceMemberUserAbilities, NamespaceRoleConnection, Scalars, User } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceMemberView {
     /** Time when this NamespaceMember was created */
     private readonly _createdAt?;
@@ -14,6 +14,8 @@ export declare class DNamespaceMemberView {
     private readonly _updatedAt?;
     /** User this member belongs to */
     private readonly _user?;
+    /** Abilities for the current user on this NamespaceMember */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceMember);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get id(): Maybe<Scalars["NamespaceMemberID"]["output"]> | undefined;
@@ -22,5 +24,6 @@ export declare class DNamespaceMemberView {
     get roles(): Maybe<NamespaceRoleConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get user(): Maybe<User> | undefined;
+    get userAbilities(): Maybe<NamespaceMemberUserAbilities> | undefined;
     json(): NamespaceMember;
 }

package/dist/components/{d-namespace/member → 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), 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;
+    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;
@@ -40,18 +40,23 @@ class n {
   get user() {
     return this._user;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   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>;