@hiver/connector-admin 0.0.10-beta.8 → 1.0.0

package/index-DKo2NU-Y.js

@@ -0,0 +1,104 @@
+import { s as l, b as i, o as f, j as t, i as v, M as T, T as x, m as b, u as y, n as I, p as _, q as k, r as D, R as M, A } from "./index-BqGsuBlL.js";
+import { useContext as j, useState as B, useEffect as N } from "react";
+import { a as h, u as P } from "./hooks-CjAK86gy.js";
+import { C as L, d as R, e as Z, f as O, g as W, T as q } from "./showMessage-CQ6TNMXe.js";
+import { c as G, b as U } from "./index-Dt3uzcNe.js";
+import { G as w } from "./gainsight-7AZqfBvZ.js";
+const F = "{{connector}} features", $ = "Following are the list of features that you will find in this connector", K = "Request new feature", V = l(i)`
+  width: 100%;
+  height: ${(s) => s.height ? s.height : "72px"};
+  gap: 12px;
+  padding: 16px;
+  border: 1px solid ${f.palette.gray.gray6};
+  border-radius: 8px;
+  box-sizing: border-box;
+`, z = () => /* @__PURE__ */ t.jsx(i, { marginTop: "28px", gap: "12px", children: Array(3).fill(0).map((s, o) => /* @__PURE__ */ t.jsxs(V, { children: [
+  /* @__PURE__ */ t.jsx(L, { variant: "rounded", width: "862px", height: "10px", animation: "wave" }),
+  /* @__PURE__ */ t.jsx(L, { variant: "rounded", width: "862px", height: "10px", animation: "wave" })
+] }, o)) }), H = l(i)`
+  width: 100%;
+`, Q = l(v)`
+  height: 32px;
+  &:hover {
+    background-color: #e3e9ff !important;
+    color: ${f.palette.purple.primary} !important;
+    border: 1px solid ${f.palette.purple.primary} !important;
+  }
+`, J = ({ connectorName: s, connectorType: o, apiList: r, isLoading: m = !1, isEdit: g = !1 }) => {
+  const { sendTrackingEvent: u } = j(T), p = F.replace("{{connector}}", s ?? ""), [n, d] = B(!1), a = () => {
+    u(w.REQUEST_NEW_FEATURE_CLICKED, { connector_name: s }), d(!0);
+  };
+  return /* @__PURE__ */ t.jsx(H, { children: m ? /* @__PURE__ */ t.jsx(z, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(G, { shown: n, setShown: d, isApi: !0, connectorType: o }),
+    /* @__PURE__ */ t.jsxs(i, { direction: "row", justifyContent: "space-between", marginTop: "28px", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(x, { variant: "h2", children: p }),
+        /* @__PURE__ */ t.jsx(x, { variant: "body1", marginBottom: "20px", children: $ })
+      ] }),
+      g ? /* @__PURE__ */ t.jsx(
+        Q,
+        {
+          color: "tertiary",
+          variant: "outlined",
+          sx: { height: "fit-content" },
+          size: "medium",
+          onClick: a,
+          children: K
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ t.jsx(i, { gap: "12px", children: r.map((c) => /* @__PURE__ */ t.jsxs(
+      i,
+      {
+        width: "100%",
+        height: "72px",
+        border: "1px solid #E0E0E0",
+        borderRadius: "5px",
+        padding: "12px",
+        gap: "10px",
+        children: [
+          /* @__PURE__ */ t.jsx(x, { variant: "body1_medium", children: c.name }),
+          /* @__PURE__ */ t.jsx(x, { variant: "body2", children: c.description })
+        ]
+      },
+      c.keyName
+    )) })
+  ] }) });
+}, X = "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", Y = l(i)`
+  margin: 9px 0 0 52px;
+  position: relative;
+`, tt = l(b)`
+  position: absolute;
+  left: -36px;
+  margin: 3.5px 2.5px 3.5px 0;
+  img {
+    width: 18px;
+    height: 18px;
+    margin: 0;
+  }
+`, rt = () => {
+  const { sendTrackingEvent: s } = j(T), o = y(), r = h(R), m = h(Z), g = h(O), u = h(W), p = P(), { id: n = "" } = I(), [d] = _(), a = d.get("isEdit") === "true", c = (r == null ? void 0 : r[n]) || null;
+  N(() => {
+    p(a ? k(n) : D(n));
+  }, [a, p, n]);
+  const E = (C) => {
+    C == null || C.stopPropagation(), s(w.CONNECTOR_BACK_CLICKED, { connector_name: e == null ? void 0 : e.name }), o(M.BASEPATH);
+  }, e = a ? c : m, S = g === A.LOADING || u === A.LOADING;
+  return /* @__PURE__ */ t.jsxs(Y, { "data-testid": "connector-config", children: [
+    /* @__PURE__ */ t.jsx(q, { title: "Back", placement: "bottom", children: /* @__PURE__ */ t.jsx(tt, { onClick: E, children: /* @__PURE__ */ t.jsx("img", { src: X }) }) }),
+    e ? /* @__PURE__ */ t.jsx(U, { isConfigSettingsPage: !0, connector: e, isEdit: a }) : null,
+    /* @__PURE__ */ t.jsx(
+      J,
+      {
+        isLoading: S,
+        apiList: (e == null ? void 0 : e.apiList) || [],
+        connectorName: (e == null ? void 0 : e.name) || "",
+        connectorType: e == null ? void 0 : e.type,
+        isEdit: a
+      }
+    )
+  ] });
+};
+export {
+  rt as ConnectorConfig
+};