@hiver/connector-admin 0.0.10-beta.21 → 0.0.10-beta.22

package/index-Bp6DI_TD.js

@@ -0,0 +1,68 @@
+import { s as p, b as s, Q as f, j as t, T as r, I as A, u as I, U as c, ah as b, ai as v, R as w, aj as S, ak as T, al as y, am as P, a1 as D, X as m } from "./index-CFzc44V0.js";
+import { useEffect as k } from "react";
+import { C as u, e as E, f as B, T as M } from "./styled-ui-components-CXuEXO04.js";
+import { b as Z } from "./index-n9pprR8F.js";
+const _ = "APIs in {{connector}} connector", N = "Following are the list of APIs that you will find in this connector", R = p(s)`
+  width: 100%;
+  height: ${(e) => e.height ? e.height : "72px"};
+  gap: 12px;
+  padding: 16px;
+  border: 1px solid ${f.palette.gray.gray6};
+  border-radius: 8px;
+  box-sizing: border-box;
+`, O = () => /* @__PURE__ */ t.jsx(s, { gap: "12px", children: Array(3).fill(0).map((e, i) => /* @__PURE__ */ t.jsxs(R, { children: [
+  /* @__PURE__ */ t.jsx(u, { variant: "rounded", width: "862px", height: "10px", animation: "wave" }),
+  /* @__PURE__ */ t.jsx(u, { variant: "rounded", width: "862px", height: "10px", animation: "wave" })
+] }, i)) }), W = p(s)`
+  margin-left: 32px;
+  width: 100%;
+`, F = ({ connectorName: e, apiList: i, isLoading: l = !1 }) => {
+  const d = _.replace("{{connector}}", e ?? "");
+  return /* @__PURE__ */ t.jsx(W, { children: l ? /* @__PURE__ */ t.jsx(O, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(r, { variant: "h2", children: d }),
+    /* @__PURE__ */ t.jsx(r, { variant: "body1", marginBottom: "20px", children: N }),
+    /* @__PURE__ */ t.jsx(s, { gap: "12px", children: i.map((n) => /* @__PURE__ */ t.jsxs(
+      s,
+      {
+        width: "100%",
+        height: "72px",
+        border: "1px solid #E0E0E0",
+        borderRadius: "5px",
+        padding: "12px",
+        gap: "10px",
+        children: [
+          /* @__PURE__ */ t.jsx(r, { variant: "body1_medium", children: n.name }),
+          /* @__PURE__ */ t.jsx(r, { variant: "body2", children: n.description })
+        ]
+      },
+      n.keyName
+    )) })
+  ] }) });
+}, U = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.86421%2015.9708C9.20287%2016.3941%209.13423%2017.0118%208.71091%2017.3505C8.28758%2017.6891%207.66987%2017.6205%207.33121%2017.1972L8.86421%2015.9708ZM2.94434%2010.1423L2.17784%2010.7555C1.89104%2010.397%201.89104%209.88757%202.17784%209.52907L2.94434%2010.1423ZM7.33121%203.08735C7.66987%202.66403%208.28758%202.59539%208.71091%202.93405C9.13423%203.27271%209.20287%203.89042%208.86421%204.31375L7.33121%203.08735ZM3.31243%2011.1852C2.77031%2011.1852%202.33084%2010.7457%202.33084%2010.2036C2.33084%209.66149%202.77031%209.22201%203.31243%209.22201L3.31243%2011.1852ZM17.0548%209.22201C17.5969%209.22201%2018.0364%209.66149%2018.0364%2010.2036C18.0364%2010.7457%2017.5969%2011.1852%2017.0548%2011.1852V9.22201ZM7.33121%2017.1972L2.17784%2010.7555L3.71083%209.52907L8.86421%2015.9708L7.33121%2017.1972ZM2.17784%209.52907L7.33121%203.08735L8.86421%204.31375L3.71083%2010.7555L2.17784%209.52907ZM3.31243%209.22201L17.0548%209.22201V11.1852L3.31243%2011.1852L3.31243%209.22201Z'%20fill='%236F7C90'/%3e%3c/svg%3e", G = p(s)`
+  margin: 43px 0 0 229px;
+  position: relative;
+`, V = p(A)`
+  position: absolute;
+  left: -30px;
+  img {
+    width: 15px;
+    height: 15px;
+    margin: 3.5px 2.5px;
+  }
+`, X = () => {
+  const e = I(), i = c(b), l = c(E), d = c(v), n = c(B), x = w(), { id: h = "" } = S(), [L] = T(), o = L.get("isEdit") === "true";
+  k(() => {
+    x(o ? y(h) : P(h));
+  }, [o, x, h]);
+  const C = (g) => {
+    g == null || g.stopPropagation(), e(D.BASEPATH);
+  }, a = o ? i : l, j = d === m.LOADING || n === m.LOADING;
+  return /* @__PURE__ */ t.jsxs(G, { "data-testid": "connector-config", children: [
+    /* @__PURE__ */ t.jsx(M, { title: "Back", placement: "bottom", children: /* @__PURE__ */ t.jsx(V, { onClick: C, children: /* @__PURE__ */ t.jsx("img", { src: U }) }) }),
+    a ? /* @__PURE__ */ t.jsx(Z, { isConfigSettingsPage: !0, connector: a, isEdit: o }) : /* @__PURE__ */ t.jsx("div", { children: "Loading..." }),
+    /* @__PURE__ */ t.jsx(F, { isLoading: j, apiList: (a == null ? void 0 : a.apiList) || [], connectorName: (a == null ? void 0 : a.name) || "" })
+  ] });
+};
+export {
+  X as ConnectorConfig
+};