@hiver/connector-admin 0.0.1

package/dist/index-BaRBVtu0.js

@@ -0,0 +1,39 @@
+import { s as e, S as n, K as s, j as r, B as p } from "./index-DTpk0Iib.js";
+import { T as l } from "./Typography-CW9ecUn7.js";
+const g = "Custom Connectors", m = "Salesforce API connector", x = "Settings", i = [g, m, x], h = e(n)`
+  margin-bottom: 36px;
+  .arrow {
+    border: solid ${s.palette.gray.gray3};
+    border-width: 0 2px 2px 0;
+    display: inline-block;
+    padding: 3px;
+    transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+    height: 5px;
+  }
+`, b = e(l)`
+  margin-right: 4px;
+  &.last {
+    cursor: pointer;
+  }
+`, u = e(n)`
+  width: 20px;
+  height: 20px;
+  margin-right: 4px;
+  padding-right: 6px;
+`, C = () => /* @__PURE__ */ r.jsx(h, { direction: "row", alignItems: "center", "data-testid": "breadCrumbs", children: i.map((a, o) => {
+  const t = o === i.length - 1, c = t ? s.palette.gray.black : s.palette.gray.gray4, d = t ? "lastCrumb" : `crumb-${o}`;
+  return /* @__PURE__ */ r.jsxs(n, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ r.jsx(b, { className: t ? "last" : "", variant: "h3", color: c, "data-testid": d, children: a }),
+    t ? null : /* @__PURE__ */ r.jsx(u, { direction: "row", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ r.jsx("div", { className: "arrow" }) })
+  ] }, a.replace(/\s/g, ""));
+}) }), S = "auth component", j = () => /* @__PURE__ */ r.jsx("div", { children: S }), y = e(p)`
+  padding: 52px;
+  box-sizing: border-box;
+`, A = () => /* @__PURE__ */ r.jsxs(y, { children: [
+  /* @__PURE__ */ r.jsx(C, {}),
+  /* @__PURE__ */ r.jsx(j, {})
+] });
+export {
+  A as Settings
+};

package/dist/index-C47HiJVp.js

@@ -0,0 +1,68 @@
+import { s as c, S as n, I as b, K as f, j as t, Z as v, R as w, U as m, L as A } from "./index-DTpk0Iib.js";
+import { C as g, a as r, t as I, b as S, v as y, w as T, x as P, T as k, r as B } from "./index-IXLZm0uz.js";
+import { useRef as E } from "react";
+import { T as p } from "./Typography-CW9ecUn7.js";
+const Z = c(n)`
+  margin: 43px 48px 0 52px;
+  position: relative;
+`, M = c(b)`
+  position: absolute;
+  left: -30px;
+  img {
+    width: 15px;
+    height: 15px;
+    margin: 3.5px 2.5px;
+  }
+`, _ = "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", R = c(n)`
+  margin-left: 32px;
+`, N = "APIs in {{connector}} connector", D = "Following are the list of APIs that you will find in this connector", W = c(n)`
+  width: 100%;
+  height: 72px;
+  gap: 12px;
+  padding: 16px;
+  border: 1px solid ${f.palette.gray.gray6};
+  border-radius: 8px;
+  box-sizing: border-box;
+`, O = () => /* @__PURE__ */ t.jsx(n, { gap: "12px", children: Array(3).fill(0).map((e, s) => /* @__PURE__ */ t.jsxs(W, { children: [
+  /* @__PURE__ */ t.jsx(g, { variant: "rounded", width: "40%", height: "10px", animation: "wave" }),
+  /* @__PURE__ */ t.jsx(g, { variant: "rounded", width: "80%", height: "10px", animation: "wave" })
+] }, s)) }), U = ({ isConfigSettingsPage: e, currentConnector: s }) => {
+  var h;
+  const { pathname: l } = v(), i = r(I), L = l === m.CARD_SETTINGS, a = r(S), o = E(), x = r(y), u = r(T);
+  if (!e)
+    return null;
+  e && s && (o.current = L && (a != null && a[s]) ? a == null ? void 0 : a[s] : i == null ? void 0 : i[s]);
+  const C = (x == null ? void 0 : x.apiList) ?? [], j = N.replace("{{connector}}", ((h = o == null ? void 0 : o.current) == null ? void 0 : h.name) ?? "");
+  return /* @__PURE__ */ t.jsxs(R, { children: [
+    /* @__PURE__ */ t.jsx(p, { variant: "h2", children: j }),
+    /* @__PURE__ */ t.jsx(p, { variant: "body1", marginBottom: "20px", children: D }),
+    u === w.LOADING ? /* @__PURE__ */ t.jsx(O, {}) : /* @__PURE__ */ t.jsx(n, { gap: "12px", children: C.map((d) => /* @__PURE__ */ t.jsxs(
+      n,
+      {
+        width: "100%",
+        height: "72px",
+        border: "1px solid #E0E0E0",
+        borderRadius: "5px",
+        padding: "12px",
+        gap: "10px",
+        children: [
+          /* @__PURE__ */ t.jsx(p, { variant: "body1_medium", children: d.name }),
+          /* @__PURE__ */ t.jsx(p, { variant: "body2", children: d.description })
+        ]
+      },
+      d.keyName
+    )) })
+  ] });
+}, H = () => {
+  const e = A(), s = r(P), l = (i) => {
+    i == null || i.stopPropagation(), e(m.BASEPATH);
+  };
+  return /* @__PURE__ */ t.jsxs(Z, { children: [
+    /* @__PURE__ */ t.jsx(k, { title: "Back", placement: "bottom", children: /* @__PURE__ */ t.jsx(M, { onClick: l, children: /* @__PURE__ */ t.jsx("img", { src: _ }) }) }),
+    /* @__PURE__ */ t.jsx(B, { isConfigSettingsPage: !0, currentConnector: s }),
+    /* @__PURE__ */ t.jsx(U, { isConfigSettingsPage: !0, currentConnector: s })
+  ] });
+};
+export {
+  H as ConnectorConfig
+};

