@nice2dev/ui-api 1.0.10

package/dist/index.mjs

@@ -0,0 +1,1820 @@
+import { jsxs as t, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { useState as w, useCallback as T, useRef as Z, useEffect as se } from "react";
+const ce = {
+  openapi: "3.0.3",
+  info: {
+    title: "New API",
+    version: "1.0.0",
+    description: "API description"
+  },
+  paths: {},
+  components: {
+    schemas: {},
+    securitySchemes: {}
+  },
+  tags: []
+}, ne = ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS", "HEAD"];
+function ie(i) {
+  var c, n;
+  const a = [];
+  return i.openapi || a.push({ path: "openapi", message: "OpenAPI version is required", severity: "error" }), (c = i.info) != null && c.title || a.push({ path: "info.title", message: "API title is required", severity: "error" }), (n = i.info) != null && n.version || a.push({ path: "info.version", message: "API version is required", severity: "error" }), Object.entries(i.paths || {}).forEach(([r, d]) => {
+    r.startsWith("/") || a.push({ path: `paths.${r}`, message: "Path must start with /", severity: "error" }), ne.forEach((o) => {
+      const b = d[o.toLowerCase()];
+      b && !b.responses && a.push({
+        path: `paths.${r}.${o.toLowerCase()}.responses`,
+        message: "Responses are required",
+        severity: "error"
+      });
+    });
+  }), a;
+}
+function Pe({
+  schema: i,
+  onChange: a,
+  onSave: c,
+  readOnly: n = !1,
+  className: r = ""
+}) {
+  var O, q;
+  const [d, o] = w(i || ce), [b, u] = w(null), [p, x] = w(null), [h, _] = w("info"), [S, C] = w([]), E = T(
+    (v) => {
+      o((f) => {
+        const N = v(f);
+        return a == null || a(N), C(ie(N)), N;
+      });
+    },
+    [a]
+  ), $ = T(() => {
+    const v = "/new-endpoint";
+    E((f) => ({
+      ...f,
+      paths: {
+        ...f.paths,
+        [v]: {
+          get: {
+            summary: "New endpoint",
+            responses: { 200: { description: "Success" } }
+          }
+        }
+      }
+    })), u(v), x("get");
+  }, [E]), I = T(
+    (v) => {
+      E((f) => {
+        const { [v]: N, ...U } = f.paths;
+        return { ...f, paths: U };
+      }), u(null), x(null);
+    },
+    [E]
+  ), F = T(() => {
+    const v = "NewSchema";
+    E((f) => {
+      var N;
+      return {
+        ...f,
+        components: {
+          ...f.components,
+          schemas: {
+            ...(N = f.components) == null ? void 0 : N.schemas,
+            [v]: { type: "object", properties: {} }
+          }
+        }
+      };
+    });
+  }, [E]), P = T(() => {
+    const v = ie(d);
+    C(v), v.filter((f) => f.severity === "error").length === 0 && (c == null || c(d));
+  }, [d, c]), j = Object.entries(d.paths).flatMap(
+    ([v, f]) => ne.filter((N) => f[N.toLowerCase()]).map(
+      (N) => ({
+        path: v,
+        method: N,
+        operation: f[N.toLowerCase()]
+      })
+    )
+  );
+  return /* @__PURE__ */ t("div", { className: `nice-api-designer ${r}`, children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__toolbar", children: [
+      /* @__PURE__ */ e("div", { className: "nice-api-designer__tabs", children: ["info", "paths", "schemas", "security", "preview"].map((v) => /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-api-designer__tab ${h === v ? "nice-api-designer__tab--active" : ""}`,
+          onClick: () => _(v),
+          children: v.charAt(0).toUpperCase() + v.slice(1)
+        },
+        v
+      )) }),
+      !n && /* @__PURE__ */ e("button", { className: "nice-api-designer__save-btn", onClick: P, children: "Save" })
+    ] }),
+    S.length > 0 && /* @__PURE__ */ e("div", { className: "nice-api-designer__errors", children: S.map((v, f) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: `nice-api-designer__error nice-api-designer__error--${v.severity}`,
+        children: [
+          /* @__PURE__ */ t("strong", { children: [
+            v.path,
+            ":"
+          ] }),
+          " ",
+          v.message
+        ]
+      },
+      f
+    )) }),
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__content", children: [
+      h === "info" && /* @__PURE__ */ e(le, { schema: d, onChange: E, readOnly: n }),
+      h === "paths" && /* @__PURE__ */ e(
+        oe,
+        {
+          endpoints: j,
+          schema: d,
+          selectedPath: b,
+          selectedMethod: p,
+          onSelectEndpoint: (v, f) => {
+            u(v), x(f);
+          },
+          onAdd: $,
+          onDelete: I,
+          onChange: E,
+          readOnly: n
+        }
+      ),
+      h === "schemas" && /* @__PURE__ */ e(
+        de,
+        {
+          schemas: ((O = d.components) == null ? void 0 : O.schemas) || {},
+          onAdd: F,
+          onChange: (v) => E((f) => ({
+            ...f,
+            components: { ...f.components, schemas: v }
+          })),
+          readOnly: n
+        }
+      ),
+      h === "security" && /* @__PURE__ */ e(
+        pe,
+        {
+          schemes: ((q = d.components) == null ? void 0 : q.securitySchemes) || {},
+          onChange: (v) => E((f) => ({
+            ...f,
+            components: { ...f.components, securitySchemes: v }
+          })),
+          readOnly: n
+        }
+      ),
+      h === "preview" && /* @__PURE__ */ e(ue, { schema: d })
+    ] })
+  ] });
+}
+function le({ schema: i, onChange: a, readOnly: c }) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-designer__info-editor", children: [
+    /* @__PURE__ */ e("h3", { children: "API Information" }),
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+      /* @__PURE__ */ e("label", { children: "Title" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: i.info.title,
+          onChange: (n) => a((r) => ({
+            ...r,
+            info: { ...r.info, title: n.target.value }
+          })),
+          disabled: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+      /* @__PURE__ */ e("label", { children: "Version" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: i.info.version,
+          onChange: (n) => a((r) => ({
+            ...r,
+            info: { ...r.info, version: n.target.value }
+          })),
+          disabled: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+      /* @__PURE__ */ e("label", { children: "Description" }),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          value: i.info.description || "",
+          onChange: (n) => a((r) => ({
+            ...r,
+            info: { ...r.info, description: n.target.value }
+          })),
+          disabled: c,
+          rows: 5
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Servers" }),
+    (i.servers || []).map((n, r) => /* @__PURE__ */ t("div", { className: "nice-api-designer__server", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: n.url,
+          placeholder: "Server URL",
+          onChange: (d) => a((o) => {
+            var b;
+            return {
+              ...o,
+              servers: (b = o.servers) == null ? void 0 : b.map(
+                (u, p) => p === r ? { ...u, url: d.target.value } : u
+              )
+            };
+          }),
+          disabled: c
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: n.description || "",
+          placeholder: "Description",
+          onChange: (d) => a((o) => {
+            var b;
+            return {
+              ...o,
+              servers: (b = o.servers) == null ? void 0 : b.map(
+                (u, p) => p === r ? { ...u, description: d.target.value } : u
+              )
+            };
+          }),
+          disabled: c
+        }
+      )
+    ] }, r)),
+    !c && /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => a((n) => ({
+          ...n,
+          servers: [...n.servers || [], { url: "https://api.example.com" }]
+        })),
+        children: "Add Server"
+      }
+    )
+  ] });
+}
+function oe({
+  endpoints: i,
+  schema: a,
+  selectedPath: c,
+  selectedMethod: n,
+  onSelectEndpoint: r,
+  onAdd: d,
+  onDelete: o,
+  onChange: b,
+  readOnly: u
+}) {
+  var x;
+  const p = c && n ? (x = a.paths[c]) == null ? void 0 : x[n] : null;
+  return /* @__PURE__ */ t("div", { className: "nice-api-designer__paths-editor", children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__endpoints-list", children: [
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__list-header", children: [
+        /* @__PURE__ */ e("h3", { children: "Endpoints" }),
+        !u && /* @__PURE__ */ e("button", { onClick: d, children: "+ Add" })
+      ] }),
+      i.map(({ path: h, method: _ }) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `nice-api-designer__endpoint ${c === h && n === _.toLowerCase() ? "nice-api-designer__endpoint--selected" : ""}`,
+          onClick: () => r(h, _.toLowerCase()),
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-api-designer__method nice-api-designer__method--${_.toLowerCase()}`,
+                children: _
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "nice-api-designer__path", children: h })
+          ]
+        },
+        `${_}-${h}`
+      ))
+    ] }),
+    p && c && n && /* @__PURE__ */ t("div", { className: "nice-api-designer__operation-editor", children: [
+      /* @__PURE__ */ t("h3", { children: [
+        n.toUpperCase(),
+        " ",
+        c
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "Summary" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: p.summary || "",
+            onChange: (h) => b((_) => ({
+              ..._,
+              paths: {
+                ..._.paths,
+                [c]: {
+                  ..._.paths[c],
+                  [n]: {
+                    ...p,
+                    summary: h.target.value
+                  }
+                }
+              }
+            })),
+            disabled: u
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "Description" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: p.description || "",
+            onChange: (h) => b((_) => ({
+              ..._,
+              paths: {
+                ..._.paths,
+                [c]: {
+                  ..._.paths[c],
+                  [n]: {
+                    ...p,
+                    description: h.target.value
+                  }
+                }
+              }
+            })),
+            disabled: u,
+            rows: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "Operation ID" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: p.operationId || "",
+            onChange: (h) => b((_) => ({
+              ..._,
+              paths: {
+                ..._.paths,
+                [c]: {
+                  ..._.paths[c],
+                  [n]: {
+                    ...p,
+                    operationId: h.target.value
+                  }
+                }
+              }
+            })),
+            disabled: u
+          }
+        )
+      ] }),
+      !u && /* @__PURE__ */ e(
+        "button",
+        {
+          className: "nice-api-designer__delete-btn",
+          onClick: () => o(c),
+          children: "Delete Endpoint"
+        }
+      )
+    ] })
+  ] });
+}
+function de({
+  schemas: i,
+  onAdd: a,
+  onChange: c,
+  readOnly: n
+}) {
+  const [r, d] = w(null);
+  return /* @__PURE__ */ t("div", { className: "nice-api-designer__schemas-editor", children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__schemas-list", children: [
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__list-header", children: [
+        /* @__PURE__ */ e("h3", { children: "Schemas" }),
+        !n && /* @__PURE__ */ e("button", { onClick: a, children: "+ Add" })
+      ] }),
+      Object.keys(i).map((o) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: `nice-api-designer__schema-item ${r === o ? "nice-api-designer__schema-item--selected" : ""}`,
+          onClick: () => d(o),
+          children: o
+        },
+        o
+      ))
+    ] }),
+    r && i[r] && /* @__PURE__ */ t("div", { className: "nice-api-designer__schema-editor", children: [
+      /* @__PURE__ */ e("h3", { children: r }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "Type" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: i[r].type || "object",
+            onChange: (o) => c({
+              ...i,
+              [r]: {
+                ...i[r],
+                type: o.target.value
+              }
+            }),
+            disabled: n,
+            children: [
+              /* @__PURE__ */ e("option", { value: "object", children: "object" }),
+              /* @__PURE__ */ e("option", { value: "array", children: "array" }),
+              /* @__PURE__ */ e("option", { value: "string", children: "string" }),
+              /* @__PURE__ */ e("option", { value: "number", children: "number" }),
+              /* @__PURE__ */ e("option", { value: "integer", children: "integer" }),
+              /* @__PURE__ */ e("option", { value: "boolean", children: "boolean" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "Description" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: i[r].description || "",
+            onChange: (o) => c({
+              ...i,
+              [r]: { ...i[r], description: o.target.value }
+            }),
+            disabled: n,
+            rows: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-designer__field", children: [
+        /* @__PURE__ */ e("label", { children: "JSON Schema" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: JSON.stringify(i[r], null, 2),
+            onChange: (o) => {
+              try {
+                const b = JSON.parse(o.target.value);
+                c({ ...i, [r]: b });
+              } catch {
+              }
+            },
+            disabled: n,
+            rows: 10,
+            className: "nice-api-designer__code"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function pe({ schemes: i, onChange: a, readOnly: c }) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-designer__security-editor", children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-designer__list-header", children: [
+      /* @__PURE__ */ e("h3", { children: "Security Schemes" }),
+      !c && /* @__PURE__ */ e("button", { onClick: () => {
+        a({
+          ...i,
+          newScheme: { type: "apiKey", name: "X-API-Key", in: "header" }
+        });
+      }, children: "+ Add" })
+    ] }),
+    Object.entries(i).map(([r, d]) => /* @__PURE__ */ t("div", { className: "nice-api-designer__security-item", children: [
+      /* @__PURE__ */ e("h4", { children: r }),
+      /* @__PURE__ */ e("pre", { children: JSON.stringify(d, null, 2) })
+    ] }, r))
+  ] });
+}
+function ue({ schema: i }) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-designer__json-preview", children: [
+    /* @__PURE__ */ e("h3", { children: "OpenAPI Specification" }),
+    /* @__PURE__ */ e("pre", { className: "nice-api-designer__code", children: JSON.stringify(i, null, 2) })
+  ] });
+}
+const he = ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS", "HEAD"], me = {
+  id: "",
+  name: "New Request",
+  method: "GET",
+  url: "",
+  headers: {},
+  queryParams: {}
+};
+function Q(i, a) {
+  return i.replace(/\{\{(\w+)\}\}/g, (c, n) => a[n] || `{{${n}}}`);
+}
+function _e(i, a) {
+  const c = Object.entries(a).filter(([, n]) => n).map(([n, r]) => `${encodeURIComponent(n)}=${encodeURIComponent(r)}`).join("&");
+  return c ? `${i}?${c}` : i;
+}
+function Oe({
+  collections: i = [],
+  environments: a = [],
+  onRequest: c,
+  onSaveCollection: n,
+  className: r = ""
+}) {
+  const [d, o] = w(i), [b, u] = w(a), [p, x] = w(
+    a.find((s) => s.isActive) || null
+  ), [h, _] = w({
+    ...me,
+    id: crypto.randomUUID()
+  }), [S, C] = w(null), [E, $] = w(!1), [I, F] = w("none"), [P, j] = w(
+    "params"
+  ), [O, q] = w("body"), [v, f] = w(""), [N, U] = w(""), [L, V] = w([]), [H, J] = w([]), K = Z(null), z = T(async () => {
+    var B;
+    if (!h.url)
+      return;
+    $(!0), C(null), V([]);
+    const s = Object.fromEntries(
+      Object.entries((p == null ? void 0 : p.variables) || {}).map(([A, D]) => [A, D.value])
+    ), g = {
+      ...h,
+      url: Q(h.url, s),
+      headers: Object.fromEntries(
+        Object.entries(h.headers).map(([A, D]) => [A, Q(D, s)])
+      ),
+      queryParams: Object.fromEntries(
+        Object.entries(h.queryParams).map(([A, D]) => [
+          A,
+          Q(D, s)
+        ])
+      )
+    }, k = performance.now();
+    try {
+      let A;
+      if (c)
+        A = await c(g);
+      else {
+        K.current = new AbortController();
+        const D = { ...g.headers };
+        h.auth && ge(D, h.auth);
+        const ae = _e(g.url, g.queryParams), ee = {
+          method: g.method,
+          headers: D,
+          signal: K.current.signal
+        };
+        ["POST", "PUT", "PATCH"].includes(g.method) && ((B = h.body) != null && B.content) && (ee.body = typeof h.body.content == "string" ? h.body.content : JSON.stringify(h.body.content), h.body.type === "json" && (D["Content-Type"] = "application/json"));
+        const M = await fetch(ae, ee), X = await M.text();
+        let Y;
+        try {
+          Y = JSON.parse(X);
+        } catch {
+          Y = X;
+        }
+        const re = performance.now();
+        A = {
+          status: M.status,
+          statusText: M.statusText,
+          headers: Object.fromEntries(M.headers.entries()),
+          body: Y,
+          time: Math.round(re - k),
+          size: new Blob([X]).size,
+          timestamp: /* @__PURE__ */ new Date()
+        };
+      }
+      if (C(A), J(
+        (D) => [...D, { request: h, response: A }].slice(-50)
+      ), N) {
+        const D = ve(N, A);
+        V(D);
+      }
+    } catch (A) {
+      A.name !== "AbortError" && C({
+        status: 0,
+        statusText: "Error",
+        headers: {},
+        body: { error: A.message },
+        time: Math.round(performance.now() - k),
+        size: 0,
+        timestamp: /* @__PURE__ */ new Date()
+      });
+    } finally {
+      $(!1), K.current = null;
+    }
+  }, [h, p, c, N]), G = T(() => {
+    var s;
+    (s = K.current) == null || s.abort(), $(!1);
+  }, []), l = T(() => {
+    _((s) => ({
+      ...s,
+      headers: { ...s.headers, "": "" }
+    }));
+  }, []), m = T(() => {
+    _((s) => ({
+      ...s,
+      queryParams: { ...s.queryParams, "": "" }
+    }));
+  }, []), y = T(() => {
+    if (d.length === 0) {
+      const s = {
+        id: crypto.randomUUID(),
+        name: "My Collection",
+        requests: [h]
+      };
+      o([s]), n == null || n(s);
+    } else {
+      const s = {
+        ...d[0],
+        requests: [...d[0].requests, h]
+      };
+      o((g) => [s, ...g.slice(1)]), n == null || n(s);
+    }
+  }, [d, h, n]);
+  return /* @__PURE__ */ t("div", { className: `nice-api-tester ${r}`, children: [
+    /* @__PURE__ */ e("div", { className: "nice-api-tester__toolbar", children: /* @__PURE__ */ e("div", { className: "nice-api-tester__env-selector", children: /* @__PURE__ */ t(
+      "select",
+      {
+        value: (p == null ? void 0 : p.id) || "",
+        onChange: (s) => x(b.find((g) => g.id === s.target.value) || null),
+        children: [
+          /* @__PURE__ */ e("option", { value: "", children: "No Environment" }),
+          b.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, s.id))
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ t("div", { className: "nice-api-tester__request-bar", children: [
+      /* @__PURE__ */ e(
+        "select",
+        {
+          value: h.method,
+          onChange: (s) => _((g) => ({
+            ...g,
+            method: s.target.value
+          })),
+          className: `nice-api-tester__method nice-api-tester__method--${h.method.toLowerCase()}`,
+          children: he.map((s) => /* @__PURE__ */ e("option", { value: s, children: s }, s))
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: h.url,
+          onChange: (s) => _((g) => ({ ...g, url: s.target.value })),
+          placeholder: "Enter request URL",
+          className: "nice-api-tester__url-input"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: E ? G : z,
+          className: `nice-api-tester__send-btn ${E ? "nice-api-tester__send-btn--loading" : ""}`,
+          children: E ? "Cancel" : "Send"
+        }
+      ),
+      /* @__PURE__ */ e("button", { onClick: y, className: "nice-api-tester__save-btn", children: "Save" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-api-tester__main", children: [
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__request-panel", children: [
+        /* @__PURE__ */ e("div", { className: "nice-api-tester__tabs", children: ["params", "headers", "body", "auth", "tests"].map((s) => /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-api-tester__tab ${P === s ? "nice-api-tester__tab--active" : ""}`,
+            onClick: () => j(s),
+            children: s.charAt(0).toUpperCase() + s.slice(1)
+          },
+          s
+        )) }),
+        /* @__PURE__ */ t("div", { className: "nice-api-tester__tab-content", children: [
+          P === "params" && /* @__PURE__ */ e(
+            fe,
+            {
+              params: h.queryParams,
+              onChange: (s) => _((g) => ({ ...g, queryParams: s })),
+              onAdd: m
+            }
+          ),
+          P === "headers" && /* @__PURE__ */ e(
+            ye,
+            {
+              headers: h.headers,
+              onChange: (s) => _((g) => ({ ...g, headers: s })),
+              onAdd: l
+            }
+          ),
+          P === "body" && /* @__PURE__ */ e(
+            Ne,
+            {
+              body: h.body,
+              bodyTab: I,
+              onBodyTabChange: F,
+              onChange: (s) => _((g) => ({ ...g, body: s }))
+            }
+          ),
+          P === "auth" && /* @__PURE__ */ e(
+            we,
+            {
+              auth: h.auth,
+              onChange: (s) => _((g) => ({ ...g, auth: s }))
+            }
+          ),
+          P === "tests" && /* @__PURE__ */ e(
+            Ce,
+            {
+              preRequestScript: v,
+              testScript: N,
+              onPreRequestChange: f,
+              onTestChange: U
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-api-tester__response-panel", children: S ? /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-api-tester__response-meta", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: `nice-api-tester__status nice-api-tester__status--${Math.floor(S.status / 100)}`,
+              children: [
+                S.status,
+                " ",
+                S.statusText
+              ]
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "nice-api-tester__time", children: [
+            S.time,
+            "ms"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "nice-api-tester__size", children: be(S.size) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-api-tester__tabs", children: ["body", "headers", "tests"].map((s) => /* @__PURE__ */ t(
+          "button",
+          {
+            className: `nice-api-tester__tab ${O === s ? "nice-api-tester__tab--active" : ""}`,
+            onClick: () => q(s),
+            children: [
+              s.charAt(0).toUpperCase() + s.slice(1),
+              s === "tests" && L.length > 0 && /* @__PURE__ */ t("span", { className: "nice-api-tester__test-badge", children: [
+                L.filter((g) => g.passed).length,
+                "/",
+                L.length
+              ] })
+            ]
+          },
+          s
+        )) }),
+        /* @__PURE__ */ t("div", { className: "nice-api-tester__response-content", children: [
+          O === "body" && /* @__PURE__ */ e("pre", { className: "nice-api-tester__response-body", children: typeof S.body == "string" ? S.body : JSON.stringify(S.body, null, 2) }),
+          O === "headers" && /* @__PURE__ */ e("div", { className: "nice-api-tester__response-headers", children: Object.entries(S.headers).map(([s, g]) => /* @__PURE__ */ t("div", { className: "nice-api-tester__header-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-api-tester__header-key", children: s }),
+            /* @__PURE__ */ e("span", { className: "nice-api-tester__header-value", children: g })
+          ] }, s)) }),
+          O === "tests" && /* @__PURE__ */ e("div", { className: "nice-api-tester__test-results", children: L.map((s, g) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: `nice-api-tester__test-result nice-api-tester__test-result--${s.passed ? "pass" : "fail"}`,
+              children: [
+                /* @__PURE__ */ e("span", { className: "nice-api-tester__test-icon", children: s.passed ? "✓" : "✗" }),
+                /* @__PURE__ */ e("span", { className: "nice-api-tester__test-name", children: s.name }),
+                s.message && /* @__PURE__ */ e("span", { className: "nice-api-tester__test-message", children: s.message })
+              ]
+            },
+            g
+          )) })
+        ] })
+      ] }) : /* @__PURE__ */ e("div", { className: "nice-api-tester__empty-response", children: E ? "Loading..." : "Send a request to see the response" }) })
+    ] }),
+    H.length > 0 && /* @__PURE__ */ t("div", { className: "nice-api-tester__history", children: [
+      /* @__PURE__ */ e("h4", { children: "History" }),
+      /* @__PURE__ */ e("div", { className: "nice-api-tester__history-list", children: H.slice().reverse().map(({ request: s, response: g }, k) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: "nice-api-tester__history-item",
+          onClick: () => _(s),
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-api-tester__method nice-api-tester__method--${s.method.toLowerCase()}`,
+                children: s.method
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "nice-api-tester__history-url", children: s.url }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-api-tester__status nice-api-tester__status--${Math.floor(
+                  g.status / 100
+                )}`,
+                children: g.status
+              }
+            )
+          ]
+        },
+        k
+      )) })
+    ] })
+  ] });
+}
+function ge(i, a) {
+  var c, n, r, d, o;
+  switch (a.type) {
+    case "bearer":
+      i.Authorization = `${((c = a.bearer) == null ? void 0 : c.prefix) || "Bearer"} ${(n = a.bearer) == null ? void 0 : n.token}`;
+      break;
+    case "basic":
+      i.Authorization = `Basic ${btoa(`${(r = a.basic) == null ? void 0 : r.username}:${(d = a.basic) == null ? void 0 : d.password}`)}`;
+      break;
+    case "api-key":
+      ((o = a.apiKey) == null ? void 0 : o.in) === "header" && (i[a.apiKey.key] = a.apiKey.value);
+      break;
+  }
+}
+function be(i) {
+  return i < 1024 ? `${i} B` : i < 1024 * 1024 ? `${(i / 1024).toFixed(1)} KB` : `${(i / (1024 * 1024)).toFixed(1)} MB`;
+}
+function ve(i, a) {
+  const c = [], n = {
+    response: {
+      code: a.status,
+      status: a.statusText,
+      headers: a.headers,
+      json: () => a.body,
+      text: () => typeof a.body == "string" ? a.body : JSON.stringify(a.body),
+      responseTime: a.time
+    },
+    test: (r, d) => {
+      const o = performance.now();
+      try {
+        d(), c.push({ name: r, passed: !0, duration: performance.now() - o });
+      } catch (b) {
+        c.push({
+          name: r,
+          passed: !1,
+          message: b.message,
+          duration: performance.now() - o
+        });
+      }
+    },
+    expect: (r) => ({
+      to: {
+        equal: (d) => {
+          if (r !== d)
+            throw new Error(`Expected ${d} but got ${r}`);
+        },
+        be: {
+          oneOf: (d) => {
+            if (!d.includes(r))
+              throw new Error(`Expected ${r} to be one of ${d}`);
+          }
+        },
+        have: {
+          property: (d) => {
+            if (typeof r != "object" || r === null || !(d in r))
+              throw new Error(`Expected object to have property ${d}`);
+          }
+        }
+      }
+    })
+  };
+  try {
+    new Function("pm", i)(n);
+  } catch (r) {
+    c.push({
+      name: "Script Error",
+      passed: !1,
+      message: r.message,
+      duration: 0
+    });
+  }
+  return c;
+}
+function te({
+  items: i,
+  onChange: a,
+  onAdd: c,
+  keyPlaceholder: n = "Key",
+  valuePlaceholder: r = "Value"
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-tester__kv-editor", children: [
+    Object.entries(i).map(([d, o], b) => /* @__PURE__ */ t("div", { className: "nice-api-tester__kv-row", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: d,
+          placeholder: n,
+          onChange: (u) => {
+            const p = Object.entries(i);
+            p[b] = [u.target.value, o], a(Object.fromEntries(p));
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: o,
+          placeholder: r,
+          onChange: (u) => a({ ...i, [d]: u.target.value })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            const { [d]: u, ...p } = i;
+            a(p);
+          },
+          children: "×"
+        }
+      )
+    ] }, b)),
+    /* @__PURE__ */ e("button", { onClick: c, className: "nice-api-tester__add-btn", children: "+ Add" })
+  ] });
+}
+function fe({
+  params: i,
+  onChange: a,
+  onAdd: c
+}) {
+  return /* @__PURE__ */ e(
+    te,
+    {
+      items: i,
+      onChange: a,
+      onAdd: c,
+      keyPlaceholder: "Parameter",
+      valuePlaceholder: "Value"
+    }
+  );
+}
+function ye({
+  headers: i,
+  onChange: a,
+  onAdd: c
+}) {
+  return /* @__PURE__ */ e(
+    te,
+    {
+      items: i,
+      onChange: a,
+      onAdd: c,
+      keyPlaceholder: "Header",
+      valuePlaceholder: "Value"
+    }
+  );
+}
+function Ne({
+  body: i,
+  bodyTab: a,
+  onBodyTabChange: c,
+  onChange: n
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-tester__body-editor", children: [
+    /* @__PURE__ */ e("div", { className: "nice-api-tester__body-tabs", children: ["none", "json", "form-data", "raw"].map((r) => /* @__PURE__ */ t("label", { children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "radio",
+          checked: a === r,
+          onChange: () => {
+            c(r), n({ type: r, content: "" });
+          }
+        }
+      ),
+      r
+    ] }, r)) }),
+    a !== "none" && /* @__PURE__ */ e(
+      "textarea",
+      {
+        value: typeof (i == null ? void 0 : i.content) == "string" ? i.content : JSON.stringify(i == null ? void 0 : i.content, null, 2),
+        onChange: (r) => n({ type: a, content: r.target.value }),
+        placeholder: a === "json" ? '{ "key": "value" }' : "Enter body content",
+        rows: 10,
+        className: "nice-api-tester__body-textarea"
+      }
+    )
+  ] });
+}
+function we({
+  auth: i,
+  onChange: a
+}) {
+  var c, n, r, d, o, b;
+  return /* @__PURE__ */ t("div", { className: "nice-api-tester__auth-editor", children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+      /* @__PURE__ */ e("label", { children: "Type" }),
+      /* @__PURE__ */ t(
+        "select",
+        {
+          value: (i == null ? void 0 : i.type) || "none",
+          onChange: (u) => a({ type: u.target.value }),
+          children: [
+            /* @__PURE__ */ e("option", { value: "none", children: "No Auth" }),
+            /* @__PURE__ */ e("option", { value: "api-key", children: "API Key" }),
+            /* @__PURE__ */ e("option", { value: "bearer", children: "Bearer Token" }),
+            /* @__PURE__ */ e("option", { value: "basic", children: "Basic Auth" }),
+            /* @__PURE__ */ e("option", { value: "oauth2", children: "OAuth 2.0" })
+          ]
+        }
+      )
+    ] }),
+    (i == null ? void 0 : i.type) === "api-key" && /* @__PURE__ */ t(R, { children: [
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+        /* @__PURE__ */ e("label", { children: "Key" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: ((c = i.apiKey) == null ? void 0 : c.key) || "",
+            onChange: (u) => {
+              var p, x;
+              return a({
+                ...i,
+                apiKey: {
+                  ...i.apiKey,
+                  key: u.target.value,
+                  value: ((p = i.apiKey) == null ? void 0 : p.value) || "",
+                  in: ((x = i.apiKey) == null ? void 0 : x.in) || "header"
+                }
+              });
+            },
+            placeholder: "X-API-Key"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+        /* @__PURE__ */ e("label", { children: "Value" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: ((n = i.apiKey) == null ? void 0 : n.value) || "",
+            onChange: (u) => {
+              var p, x;
+              return a({
+                ...i,
+                apiKey: {
+                  ...i.apiKey,
+                  value: u.target.value,
+                  key: ((p = i.apiKey) == null ? void 0 : p.key) || "",
+                  in: ((x = i.apiKey) == null ? void 0 : x.in) || "header"
+                }
+              });
+            },
+            placeholder: "your-api-key"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+        /* @__PURE__ */ e("label", { children: "Add to" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: ((r = i.apiKey) == null ? void 0 : r.in) || "header",
+            onChange: (u) => {
+              var p, x;
+              return a({
+                ...i,
+                apiKey: {
+                  ...i.apiKey,
+                  in: u.target.value,
+                  key: ((p = i.apiKey) == null ? void 0 : p.key) || "",
+                  value: ((x = i.apiKey) == null ? void 0 : x.value) || ""
+                }
+              });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "header", children: "Header" }),
+              /* @__PURE__ */ e("option", { value: "query", children: "Query Params" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    (i == null ? void 0 : i.type) === "bearer" && /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+      /* @__PURE__ */ e("label", { children: "Token" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: ((d = i.bearer) == null ? void 0 : d.token) || "",
+          onChange: (u) => a({ ...i, bearer: { token: u.target.value } }),
+          placeholder: "your-bearer-token"
+        }
+      )
+    ] }),
+    (i == null ? void 0 : i.type) === "basic" && /* @__PURE__ */ t(R, { children: [
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+        /* @__PURE__ */ e("label", { children: "Username" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: ((o = i.basic) == null ? void 0 : o.username) || "",
+            onChange: (u) => {
+              var p;
+              return a({
+                ...i,
+                basic: {
+                  ...i.basic,
+                  username: u.target.value,
+                  password: ((p = i.basic) == null ? void 0 : p.password) || ""
+                }
+              });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-api-tester__field", children: [
+        /* @__PURE__ */ e("label", { children: "Password" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "password",
+            value: ((b = i.basic) == null ? void 0 : b.password) || "",
+            onChange: (u) => {
+              var p;
+              return a({
+                ...i,
+                basic: {
+                  ...i.basic,
+                  password: u.target.value,
+                  username: ((p = i.basic) == null ? void 0 : p.username) || ""
+                }
+              });
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Ce({
+  preRequestScript: i,
+  testScript: a,
+  onPreRequestChange: c,
+  onTestChange: n
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-api-tester__tests-editor", children: [
+    /* @__PURE__ */ t("div", { className: "nice-api-tester__script-section", children: [
+      /* @__PURE__ */ e("h4", { children: "Pre-request Script" }),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          value: i,
+          onChange: (r) => c(r.target.value),
+          placeholder: "// Code to run before the request",
+          rows: 5
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-api-tester__script-section", children: [
+      /* @__PURE__ */ e("h4", { children: "Tests" }),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          value: a,
+          onChange: (r) => n(r.target.value),
+          placeholder: `pm.test("Status code is 200", function () {
+    pm.expect(pm.response.code).to.equal(200);
+});`,
+          rows: 8
+        }
+      )
+    ] })
+  ] });
+}
+const W = [
+  { type: "trigger", label: "Trigger", icon: "⚡", category: "Control" },
+  { type: "http-request", label: "HTTP Request", icon: "🌐", category: "Actions" },
+  { type: "transform", label: "Transform", icon: "🔄", category: "Data" },
+  { type: "filter", label: "Filter", icon: "🔍", category: "Data" },
+  { type: "switch", label: "Switch", icon: "⑂", category: "Control" },
+  { type: "loop", label: "Loop", icon: "🔁", category: "Control" },
+  { type: "delay", label: "Delay", icon: "⏱️", category: "Control" },
+  { type: "set-variable", label: "Set Variable", icon: "📝", category: "Data" },
+  { type: "database", label: "Database", icon: "🗄️", category: "Actions" },
+  { type: "email", label: "Email", icon: "✉️", category: "Actions" },
+  { type: "webhook", label: "Webhook", icon: "🔗", category: "Actions" },
+  { type: "function", label: "Function", icon: "ƒ", category: "Actions" },
+  { type: "error-handler", label: "Error Handler", icon: "⚠️", category: "Control" }
+], Ee = {
+  id: "",
+  name: "New Flow",
+  nodes: [],
+  connections: [],
+  variables: {},
+  triggers: [],
+  errorHandling: { strategy: "stop" }
+};
+function Ie({
+  flow: i,
+  connectors: a = [],
+  onChange: c,
+  onSave: n,
+  onRun: r,
+  className: d = ""
+}) {
+  const [o, b] = w(
+    i || { ...Ee, id: crypto.randomUUID() }
+  ), [u, p] = w(null), [x, h] = w(!0), [_, S] = w("canvas"), [C, E] = w(!1), [$, I] = w(null), [F, P] = w(!1), [j, O] = w(null), [q, v] = w(!1), f = Z(null), N = T(
+    (l) => {
+      b((m) => {
+        const y = l(m);
+        return c == null || c(y), y;
+      });
+    },
+    [c]
+  ), U = T(
+    (l, m) => {
+      var s;
+      const y = {
+        id: crypto.randomUUID(),
+        type: l,
+        name: ((s = W.find((g) => g.type === l)) == null ? void 0 : s.label) || l,
+        position: m,
+        config: xe(l),
+        inputs: l !== "trigger" ? ["input"] : [],
+        outputs: ["output"]
+      };
+      N((g) => ({
+        ...g,
+        nodes: [...g.nodes, y]
+      })), p(y);
+    },
+    [N]
+  ), L = T(
+    (l) => {
+      N((m) => ({
+        ...m,
+        nodes: m.nodes.filter((y) => y.id !== l),
+        connections: m.connections.filter(
+          (y) => y.sourceNodeId !== l && y.targetNodeId !== l
+        )
+      })), p(null);
+    },
+    [N]
+  ), V = T(
+    (l, m) => {
+      N((y) => ({
+        ...y,
+        nodes: y.nodes.map((s) => s.id === l ? { ...s, ...m } : s)
+      })), (u == null ? void 0 : u.id) === l && p((y) => y ? { ...y, ...m } : null);
+    },
+    [N, u]
+  ), H = T(
+    (l, m, y, s) => {
+      l === y || o.connections.some(
+        (k) => k.sourceNodeId === l && k.targetNodeId === y && k.sourceOutput === m && k.targetInput === s
+      ) || N((k) => ({
+        ...k,
+        connections: [
+          ...k.connections,
+          {
+            id: crypto.randomUUID(),
+            sourceNodeId: l,
+            sourceOutput: m,
+            targetNodeId: y,
+            targetInput: s
+          }
+        ]
+      }));
+    },
+    [o.connections, N]
+  ), J = T(
+    (l) => {
+      N((m) => ({
+        ...m,
+        connections: m.connections.filter((y) => y.id !== l)
+      }));
+    },
+    [N]
+  ), K = T(
+    (l) => {
+      if (l.preventDefault(), !$ || !f.current)
+        return;
+      const m = f.current.getBoundingClientRect(), y = l.clientX - m.left, s = l.clientY - m.top;
+      U($, { x: y, y: s }), E(!1), I(null);
+    },
+    [$, U]
+  ), z = T(async () => {
+    if (r) {
+      v(!0);
+      try {
+        await r(o);
+      } finally {
+        v(!1);
+      }
+    }
+  }, [o, r]), G = T(() => {
+    n == null || n(o);
+  }, [o, n]);
+  return /* @__PURE__ */ t("div", { className: `nice-integration-builder ${d}`, children: [
+    /* @__PURE__ */ t("div", { className: "nice-integration-builder__toolbar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: o.name,
+          onChange: (l) => N((m) => ({ ...m, name: l.target.value })),
+          className: "nice-integration-builder__name-input"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "nice-integration-builder__tabs", children: ["canvas", "code", "variables", "settings"].map((l) => /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-integration-builder__tab ${_ === l ? "nice-integration-builder__tab--active" : ""}`,
+          onClick: () => S(l),
+          children: l.charAt(0).toUpperCase() + l.slice(1)
+        },
+        l
+      )) }),
+      /* @__PURE__ */ t("div", { className: "nice-integration-builder__actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: z,
+            disabled: q,
+            className: "nice-integration-builder__run-btn",
+            children: q ? "⏳ Running..." : "▶ Run"
+          }
+        ),
+        /* @__PURE__ */ e("button", { onClick: G, className: "nice-integration-builder__save-btn", children: "💾 Save" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-integration-builder__main", children: [
+      x && _ === "canvas" && /* @__PURE__ */ t("div", { className: "nice-integration-builder__palette", children: [
+        /* @__PURE__ */ e("h4", { children: "Nodes" }),
+        ["Control", "Actions", "Data"].map((l) => /* @__PURE__ */ t("div", { className: "nice-integration-builder__category", children: [
+          /* @__PURE__ */ e("h5", { children: l }),
+          W.filter((m) => m.category === l).map((m) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: "nice-integration-builder__palette-item",
+              draggable: !0,
+              onDragStart: () => {
+                E(!0), I(m.type);
+              },
+              onDragEnd: () => {
+                E(!1), I(null);
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: "nice-integration-builder__palette-icon", children: m.icon }),
+                /* @__PURE__ */ e("span", { children: m.label })
+              ]
+            },
+            m.type
+          ))
+        ] }, l)),
+        a.length > 0 && /* @__PURE__ */ t("div", { className: "nice-integration-builder__category", children: [
+          /* @__PURE__ */ e("h5", { children: "Connectors" }),
+          a.map((l) => /* @__PURE__ */ t("div", { className: "nice-integration-builder__palette-item", children: [
+            /* @__PURE__ */ e("span", { className: "nice-integration-builder__palette-icon", children: "🔌" }),
+            /* @__PURE__ */ e("span", { children: l.name })
+          ] }, l.id))
+        ] })
+      ] }),
+      _ === "canvas" && /* @__PURE__ */ t(
+        "div",
+        {
+          ref: f,
+          className: `nice-integration-builder__canvas ${C ? "nice-integration-builder__canvas--dragging" : ""}`,
+          onDragOver: (l) => l.preventDefault(),
+          onDrop: K,
+          onClick: () => p(null),
+          children: [
+            /* @__PURE__ */ e("svg", { className: "nice-integration-builder__connections", children: o.connections.map((l) => {
+              const m = o.nodes.find((D) => D.id === l.sourceNodeId), y = o.nodes.find((D) => D.id === l.targetNodeId);
+              if (!m || !y)
+                return null;
+              const s = m.position.x + 150, g = m.position.y + 30, k = y.position.x, B = y.position.y + 30, A = (s + k) / 2;
+              return /* @__PURE__ */ e("g", { onClick: () => J(l.id), children: /* @__PURE__ */ e(
+                "path",
+                {
+                  d: `M ${s} ${g} C ${A} ${g}, ${A} ${B}, ${k} ${B}`,
+                  className: "nice-integration-builder__connection"
+                }
+              ) }, l.id);
+            }) }),
+            o.nodes.map((l) => /* @__PURE__ */ e(
+              Te,
+              {
+                node: l,
+                isSelected: (u == null ? void 0 : u.id) === l.id,
+                onSelect: () => p(l),
+                onDelete: () => L(l.id),
+                onPositionChange: (m) => V(l.id, { position: m }),
+                onStartConnection: (m) => {
+                  P(!0), O({ nodeId: l.id, output: m });
+                },
+                onEndConnection: (m) => {
+                  j && H(j.nodeId, j.output, l.id, m), P(!1), O(null);
+                }
+              },
+              l.id
+            )),
+            o.nodes.length === 0 && /* @__PURE__ */ e("div", { className: "nice-integration-builder__empty", children: "Drag nodes from the palette to build your flow" })
+          ]
+        }
+      ),
+      _ === "code" && /* @__PURE__ */ e("div", { className: "nice-integration-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(o, null, 2) }) }),
+      _ === "variables" && /* @__PURE__ */ e(
+        Ae,
+        {
+          variables: o.variables,
+          onChange: (l) => N((m) => ({ ...m, variables: l }))
+        }
+      ),
+      _ === "settings" && /* @__PURE__ */ e(
+        De,
+        {
+          errorHandling: o.errorHandling,
+          schedule: o.schedule,
+          onChange: (l, m) => N((y) => ({ ...y, errorHandling: l, schedule: m }))
+        }
+      ),
+      u && _ === "canvas" && /* @__PURE__ */ e(
+        Se,
+        {
+          node: u,
+          onChange: (l) => V(u.id, l),
+          onClose: () => p(null)
+        }
+      )
+    ] })
+  ] });
+}
+function xe(i) {
+  switch (i) {
+    case "http-request":
+      return { method: "GET", url: "", headers: {}, body: "" };
+    case "transform":
+      return { mapping: [] };
+    case "filter":
+      return { condition: "" };
+    case "switch":
+      return { cases: [] };
+    case "loop":
+      return { collection: "", itemVariable: "item" };
+    case "delay":
+      return { duration: 1e3 };
+    case "set-variable":
+      return { name: "", value: "" };
+    case "database":
+      return { operation: "query", query: "" };
+    case "email":
+      return { to: "", subject: "", body: "" };
+    case "webhook":
+      return { method: "POST", url: "" };
+    case "function":
+      return { code: `// Your code here
+return input;` };
+    case "error-handler":
+      return { strategy: "retry", maxRetries: 3 };
+    default:
+      return {};
+  }
+}
+function Te({
+  node: i,
+  isSelected: a,
+  onSelect: c,
+  onDelete: n,
+  onPositionChange: r,
+  onStartConnection: d,
+  onEndConnection: o
+}) {
+  const [b, u] = w(!1), [p, x] = w({ x: 0, y: 0 }), h = Z(null), _ = W.find((C) => C.type === i.type), S = (C) => {
+    C.button === 0 && (C.stopPropagation(), u(!0), x({
+      x: C.clientX - i.position.x,
+      y: C.clientY - i.position.y
+    }), c());
+  };
+  return se(() => {
+    if (!b)
+      return;
+    const C = ($) => {
+      r({
+        x: $.clientX - p.x,
+        y: $.clientY - p.y
+      });
+    }, E = () => {
+      u(!1);
+    };
+    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", E), () => {
+      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", E);
+    };
+  }, [b, p, r]), /* @__PURE__ */ t(
+    "div",
+    {
+      ref: h,
+      className: `nice-integration-builder__node nice-integration-builder__node--${i.type} ${a ? "nice-integration-builder__node--selected" : ""}`,
+      style: {
+        left: i.position.x,
+        top: i.position.y
+      },
+      onMouseDown: S,
+      children: [
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__node-header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-integration-builder__node-icon", children: (_ == null ? void 0 : _.icon) || "📦" }),
+          /* @__PURE__ */ e("span", { className: "nice-integration-builder__node-name", children: i.name }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-integration-builder__node-delete",
+              onClick: (C) => {
+                C.stopPropagation(), n();
+              },
+              children: "×"
+            }
+          )
+        ] }),
+        i.inputs.map((C) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-integration-builder__port nice-integration-builder__port--input",
+            onMouseUp: () => o(C),
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-integration-builder__port-dot" }),
+              /* @__PURE__ */ e("span", { className: "nice-integration-builder__port-label", children: C })
+            ]
+          },
+          C
+        )),
+        i.outputs.map((C) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-integration-builder__port nice-integration-builder__port--output",
+            onMouseDown: (E) => {
+              E.stopPropagation(), d(C);
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-integration-builder__port-label", children: C }),
+              /* @__PURE__ */ e("span", { className: "nice-integration-builder__port-dot" })
+            ]
+          },
+          C
+        ))
+      ]
+    }
+  );
+}
+function Se({
+  node: i,
+  onChange: a,
+  onClose: c
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-integration-builder__properties", children: [
+    /* @__PURE__ */ t("div", { className: "nice-integration-builder__properties-header", children: [
+      /* @__PURE__ */ e("h4", { children: i.name }),
+      /* @__PURE__ */ e("button", { onClick: c, children: "×" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-integration-builder__properties-content", children: [
+      /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: i.name,
+            onChange: (n) => a({ name: n.target.value })
+          }
+        )
+      ] }),
+      i.type === "http-request" && /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Method" }),
+          /* @__PURE__ */ e(
+            "select",
+            {
+              value: i.config.method || "GET",
+              onChange: (n) => a({ config: { ...i.config, method: n.target.value } }),
+              children: ["GET", "POST", "PUT", "PATCH", "DELETE"].map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "URL" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: i.config.url || "",
+              onChange: (n) => a({ config: { ...i.config, url: n.target.value } }),
+              placeholder: "https://api.example.com/endpoint"
+            }
+          )
+        ] })
+      ] }),
+      i.type === "delay" && /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Duration (ms)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: i.config.duration || 1e3,
+            onChange: (n) => a({ config: { ...i.config, duration: parseInt(n.target.value, 10) } })
+          }
+        )
+      ] }),
+      i.type === "set-variable" && /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Variable Name" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: i.config.name || "",
+              onChange: (n) => a({ config: { ...i.config, name: n.target.value } })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Value" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: i.config.value || "",
+              onChange: (n) => a({ config: { ...i.config, value: n.target.value } })
+            }
+          )
+        ] })
+      ] }),
+      i.type === "function" && /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Code" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: i.config.code || "",
+            onChange: (n) => a({ config: { ...i.config, code: n.target.value } }),
+            rows: 10,
+            className: "nice-integration-builder__code-input"
+          }
+        )
+      ] }),
+      i.type === "email" && /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "To" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: i.config.to || "",
+              onChange: (n) => a({ config: { ...i.config, to: n.target.value } })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Subject" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: i.config.subject || "",
+              onChange: (n) => a({ config: { ...i.config, subject: n.target.value } })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Body" }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: i.config.body || "",
+              onChange: (n) => a({ config: { ...i.config, body: n.target.value } }),
+              rows: 5
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Ae({ variables: i, onChange: a }) {
+  const c = () => {
+    a({ ...i, newVariable: "" });
+  };
+  return /* @__PURE__ */ t("div", { className: "nice-integration-builder__variables", children: [
+    /* @__PURE__ */ e("h4", { children: "Flow Variables" }),
+    /* @__PURE__ */ e("div", { className: "nice-integration-builder__variables-list", children: Object.entries(i).map(([n, r]) => /* @__PURE__ */ t("div", { className: "nice-integration-builder__variable-row", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: n,
+          onChange: (d) => {
+            const { [n]: o, ...b } = i;
+            a({ ...b, [d.target.value]: r });
+          },
+          placeholder: "Name"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: String(r),
+          onChange: (d) => a({ ...i, [n]: d.target.value }),
+          placeholder: "Value"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            const { [n]: d, ...o } = i;
+            a(o);
+          },
+          children: "×"
+        }
+      )
+    ] }, n)) }),
+    /* @__PURE__ */ e("button", { onClick: c, children: "+ Add Variable" })
+  ] });
+}
+function De({
+  errorHandling: i,
+  schedule: a,
+  onChange: c
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-integration-builder__settings", children: [
+    /* @__PURE__ */ e("h4", { children: "Error Handling" }),
+    /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+      /* @__PURE__ */ e("label", { children: "Strategy" }),
+      /* @__PURE__ */ t(
+        "select",
+        {
+          value: i.strategy,
+          onChange: (n) => c(
+            { ...i, strategy: n.target.value },
+            a
+          ),
+          children: [
+            /* @__PURE__ */ e("option", { value: "stop", children: "Stop on error" }),
+            /* @__PURE__ */ e("option", { value: "continue", children: "Continue on error" }),
+            /* @__PURE__ */ e("option", { value: "retry", children: "Retry on error" })
+          ]
+        }
+      )
+    ] }),
+    i.strategy === "retry" && /* @__PURE__ */ t(R, { children: [
+      /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Max Retries" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: i.maxRetries || 3,
+            onChange: (n) => c({ ...i, maxRetries: parseInt(n.target.value, 10) }, a)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Retry Delay (ms)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: i.retryDelay || 1e3,
+            onChange: (n) => c({ ...i, retryDelay: parseInt(n.target.value, 10) }, a)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Schedule" }),
+    /* @__PURE__ */ e("div", { className: "nice-integration-builder__field", children: /* @__PURE__ */ t("label", { children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          checked: (a == null ? void 0 : a.enabled) || !1,
+          onChange: (n) => c(i, { ...a, enabled: n.target.checked })
+        }
+      ),
+      "Enable scheduled execution"
+    ] }) }),
+    (a == null ? void 0 : a.enabled) && /* @__PURE__ */ t("div", { className: "nice-integration-builder__field", children: [
+      /* @__PURE__ */ e("label", { children: "Cron Expression" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: a.cron || "",
+          onChange: (n) => c(i, { ...a, cron: n.target.value }),
+          placeholder: "0 0 * * *"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Pe as NiceAPIDesigner,
+  Oe as NiceAPITester,
+  Ie as NiceIntegrationBuilder
+};