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

package/dist/components/d-flow-function/DFlowFunctionGroupCard.js

@@ -0,0 +1,68 @@
+import { jsx as m, jsxs as u } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
+import { memo as h } from "react";
+import { Handle as i, Position as f } from "@xyflow/react";
+import { Card as g } from "../card/Card.js";
+const M = h((a) => {
+  const t = b.c(9), {
+    data: o
+  } = a;
+  let e;
+  t[0] !== o.color ? (e = w(o.color, 9), t[0] = o.color, t[1] = e) : e = t[1];
+  const s = `2px dashed ${y(o.color, 0.1)}`;
+  let r;
+  t[2] !== e || t[3] !== s ? (r = {
+    background: e,
+    border: s
+  }, t[2] = e, t[3] = s, t[4] = r) : r = t[4];
+  let l;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ m(i, { type: "target", position: f.Top, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", isConnectable: !1, draggable: !1, style: {
+    top: "0px",
+    left: "50%",
+    transform: "translateX(-50%)"
+  } }), t[5] = l) : l = t[5];
+  let n;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(i, { type: "source", position: f.Bottom, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", isConnectable: !1, draggable: !1, style: {
+    bottom: "0px",
+    left: "50%",
+    transform: "translateX(-50%)"
+  } }), t[6] = n) : n = t[6];
+  let c;
+  return t[7] !== r ? (c = /* @__PURE__ */ u(g, { w: "100%", h: "100%", style: r, children: [
+    l,
+    n
+  ] }), t[7] = r, t[8] = c) : c = t[8], c;
+}), p = (a) => Math.min(Math.max(a, 0), 1), d = (a) => {
+  if (typeof document > "u")
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    };
+  const t = document.createElement("span");
+  t.style.color = a, document.body.appendChild(t);
+  const o = getComputedStyle(t).color;
+  document.body.removeChild(t);
+  const e = o.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)/);
+  return e ? {
+    r: Math.round(Number(e[1])),
+    g: Math.round(Number(e[2])),
+    b: Math.round(Number(e[3])),
+    a: e[4] !== void 0 ? Number(e[4]) : 1
+  } : {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+}, w = (a, t) => {
+  const o = p(t * 0.1), e = d(a), s = d("#030014"), r = (l, n) => Math.round(l * (1 - o) + n * o);
+  return `rgb(${r(e.r, s.r)}, ${r(e.g, s.g)}, ${r(e.b, s.b)})`;
+}, y = (a, t) => {
+  const o = d(a);
+  return `rgba(${o.r}, ${o.g}, ${o.b}, ${p(t)})`;
+};
+export {
+  M as DFlowFunctionGroupCard
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunctionSuggestionCard.d.ts

@@ -1,11 +1,10 @@
-import { Code0Component } from '../../../utils/types';
+import { Code0Component } from '../../utils';
 import { Node, NodeProps } from '@xyflow/react';
 import { default as React } from 'react';
-import { NodeFunctionView } from '../DFlow.view';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, NodeFunction } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowFunctionSuggestionCardDataProps extends Code0Component<HTMLDivElement> {
     flowId: Flow['id'];
-    parentFunction?: NodeFunctionView;
+    parentFunction?: NodeFunction;
 }
 export type DFlowFunctionSuggestionCardProps = NodeProps<Node<DFlowFunctionSuggestionCardDataProps>>;
 export declare const DFlowFunctionSuggestionCard: React.FC<DFlowFunctionSuggestionCardProps>;

package/dist/components/d-flow-function/DFlowFunctionSuggestionCard.js