package/dist/index-CJMPXxRz.js

@@ -0,0 +1,52 @@
+import { s as e, B as r, M as d, j as t, C as c, N as h, S as l, a as g, O as m } from "./index-DTpk0Iib.js";
+import { useContext as b } from "react";
+import { T as u } from "./Typography-CW9ecUn7.js";
+const j = e(r)`
+  box-sizing: border-box;
+  padding: 35px 0 35px 35px;
+`, f = e(r)`
+  padding-top: 17px;
+  box-sizing: border-box;
+  width: 178px;
+  border-right: 1px solid rgba(214, 221, 232, 1);
+  height: 100%;
+`, C = e(u)`
+  font-size: 14px;
+  line-height: 24px;
+`, O = e(r)`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 29px;
+  & a {
+    display: block;
+    height: 32px;
+    width: 162px;
+    padding: 4px 12px;
+    text-decoration: none;
+    color: #6f7c90;
+    font-size: 13px;
+    line-height: 24px;
+    &.active {
+      font-size: 14px;
+      background-color: rgba(246, 248, 252, 1);
+      border-radius: 4px;
+      color: #343c45;
+    }
+  }
+`, S = ({ sidebarOptions: s = [] }) => {
+  const { currentSideBar: n } = b(d), a = () => /* @__PURE__ */ t.jsx(O, { children: s.map(({ id: o, value: i, route: p }) => {
+    const x = n === i;
+    return /* @__PURE__ */ t.jsx(h, { to: p, "data-testid": o, className: x ? "active" : "", children: i }, o);
+  }) });
+  return /* @__PURE__ */ t.jsx(j, { "data-testid": "sideBarParent", children: /* @__PURE__ */ t.jsxs(f, { children: [
+    /* @__PURE__ */ t.jsx(C, { variant: "h3", "data-testid": "custom-connector-heading", children: c }),
+    a()
+  ] }) });
+}, T = () => /* @__PURE__ */ t.jsxs(l, { direction: "row", alignItems: "stretch", sx: { minHeight: "100vh" }, children: [
+  /* @__PURE__ */ t.jsx(S, { sidebarOptions: g }),
+  /* @__PURE__ */ t.jsx(m, {})
+] });
+export {
+  T as ConnectorView
+};