@@ -0,0 +1,43 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
+import { useService as p } from "../../utils/contextStore.js";
+import g, { memo as w } from "react";
+import "merge-props";
+import { Handle as S, Position as _ } from "@xyflow/react";
+import { Button as v } from "../button/Button.js";
+import { IconPlus as F } from "@tabler/icons-react";
+import { useSuggestions as x } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as y } 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";
+import { DFlowSuggestionMenu as I } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
+const J = w((e) => {
+  const t = u.c(12), [, l] = g.useTransition(), d = x(e.data.flowId, e.data.parentFunction?.id), o = p(y);
+  let a;
+  t[0] !== o || t[1] !== e.data.flowId ? (a = o.getById(e.data.flowId), t[0] = o, t[1] = e.data.flowId, t[2] = a) : a = t[2];
+  const m = a;
+  let i;
+  t[3] !== m?.id || t[4] !== o || t[5] !== e.data.parentFunction?.id || t[6] !== l ? (i = (c) => {
+    l(async () => {
+      c.value.__typename === "NodeFunction" && await o.addNextNodeById(m?.id, e.data.parentFunction?.id ?? null, c.value);
+    });
+  }, t[3] = m?.id, t[4] = o, t[5] = e.data.parentFunction?.id, t[6] = l, t[7] = i) : i = t[7];
+  let n;
+  t[8] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(v, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
+    /* @__PURE__ */ s(S, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
+      top: "2px"
+    }, position: _.Top }),
+    /* @__PURE__ */ s(F, { size: 12 })
+  ] }), t[8] = n) : n = t[8];
+  let r;
+  return t[9] !== d || t[10] !== i ? (r = /* @__PURE__ */ s(I, { onSuggestionSelect: i, suggestions: d, triggerContent: n }), t[9] = d, t[10] = i, t[11] = r) : r = t[11], r;
+});
+export {
+  J as DFlowFunctionSuggestionCard
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunctionTriggerCard.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../../utils/types';
-import { FlowView } from '../DFlow.view';
+import { Code0Component } from '../../utils';
 import { Node, NodeProps } from '@xyflow/react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowFunctionTriggerCardDataProps extends Omit<Code0Component<HTMLDivElement>, "scope"> {
-    instance: FlowView;
+    instance: Flow;
 }
 export type DFlowFunctionTriggerCardProps = NodeProps<Node<DFlowFunctionTriggerCardDataProps>>;
 export declare const DFlowFunctionTriggerCard: React.FC<DFlowFunctionTriggerCardProps>;

package/dist/components/d-flow-function/DFlowFunctionTriggerCard.js

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as o, Fragment as v } from "react/jsx-runtime";
+import b, { memo as y } from "react";
+import { useReactFlow as T, useStore as s, Handle as x, Position as S } from "@xyflow/react";
+import { Text as l } from "../text/Text.js";
+import { useService as m } from "../../utils/contextStore.js";
+import "merge-props";
+import { FileTabsService as R } from "../file-tabs/FileTabs.service.js";
+import { Card as z } from "../card/Card.js";
+import { Flex as n } from "../flex/Flex.js";
+import { IconBolt as p, IconChevronDown as F } from "@tabler/icons-react";
+import { Button as B } from "../button/Button.js";
+import { DFlowTabTrigger as _ } from "../d-flow-file/DFlowTabTrigger.js";
+import { DFlowTypeReactiveService as C } from "../d-flow-type/DFlowType.service.js";
+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";
+import "js-md5";
+import { Badge as D } from "../badge/Badge.js";
+const $ = y((i) => {
+  const {
+    data: a,
+    id: d
+  } = i, r = m(R), f = T(), t = m(C).getById(a.instance.type?.id), h = i.width ?? 0, u = i.height ?? 0, g = s((c) => c.width), w = s((c) => c.height);
+  return b.useEffect(() => {
+    r.registerTab({
+      id: t?.id,
+      active: !0,
+      closeable: !0,
+      children: /* @__PURE__ */ o(v, { children: [
+        /* @__PURE__ */ e(p, { size: 12 }),
+        /* @__PURE__ */ e(l, { size: "sm", children: t?.names[0]?.content })
+      ] }),
+      content: /* @__PURE__ */ e(_, { instance: a.instance }),
+      show: !0
+    });
+  }, [t?.id, a.instance, r, t?.names]), /* @__PURE__ */ o(n, { align: "center", style: {
+    flexDirection: "column"
+  }, "data-flow-refernce": d, children: [
+    /* @__PURE__ */ e(D, { color: "info", style: {
+      borderTopRightRadius: "0.35rem",
+      borderTopLeftRadius: "0.35rem",
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    }, children: "Starting node" }),
+    /* @__PURE__ */ o(z, { variant: "normal", color: "info", paddingSize: "xs", className: r.getActiveTab()?.id == t?.id ? "d-flow-viewport-default-card--active" : void 0, onClick: () => {
+      f.setViewport({
+        x: g / 2 + i.positionAbsoluteX * -1 - h / 2,
+        y: w / 2 + i.positionAbsoluteY * -1 - u / 2,
+        zoom: 1
+      }, {
+        duration: 250
+      }), r.activateTab(t?.id);
+    }, children: [
+      /* @__PURE__ */ o(n, { style: {
+        gap: "1.3rem"
+      }, align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ o(n, { style: {
+          gap: "0.7rem"
+        }, align: "center", children: [
+          /* @__PURE__ */ e(p, { size: 16 }),
+          /* @__PURE__ */ e(l, { display: "block", size: "md", children: t?.names[0]?.content ?? t?.id })
+        ] }),
+        /* @__PURE__ */ e(n, { align: "center", style: {
+          gap: "0.7rem"
+        }, children: /* @__PURE__ */ e(B, { p: "0", paddingSize: "xxs", variant: "none", disabled: !0, children: /* @__PURE__ */ e(F, { size: 16 }) }) })
+      ] }),
+      /* @__PURE__ */ e(x, { isConnectable: !1, type: "source", style: {
+        bottom: "2px"
+      }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: S.Bottom })
+    ] })
+  ] }, d);
+});
+export {
+  $ as DFlowFunctionTriggerCard
+};

package/dist/components/{d-flow/input → d-flow-input}/DFlowInputDataType.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ValidationProps } from '../../form/useForm';
+import { ValidationProps } from '../form';
 import { DataType, GenericType } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowInputDataTypeProps extends ValidationProps<DataType | GenericType> {
     onDataTypeChange?: (value: DataType | GenericType) => void;

package/dist/components/d-flow-input/DFlowInputDataType.js

@@ -0,0 +1,437 @@
+import { jsxs as S, jsx as c, Fragment as j } from "react/jsx-runtime";
+import { c as be } from "../../_virtual/compiler-runtime.js";
+import m from "react";
+import "@radix-ui/react-checkbox";
+import { InputLabel as ve } from "../form/InputLabel.js";
+import "merge-props";
+import { InputMessage as Me } from "../form/InputMessage.js";
+import '../../assets/components/d-flow-input/DFlowInputDataType.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import { IconSettings as le, IconTrash as Oe } from "@tabler/icons-react";
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import { InputSuggestionMenuContent as De, InputSuggestionMenuContentItems as ke } from "../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 { TextInput as F } from "../form/TextInput.js";
+/* empty css                              */
+import { Button as re } from "../button/Button.js";
+import { Text as A } from "../text/Text.js";
+import { Flex as X } from "../flex/Flex.js";
+import { Badge as Be } from "../badge/Badge.js";
+import { useDataTypeSuggestions as Ve } from "../d-flow-suggestion/DFlowDataTypeSuggestions.hook.js";
+import { DFlowSuggestionMenuFooter as ye } from "../d-flow-suggestion/DFlowSuggestionMenuFooter.js";
+import { toInputSuggestions as Ae } from "../d-flow-suggestion/DFlowSuggestionMenu.util.js";
+import { Menu as _e, MenuTrigger as Ke, MenuPortal as we } from "../menu/Menu.js";
+const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE"]), he = "__blockingSignature", Ge = ["CONTAINS_KEY", "CONTAINS_TYPE", "ITEM_OF_COLLECTION", "NUMBER_RANGE", "REGEX"], de = (t) => {
+  const {
+    formValidation: e,
+    initialValue: n,
+    onDataTypeChange: p = () => {
+    },
+    blockingDataType: a
+  } = t, y = m.useMemo(() => Ie(n, a), [n, a]), [s, u] = m.useState(y), T = m.useMemo(() => Y(s), [s]), l = m.useMemo(() => Y(a), [a]), B = m.useMemo(() => new Map((J(s) ? s.genericMappers ?? [] : []).map((r) => [r.target ?? "", r])), [s]), I = m.useMemo(() => l?.rules?.nodes?.filter(Boolean), [l]), E = m.useCallback((r) => {
+    u((o) => {
+      if (!o) return o;
+      const i = q(o);
+      return r(i), p(i), Je(o, i), i;
+    });
+  }, []), b = m.useCallback((r, o, i) => {
+    E((N) => {
+      const h = Y(N);
+      if (!h) return;
+      const v = oe(h), R = v[r];
+      if (!R) return;
+      const f = Ce(R, l);
+      if (f && !i?.allowBlocked) return;
+      const g = o(q(R));
+      g !== void 0 && (f && (se(g, f), ae(g, f)), v[r] = g);
+    });
+  }, [l, E]), V = m.useCallback((r) => {
+    E((o) => {
+      const i = Y(o);
+      if (!i) return;
+      const N = oe(i), h = N[r];
+      h && (Le(h, l) || N.splice(r, 1));
+    });
+  }, [l, E]), d = m.useCallback((r, o) => {
+    b(r, (i) => (!("dataTypeIdentifier" in i?.config) || !i?.config?.dataTypeIdentifier || (L(o) ? (i.config.dataTypeIdentifier.dataType = o, delete i.config.dataTypeIdentifier.genericType) : J(o) && (i.config.dataTypeIdentifier.genericType = o, delete i.config.dataTypeIdentifier.dataType)), i), {
+      allowBlocked: !0
+    });
+  }, [b]), D = m.useCallback((r, o, i) => {
+    E((N) => {
+      if (!J(N)) return;
+      const h = N.genericMappers ?? [], v = h.findIndex((g) => g.target === r);
+      if (v === -1) return;
+      const R = h[v], f = R?.sourceDataTypeIdentifiers ?? [];
+      f[o] && (L(i) ? (f[o].dataType = i, delete f[o].genericType) : J(i) && (f[o].genericType = i, delete f[o].dataType), R.sourceDataTypeIdentifiers = f, N.genericMappers = [...h], N.genericMappers[v] = R);
+    });
+  }, [E]);
+  return /* @__PURE__ */ S("div", { children: [
+    /* @__PURE__ */ S("div", { className: "d-flow-viewport-data-type-input", children: [
+      T?.rules?.nodes?.map((r, o) => {
+        if (!r) return null;
+        const i = I?.find((f) => ce(r, f)), N = r?.variant === "PARENT_TYPE", h = r?.config, v = (h?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? 0) > 0 || (h?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? 0) > 0;
+        return !N || v ? /* @__PURE__ */ c(Fe, { rule: r, blockingRule: i, genericMap: B, onRemove: () => V(o), onConfigChange: (f) => b(o, (g) => (g.config = f, g)), onHeaderKeyChange: (f) => b(o, (g) => (g.config || (g.config = {}), g.config.key = f || null, g)), onHeaderDataTypeChange: (f) => b(o, (g) => {
+          g.config || (g.config = {}), "dataTypeIdentifier" in g.config || (g.config.dataTypeIdentifier = {});
+          const M = g.config.dataTypeIdentifier;
+          return f ? (L(f) ? (M.dataType = f, delete M.genericType) : J(f) && (M.genericType = f, delete M.dataType), g) : (delete M?.dataType, delete M?.genericType, g);
+        }), onNestedChange: (f) => d(o, f), onGenericMapperChange: D }, `${r.variant}-${o}`) : null;
+      }),
+      /* @__PURE__ */ S(_e, { children: [
+        /* @__PURE__ */ c(Ke, { asChild: !0, children: /* @__PURE__ */ S(re, { color: "primary", children: [
+          /* @__PURE__ */ c(le, { size: 16 }),
+          " Add new rule"
+        ] }) }),
+        /* @__PURE__ */ c(we, { children: /* @__PURE__ */ S(De, { children: [
+          /* @__PURE__ */ c(ke, { onSuggestionSelect: (r) => {
+            E((o) => {
+              if (o) {
+                if ("rules" in o) {
+                  o.rules?.nodes?.push(r.value);
+                  return;
+                }
+                "dataType" in o && o.dataType?.rules?.nodes?.push(r.value);
+              }
+            });
+          }, suggestions: Ge.filter((r) => T?.variant == "OBJECT" ? r == "CONTAINS_KEY" : T?.variant == "ARRAY" ? r == "CONTAINS_TYPE" : !(r == "CONTAINS_TYPE" || r == "CONTAINS_KEY")).map((r) => ({
+            children: /* @__PURE__ */ S(j, { children: [
+              /* @__PURE__ */ c(le, { size: 16 }),
+              /* @__PURE__ */ c(A, { children: r })
+            ] }),
+            value: {
+              variant: r,
+              config: {
+                __typename: `DataTypeRules${r[0]}Config`,
+                ...r === "NUMBER_RANGE" ? {
+                  from: void 0,
+                  to: void 0,
+                  steps: void 0
+                } : {},
+                ...r === "REGEX" ? {
+                  pattern: void 0
+                } : {},
+                ...r === "ITEM_OF_COLLECTION" ? {
+                  items: void 0
+                } : {}
+              }
+            }
+          })) }),
+          /* @__PURE__ */ c(ye, {})
+        ] }) })
+      ] })
+    ] }),
+    !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(Me, { children: e.notValidMessage })
+  ] });
+}, Fe = (t) => {
+  const e = be.c(56), {
+    rule: n,
+    blockingRule: p,
+    genericMap: a,
+    onRemove: y,
+    onConfigChange: s,
+    onHeaderKeyChange: u,
+    onHeaderDataTypeChange: T,
+    onNestedChange: l,
+    onGenericMapperChange: B
+  } = t, I = n?.config?.dataTypeIdentifier ?? void 0, E = !!I?.genericKey, [b, V] = m.useState(!1), d = !!p, D = n.variant, r = D ? !Te.has(D) : !1;
+  let o;
+  e[0] !== n.config ? (o = () => ue(n?.config), e[0] = n.config, e[1] = o) : o = e[1];
+  const [i, N] = m.useState(o);
+  let h;
+  e[2] !== n.config ? (h = () => {
+    N(ue(n?.config));
+  }, e[2] = n.config, e[3] = h) : h = e[3];
+  let v;
+  e[4] !== n ? (v = [n], e[4] = n, e[5] = v) : v = e[5], m.useEffect(h, v);
+  let R;
+  e: {
+    if (!r) {
+      R = void 0;
+      break e;
+    }
+    if (!I) {
+      R = void 0;
+      break e;
+    }
+    if (I.genericKey) {
+      let C;
+      e[6] !== a || e[7] !== I.genericKey ? (C = a.get(I.genericKey), e[6] = a, e[7] = I.genericKey, e[8] = C) : C = e[8];
+      const k = C?.sourceDataTypeIdentifiers?.[0];
+      R = k?.dataType?.name?.[0]?.content ?? k?.genericType?.dataType?.name?.[0]?.content;
+      break e;
+    }
+    R = I.dataType?.name?.[0]?.content ?? I.genericType?.dataType?.name?.[0]?.content;
+  }
+  const f = R;
+  let g;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (g = (C) => {
+    const O = C.target.value;
+    N(O);
+  }, e[9] = g) : g = e[9];
+  const M = g;
+  let z;
+  e[10] !== i || e[11] !== d || e[12] !== s || e[13] !== n.config || e[14] !== D ? (z = (C) => {
+    if (d)
+      return;
+    const O = C?.target?.name, k = Ye(i, n.config, {
+      variant: D,
+      numberRangeKey: O
+    });
+    k && s(k);
+  }, e[10] = i, e[11] = d, e[12] = s, e[13] = n.config, e[14] = D, e[15] = z) : z = e[15];
+  const _ = z;
+  let P;
+  e[16] !== n ? (P = me(n), e[16] = n, e[17] = P) : P = e[17];
+  const K = P;
+  let U;
+  e[18] !== p ? (U = me(p), e[18] = p, e[19] = U) : U = e[19];
+  const W = U;
+  let $;
+  e[20] !== f || e[21] !== a || e[22] !== E || e[23] !== I || e[24] !== d || e[25] !== b || e[26] !== W || e[27] !== K || e[28] !== B || e[29] !== T || e[30] !== u || e[31] !== l || e[32] !== y || e[33] !== n ? ($ = () => {
+    if (!K && !E)
+      return null;
+    const C = /* @__PURE__ */ c(ge, { rule: n, genericMap: a, isBlocked: d, dataTypeLabel: f, onClick: () => V(ze), onRemove: d ? void 0 : y, onKeyChange: d ? void 0 : u, onDataTypeChange: d ? void 0 : T });
+    if (K)
+      return /* @__PURE__ */ S(j, { children: [
+        C,
+        b ? /* @__PURE__ */ c(de, { initialValue: K, blockingDataType: W, onDataTypeChange: l }) : null
+      ] });
+    if (I?.genericKey) {
+      const O = a.get(I.genericKey);
+      return /* @__PURE__ */ S(j, { children: [
+        C,
+        b ? O?.sourceDataTypeIdentifiers?.map((k, fe) => {
+          const ne = k?.dataType ?? k?.genericType;
+          if (!ne)
+            return null;
+          const Se = d ? ne : void 0, ie = I.genericKey;
+          return ie ? /* @__PURE__ */ c(de, { initialValue: ne, blockingDataType: Se, onDataTypeChange: (Re) => B(ie, fe, Re) }, `${ie}-${fe}`) : null;
+        }) : null
+      ] });
+    }
+    return null;
+  }, e[20] = f, e[21] = a, e[22] = E, e[23] = I, e[24] = d, e[25] = b, e[26] = W, e[27] = K, e[28] = B, e[29] = T, e[30] = u, e[31] = l, e[32] = y, e[33] = n, e[34] = $) : $ = e[34];
+  const Q = $;
+  if (r && (K || E)) {
+    let C;
+    e[35] !== Q ? (C = Q(), e[35] = Q, e[36] = C) : C = e[36];
+    let O;
+    return e[37] !== C ? (O = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: C }), e[37] = C, e[38] = O) : O = e[38], O;
+  }
+  let H;
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (H = {
+    flex: 1
+  }, e[39] = H) : H = e[39];
+  const Z = d ? void 0 : y, ee = d ? void 0 : u, te = d ? void 0 : T;
+  let w;
+  e[40] !== f || e[41] !== a || e[42] !== d || e[43] !== n || e[44] !== Z || e[45] !== ee || e[46] !== te ? (w = /* @__PURE__ */ c(ge, { rule: n, genericMap: a, isBlocked: d, dataTypeLabel: f, onRemove: Z, onKeyChange: ee, onDataTypeChange: te }), e[40] = f, e[41] = a, e[42] = d, e[43] = n, e[44] = Z, e[45] = ee, e[46] = te, e[47] = w) : w = e[47];
+  let G;
+  e[48] !== i || e[49] !== _ || e[50] !== d || e[51] !== n.variant ? (G = n.variant === "REGEX" || n.variant === "ITEM_OF_COLLECTION" ? /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: n.variant === "REGEX" ? "Pattern" : "Items" }), leftType: "icon", defaultValue: i, onChange: M, onBlur: _, w: "100%", disabled: d }) : n.variant === "NUMBER_RANGE" ? /* @__PURE__ */ S(j, { children: [
+    /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.from?.toString() ?? "", onChange: M, onBlur: _, w: "100%", left: /* @__PURE__ */ c(A, { size: "sm", children: "From" }), leftType: "icon", disabled: d, name: "from" }),
+    /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.steps?.toString() ?? "", onChange: M, onBlur: _, left: /* @__PURE__ */ c(A, { size: "sm", children: "Steps" }), leftType: "icon", w: "100%", disabled: d, name: "steps" }),
+    /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: "To" }), leftType: "icon", defaultValue: i?.to?.toString() ?? "", onChange: M, onBlur: _, w: "100%", disabled: d, name: "to" })
+  ] }) : null, e[48] = i, e[49] = _, e[50] = d, e[51] = n.variant, e[52] = G) : G = e[52];
+  let x;
+  return e[53] !== w || e[54] !== G ? (x = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: /* @__PURE__ */ S("div", { style: H, children: [
+    w,
+    G
+  ] }) }), e[53] = w, e[54] = G, e[55] = x) : x = e[55], x;
+}, ge = ({
+  rule: t,
+  dataTypeLabel: e,
+  onClick: n,
+  onRemove: p,
+  isBlocked: a,
+  onKeyChange: y,
+  onDataTypeChange: s,
+  genericMap: u
+}) => {
+  const T = t.variant, l = T ? !Te.has(T) : !1, B = l ? Ve({
+    dataType: {
+      id: "gid://sagittarius/DataType/-1"
+    }
+  }) : [], I = t?.config?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? t?.config?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? u.get(t?.config?.dataTypeIdentifier?.genericKey)?.sourceDataTypeIdentifiers?.map((i) => i?.dataType?.rules?.nodes?.length ?? i.genericType?.dataType?.rules?.nodes?.length) ?? 0, [E, b] = m.useState(() => "key" in (t?.config ?? {}) ? t?.config?.key ?? "" : ""), [V, d] = m.useState(() => e ?? "");
+  m.useEffect(() => {
+    b("key" in (t?.config ?? {}) ? t?.config?.key ?? "" : "");
+  }, [t]), m.useEffect(() => {
+    d(e ?? "");
+  }, [e]);
+  const D = m.useCallback(() => {
+    !y || a || y(E);
+  }, [a, E, y]), r = m.useCallback(() => {
+    !s || a || V.trim() === "" && s(void 0);
+  }, [V, a, s]), o = m.useCallback((i) => {
+    if (!s || a) return;
+    const N = i.value;
+    if (!N) return;
+    s(N);
+    const h = i?.valueData?.displayText?.join(" ") ?? e ?? "";
+    d(h);
+  }, [e, a, s]);
+  return /* @__PURE__ */ S("div", { children: [
+    /* @__PURE__ */ S(X, { justify: "space-between", children: [
+      /* @__PURE__ */ c(Be, { color: "info", children: t?.variant }),
+      p ? /* @__PURE__ */ c(re, { color: "error", onClick: p, children: /* @__PURE__ */ c(Oe, { size: 16 }) }) : null
+    ] }),
+    /* @__PURE__ */ S(X, { mt: 0.7, style: {
+      flexDirection: "column",
+      gap: ".7rem"
+    }, children: [
+      l ? /* @__PURE__ */ S(X, { align: "center", style: {
+        gap: ".7rem"
+      }, children: [
+        t.variant === "CONTAINS_KEY" ? /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "Key" }), leftType: "icon", disabled: a, defaultValue: E, onChange: (i) => "value" in i.target && b(i.target.value), onBlur: D }) : null,
+        /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "DataType" }), leftType: "icon", disabled: a, suggestionsFooter: /* @__PURE__ */ c(ye, {}), suggestions: Ae(B), value: V, onChange: (i) => "value" in i.target && d(i.target.value), onBlur: r, onSuggestionSelect: o })
+      ] }) : null,
+      t.variant != "REGEX" && t.variant != "ITEM_OF_COLLECTION" && t.variant != "NUMBER_RANGE" ? /* @__PURE__ */ c(ve, { children: /* @__PURE__ */ S(X, { align: "center", style: {
+        gap: ".7rem"
+      }, children: [
+        "+",
+        I,
+        " rules included",
+        /* @__PURE__ */ c(re, { color: "primary", onClick: n, children: "Show/Hide Rules" })
+      ] }) }) : null
+    ] })
+  ] });
+}, ue = (t) => t ? "pattern" in t || t?.__typename === "DataTypeRulesRegexConfig" ? t?.pattern ?? "" : "items" in t || t?.__typename === "DataTypeRulesItemOfCollectionConfig" ? JSON.stringify(t.items) : t : "", Ye = (t, e, n) => {
+  const {
+    variant: p,
+    numberRangeKey: a
+  } = n ?? {}, y = p === "NUMBER_RANGE", s = e ?? void 0;
+  if (y) {
+    const u = {
+      __typename: "DataTypeRulesNumberRangeConfig",
+      ...s
+    };
+    if (typeof t != "string")
+      return {
+        ...u,
+        ...t
+      };
+    if (!a)
+      return u;
+    const T = {
+      ...u
+    };
+    switch (a) {
+      case "from":
+        T.from = (() => {
+          if (t.trim() === "") return;
+          const l = Number(t);
+          return Number.isFinite(l) ? l : u.from;
+        })();
+        break;
+      case "steps":
+        T.steps = (() => {
+          if (t.trim() === "") return;
+          const l = Number(t);
+          return Number.isFinite(l) ? l : u.steps;
+        })();
+        break;
+      case "to":
+        T.to = (() => {
+          if (t.trim() === "") return;
+          const l = Number(t);
+          return Number.isFinite(l) ? l : u.to;
+        })();
+        break;
+    }
+    return T;
+  }
+  if (!s) {
+    if (typeof t != "string")
+      return t;
+    try {
+      return JSON.parse(t);
+    } catch {
+      return;
+    }
+  }
+  if (typeof t != "string")
+    return t;
+  if (s.__typename === "DataTypeRulesRegexConfig" || "pattern" in s)
+    return {
+      ...s,
+      pattern: t
+    };
+  if (s.__typename === "DataTypeRulesItemOfCollectionConfig" || "items" in s)
+    try {
+      return {
+        ...s,
+        items: JSON.parse(t)
+      };
+    } catch {
+      return s;
+    }
+  try {
+    return JSON.parse(t);
+  } catch {
+    return s;
+  }
+}, q = (t) => t == null ? t : JSON.parse(JSON.stringify(t)), pe = (t) => {
+  if (t)
+    return JSON.stringify(t);
+}, me = (t) => {
+  if (t?.config?.dataTypeIdentifier)
+    return t?.config?.dataTypeIdentifier?.dataType ?? t?.config?.dataTypeIdentifier?.genericType ?? void 0;
+}, Je = (t, e) => pe(t) === pe(e), Le = (t, e) => !t || !e?.rules?.nodes || !Ne(t) ? !1 : !!Ce(t, e), Ce = (t, e) => !t || !e?.rules?.nodes ? void 0 : e.rules.nodes?.filter(Boolean).find((p) => ce(t, p)), L = (t) => t != null && t.rules !== void 0, J = (t) => t != null && typeof t == "object" && "genericMappers" in t, Y = (t) => {
+  if (t)
+    return L(t) ? t : t.dataType ?? void 0;
+}, oe = (t) => (t.rules ? t.rules.nodes || (t.rules.nodes = []) : t.rules = {
+  nodes: []
+}, t.rules.nodes), Ie = (t, e) => {
+  if (!t && !e) return;
+  const n = q(t ?? e), p = Y(n), a = Y(e);
+  if (!p || !a)
+    return n;
+  const y = oe(p);
+  return a.rules?.nodes?.filter(Boolean)?.forEach((u) => {
+    if (!u) return;
+    const T = y.findIndex((l) => ce(l, u));
+    if (T === -1) {
+      const l = q(u);
+      se(l, u), y.push(l), ae(l, u);
+    } else {
+      const l = y[T];
+      se(l, u), ae(l, u);
+    }
+  }), n;
+}, ae = (t, e) => {
+  const n = t?.config?.dataTypeIdentifier, p = e?.config?.dataTypeIdentifier;
+  if (!n || !p) return;
+  const a = n.dataType ?? n.genericType, y = p.dataType ?? p.genericType;
+  if (!a || !y) return;
+  const s = Ie(a, y);
+  s && (L(s) ? n.dataType = s : n.genericType = s);
+}, ce = (t, e) => {
+  if (!t || !e) return !1;
+  const n = Ne(t), p = Ee(e);
+  return n && p ? n === p : t.id && e.id ? t.id === e.id : JSON.stringify({
+    variant: t.variant,
+    config: t.config
+  }) === JSON.stringify({
+    variant: e.variant,
+    config: e.config
+  });
+}, Ne = (t) => {
+  if (t)
+    return t?.[he];
+}, Ee = (t) => {
+  if (t)
+    return t.id ? `id:${t.id}` : `config:${JSON.stringify({
+      variant: t.variant,
+      config: t.config
+    })}`;
+}, se = (t, e) => {
+  const n = Ee(e);
+  n && (t[he] = n);
+};
+function ze(t) {
+  return !t;
+}
+export {
+  de as DFlowInputDataType
+};