@hiver/connector-admin 0.0.8 → 0.0.10-beta.0

package/index-BG0JDAxl.js

@@ -0,0 +1,711 @@
+import { g as Q, f as H, s as h, p as re, _ as m, D as ce, k as X, b as de, a5 as le, j as a, l as G, P as t, E as Z, h as k, m as V, n as W, a6 as pe, a7 as ue, i as he, B as F, K as U, T as Y, S as A, Z as K, L as ge, a4 as fe, Q as Ce, R as I, a2 as be, X as E, I as xe, V as we, a8 as Ee, W as me, Y as Le } from "./index-DwS53blc.js";
+import * as J from "react";
+import { useRef as Te, useEffect as Se } from "react";
+import { c as ke, d as ye, a as ve, h as Re, T as q } from "./styled-ui-components-BiFtpk_x.js";
+function _e(e) {
+  return Q("PrivateSwitchBase", e);
+}
+H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Ne = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], Oe = (e) => {
+  const {
+    classes: o,
+    checked: n,
+    disabled: l,
+    edge: u
+  } = e, C = {
+    root: ["root", n && "checked", l && "disabled", u && `edge${k(u)}`],
+    input: ["input"]
+  };
+  return V(C, _e, o);
+}, Ie = h(re)(({
+  ownerState: e
+}) => m({
+  padding: 9,
+  borderRadius: "50%"
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+})), Ae = h("input", {
+  shouldForwardProp: ce
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), ee = /* @__PURE__ */ J.forwardRef(function(o, n) {
+  const {
+    autoFocus: l,
+    checked: u,
+    checkedIcon: C,
+    className: L,
+    defaultChecked: g,
+    disabled: T,
+    disableFocusRipple: c = !1,
+    edge: p = !1,
+    icon: f,
+    id: b,
+    inputProps: $,
+    inputRef: B,
+    name: j,
+    onBlur: _,
+    onChange: N,
+    onFocus: v,
+    readOnly: s,
+    required: i = !1,
+    tabIndex: S,
+    type: y,
+    value: O
+  } = o, D = X(o, Ne), [r, oe] = de({
+    controlled: u,
+    default: !!g,
+    name: "SwitchBase",
+    state: "checked"
+  }), w = le(), se = (x) => {
+    v && v(x), w && w.onFocus && w.onFocus(x);
+  }, ae = (x) => {
+    _ && _(x), w && w.onBlur && w.onBlur(x);
+  }, ne = (x) => {
+    if (x.nativeEvent.defaultPrevented)
+      return;
+    const M = x.target.checked;
+    oe(M), N && N(x, M);
+  };
+  let R = T;
+  w && typeof R > "u" && (R = w.disabled);
+  const ie = y === "checkbox" || y === "radio", P = m({}, o, {
+    checked: r,
+    disabled: R,
+    disableFocusRipple: c,
+    edge: p
+  }), z = Oe(P);
+  return /* @__PURE__ */ a.jsxs(Ie, m({
+    component: "span",
+    className: G(z.root, L),
+    centerRipple: !0,
+    focusRipple: !c,
+    disabled: R,
+    tabIndex: null,
+    role: void 0,
+    onFocus: se,
+    onBlur: ae,
+    ownerState: P,
+    ref: n
+  }, D, {
+    children: [/* @__PURE__ */ a.jsx(Ae, m({
+      autoFocus: l,
+      checked: u,
+      defaultChecked: g,
+      className: z.input,
+      disabled: R,
+      id: ie ? b : void 0,
+      name: j,
+      onChange: ne,
+      readOnly: s,
+      ref: B,
+      required: i,
+      ownerState: P,
+      tabIndex: S,
+      type: y
+    }, y === "checkbox" && O === void 0 ? {} : {
+      value: O
+    }, $)), r ? C : f]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: t.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: t.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: t.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: t.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: t.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: t.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: t.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: t.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: t.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Z,
+  /*
+   * @ignore
+   */
+  name: t.string,
+  /**
+   * @ignore
+   */
+  onBlur: t.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: t.func,
+  /**
+   * @ignore
+   */
+  onFocus: t.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: t.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: t.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.object,
+  /**
+   * @ignore
+   */
+  tabIndex: t.oneOfType([t.number, t.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: t.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: t.any
+});
+function $e(e) {
+  return Q("MuiSwitch", e);
+}
+const d = H("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), Be = ["className", "color", "edge", "size", "sx"], je = (e) => {
+  const {
+    classes: o,
+    edge: n,
+    size: l,
+    color: u,
+    checked: C,
+    disabled: L
+  } = e, g = {
+    root: ["root", n && `edge${k(n)}`, `size${k(l)}`],
+    switchBase: ["switchBase", `color${k(u)}`, C && "checked", L && "disabled"],
+    thumb: ["thumb"],
+    track: ["track"],
+    input: ["input"]
+  }, T = V(g, $e, o);
+  return m({}, o, T);
+}, De = h("span", {
+  name: "MuiSwitch",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: n
+    } = e;
+    return [o.root, n.edge && o[`edge${k(n.edge)}`], o[`size${k(n.size)}`]];
+  }
+})({
+  display: "inline-flex",
+  width: 34 + 12 * 2,
+  height: 14 + 12 * 2,
+  overflow: "hidden",
+  padding: 12,
+  boxSizing: "border-box",
+  position: "relative",
+  flexShrink: 0,
+  zIndex: 0,
+  // Reset the stacking context.
+  verticalAlign: "middle",
+  // For correct alignment with the text.
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [{
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -8
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -8
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      width: 40,
+      height: 24,
+      padding: 7,
+      [`& .${d.thumb}`]: {
+        width: 16,
+        height: 16
+      },
+      [`& .${d.switchBase}`]: {
+        padding: 4,
+        [`&.${d.checked}`]: {
+          transform: "translateX(16px)"
+        }
+      }
+    }
+  }]
+}), Pe = h(ee, {
+  name: "MuiSwitch",
+  slot: "SwitchBase",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: n
+    } = e;
+    return [o.switchBase, {
+      [`& .${d.input}`]: o.input
+    }, n.color !== "default" && o[`color${k(n.color)}`]];
+  }
+})(({
+  theme: e
+}) => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  zIndex: 1,
+  // Render above the focus ripple.
+  color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
+  transition: e.transitions.create(["left", "transform"], {
+    duration: e.transitions.duration.shortest
+  }),
+  [`&.${d.checked}`]: {
+    transform: "translateX(20px)"
+  },
+  [`&.${d.disabled}`]: {
+    color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}`
+  },
+  [`&.${d.checked} + .${d.track}`]: {
+    opacity: 0.5
+  },
+  [`&.${d.disabled} + .${d.track}`]: {
+    opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? 0.12 : 0.2}`
+  },
+  [`& .${d.input}`]: {
+    left: "-100%",
+    width: "300%"
+  }
+}), ({
+  theme: e
+}) => ({
+  "&:hover": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette.action.active, e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  variants: [...Object.entries(e.palette).filter(([, o]) => o.main && o.light).map(([o]) => ({
+    props: {
+      color: o
+    },
+    style: {
+      [`&.${d.checked}`]: {
+        color: (e.vars || e).palette[o].main,
+        "&:hover": {
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette[o].main, e.palette.action.hoverOpacity),
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${d.disabled}`]: {
+          color: e.vars ? e.vars.palette.Switch[`${o}DisabledColor`] : `${e.palette.mode === "light" ? pe(e.palette[o].main, 0.62) : ue(e.palette[o].main, 0.55)}`
+        }
+      },
+      [`&.${d.checked} + .${d.track}`]: {
+        backgroundColor: (e.vars || e).palette[o].main
+      }
+    }
+  }))]
+})), Ue = h("span", {
+  name: "MuiSwitch",
+  slot: "Track",
+  overridesResolver: (e, o) => o.track
+})(({
+  theme: e
+}) => ({
+  height: "100%",
+  width: "100%",
+  borderRadius: 14 / 2,
+  zIndex: -1,
+  transition: e.transitions.create(["opacity", "background-color"], {
+    duration: e.transitions.duration.shortest
+  }),
+  backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
+  opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? 0.38 : 0.3}`
+})), Fe = h("span", {
+  name: "MuiSwitch",
+  slot: "Thumb",
+  overridesResolver: (e, o) => o.thumb
+})(({
+  theme: e
+}) => ({
+  boxShadow: (e.vars || e).shadows[1],
+  backgroundColor: "currentColor",
+  width: 20,
+  height: 20,
+  borderRadius: "50%"
+})), te = /* @__PURE__ */ J.forwardRef(function(o, n) {
+  const l = he({
+    props: o,
+    name: "MuiSwitch"
+  }), {
+    className: u,
+    color: C = "primary",
+    edge: L = !1,
+    size: g = "medium",
+    sx: T
+  } = l, c = X(l, Be), p = m({}, l, {
+    color: C,
+    edge: L,
+    size: g
+  }), f = je(p), b = /* @__PURE__ */ a.jsx(Fe, {
+    className: f.thumb,
+    ownerState: p
+  });
+  return /* @__PURE__ */ a.jsxs(De, {
+    className: G(f.root, u),
+    sx: T,
+    ownerState: p,
+    children: [/* @__PURE__ */ a.jsx(Pe, m({
+      type: "checkbox",
+      icon: b,
+      checkedIcon: b,
+      ref: n,
+      ownerState: p
+    }, c, {
+      classes: m({}, f, {
+        root: f.switchBase
+      })
+    })), /* @__PURE__ */ a.jsx(Ue, {
+      className: f.track,
+      ownerState: p
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (te.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: t.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: t.oneOfType([t.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: t.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: t.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: t.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: t.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: t.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: t.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Z,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: t.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: t.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense switch styling.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["medium", "small"]), t.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: t.any
+});
+const at = "Enhance with Custom Connectors", nt = "Let us know your use case, and we'll design and deliver a custom connector tailored to your needs within 2-3 working days.", it = "Request new connector", rt = "Create your own (coming soon)", ct = "Request new API", dt = "Request a new connector", ze = "Tell us your use case and we will create a connector for you in 2-3 working days.", lt = `Request new connectors to get better customer context and key actions right into your inbox. ${ze}`, pt = "Select an API", ut = "Select a connector", ht = "Feel free to add specific details (Optional)", gt = "Submit Request", ft = "Request submitted", Ct = "Your request has been submitted successfully. We will get back to you within 2-3 working days", bt = "Done", Me = "+Request new API", We = "Add connector", qe = "Edit connector", Qe = "Enable", He = "Disable", xt = {
+  CONNECTOR: "connector",
+  API: "api"
+}, Xe = h(F)`
+  height: 60px;
+  margin-bottom: 32px;
+  max-width: 892px;
+  box-sizing: border-box;
+
+  &.connector-grid,
+  .connector-grid {
+    display: grid;
+    padding: 0 16px;
+    width: 864px;
+  }
+  .connector-flex {
+    cursor: pointer;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 16px;
+    border: 1px solid ${U.palette.gray.gray5};
+    border-radius: 4px;
+    height: 60px;
+    &:hover {
+      background: ${U.palette.gray.gray6};
+    }
+    &.connector-settings {
+      height: auto;
+      cursor: auto;
+      padding-top: 0;
+      padding-bottom: 0;
+      border: none;
+      &:hover {
+        background: white;
+      }
+    }
+  }
+  img {
+    max-height: 28px;
+    max-width: 28px;
+    &.logoIcon {
+      margin-right: 9px;
+    }
+  }
+  .settingsIcon {
+    cursor: pointer;
+    padding: 5px;
+  }
+`, Ge = h(Y)`
+  height: 100%;
+  display: flex;
+  align-items: center;
+`, Ze = h(A)`
+  align-items: center;
+  flex-direction: row;
+`, Ve = h(te)`
+  margin-left: 10px;
+`, Ye = h(A)`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 58px;
+  height: 38px;
+  position: relative;
+  margin-left: 10px;
+`, Ke = h(F)`
+  margin-left: 30px;
+  width: 50px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  padding: 0;
+  height: 20px;
+  width: 20px;
+  border: 4px solid #d1d7e3;
+  border-right-color: #5d9bfb;
+  animation: rotate 1s infinite linear;
+  position: absolute;
+  left: -10px;
+
+  @keyframes rotate {
+    0%,
+    15% {
+      transform: rotate(0deg);
+    }
+    50% {
+      transform: rotate(290deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`, Je = h(K)`
+  white-space: pre;
+  width: 133px;
+  height: 32px;
+`, et = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_825_68286)'%3e%3cpath%20d='M16.192%2010.8165C16.2254%2010.5498%2016.2504%2010.2832%2016.2504%209.99984C16.2504%209.7165%2016.2254%209.44984%2016.192%209.18317L17.9504%207.80817C18.1087%207.68317%2018.1504%207.45817%2018.0504%207.27484L16.3837%204.3915C16.3087%204.25817%2016.167%204.18317%2016.017%204.18317C15.967%204.18317%2015.917%204.1915%2015.8754%204.20817L13.8004%205.0415C13.367%204.70817%2012.9004%204.43317%2012.392%204.22484L12.0754%202.0165C12.0504%201.8165%2011.8754%201.6665%2011.667%201.6665H8.33369C8.12535%201.6665%207.95035%201.8165%207.92535%202.0165L7.60869%204.22484C7.10035%204.43317%206.63369%204.7165%206.20035%205.0415L4.12535%204.20817C4.07535%204.1915%204.02535%204.18317%203.97535%204.18317C3.83369%204.18317%203.69202%204.25817%203.61702%204.3915L1.95035%207.27484C1.84202%207.45817%201.89202%207.68317%202.05035%207.80817L3.80869%209.18317C3.77535%209.44984%203.75035%209.72484%203.75035%209.99984C3.75035%2010.2748%203.77535%2010.5498%203.80869%2010.8165L2.05035%2012.1915C1.89202%2012.3165%201.85035%2012.5415%201.95035%2012.7248L3.61702%2015.6082C3.69202%2015.7415%203.83369%2015.8165%203.98369%2015.8165C4.03369%2015.8165%204.08369%2015.8082%204.12535%2015.7915L6.20035%2014.9582C6.63369%2015.2915%207.10035%2015.5665%207.60869%2015.7748L7.92535%2017.9832C7.95035%2018.1832%208.12535%2018.3332%208.33369%2018.3332H11.667C11.8754%2018.3332%2012.0504%2018.1832%2012.0754%2017.9832L12.392%2015.7748C12.9004%2015.5665%2013.367%2015.2832%2013.8004%2014.9582L15.8754%2015.7915C15.9254%2015.8082%2015.9754%2015.8165%2016.0254%2015.8165C16.167%2015.8165%2016.3087%2015.7415%2016.3837%2015.6082L18.0504%2012.7248C18.1504%2012.5415%2018.1087%2012.3165%2017.9504%2012.1915L16.192%2010.8165ZM14.542%209.3915C14.5754%209.64984%2014.5837%209.82484%2014.5837%209.99984C14.5837%2010.1748%2014.567%2010.3582%2014.542%2010.6082L14.4254%2011.5498L15.167%2012.1332L16.067%2012.8332L15.4837%2013.8415L14.4254%2013.4165L13.5587%2013.0665L12.8087%2013.6332C12.4504%2013.8998%2012.1087%2014.0998%2011.767%2014.2415L10.8837%2014.5998L10.7504%2015.5415L10.5837%2016.6665H9.41702L9.25869%2015.5415L9.12535%2014.5998L8.24202%2014.2415C7.88369%2014.0915%207.55035%2013.8998%207.21702%2013.6498L6.45869%2013.0665L5.57535%2013.4248L4.51702%2013.8498L3.93369%2012.8415L4.83369%2012.1415L5.57535%2011.5582L5.45869%2010.6165C5.43369%2010.3582%205.41702%2010.1665%205.41702%209.99984C5.41702%209.83317%205.43369%209.6415%205.45869%209.3915L5.57535%208.44984L4.83369%207.8665L3.93369%207.1665L4.51702%206.15817L5.57535%206.58317L6.44202%206.93317L7.19202%206.3665C7.55035%206.09984%207.89202%205.89984%208.23369%205.75817L9.11702%205.39984L9.25035%204.45817L9.41702%203.33317H10.5754L10.7337%204.45817L10.867%205.39984L11.7504%205.75817C12.1087%205.90817%2012.442%206.09984%2012.7754%206.34984L13.5337%206.93317L14.417%206.57484L15.4754%206.14984L16.0587%207.15817L15.167%207.8665L14.4254%208.44984L14.542%209.3915ZM10.0004%206.6665C8.15869%206.6665%206.66702%208.15817%206.66702%209.99984C6.66702%2011.8415%208.15869%2013.3332%2010.0004%2013.3332C11.842%2013.3332%2013.3337%2011.8415%2013.3337%209.99984C13.3337%208.15817%2011.842%206.6665%2010.0004%206.6665ZM10.0004%2011.6665C9.08369%2011.6665%208.33369%2010.9165%208.33369%209.99984C8.33369%209.08317%209.08369%208.33317%2010.0004%208.33317C10.917%208.33317%2011.667%209.08317%2011.667%209.99984C11.667%2010.9165%2010.917%2011.6665%2010.0004%2011.6665Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_825_68286'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", wt = ({
+  setModal: e,
+  setConnectorId: o,
+  isConfigSettingsPage: n = !1,
+  currentConnector: l
+}) => {
+  const u = ge(), { pathname: C } = fe(), L = C === E.BASEPATH + E.CARD_SETTINGS, g = Ce(), T = I(ke), c = I(ye), p = I(ve), f = I(Re), b = Te();
+  if (n && l && (b.current = L && (p != null && p[l]) ? p == null ? void 0 : p[l] : c == null ? void 0 : c[l]), Se(() => {
+    c || g(be());
+  }, [g, c]), n && !b.current) return null;
+  const $ = (s, i) => {
+    s == null || s.stopPropagation(), g(Ee({ id: i, enabled: s.target.checked }));
+  }, B = (s, i) => {
+    s == null || s.stopPropagation(), o == null || o(i), e == null || e(!0);
+  }, j = (s, i) => {
+    s == null || s.stopPropagation(), u(`${E.BASEPATH}${E.CONNECTOR_SETTINGS}/${i}`);
+  }, _ = (s, i) => {
+    s == null || s.stopPropagation(), u(`${E.BASEPATH}${E.CONNECTOR_SETTINGS}/${i}?isEdit=true`);
+  }, N = (s, i = "") => {
+    if (s == null || s.preventDefault(), s == null || s.stopPropagation(), n) return;
+    const { updateCurrentSelectedConnector: S } = Le;
+    g(S({ currentDashboard: i })), g(me(i)), u(E.BASEPATH + E.CONNECTOR_CONFIG);
+  }, v = (s) => {
+    const { id: i, isEnabled: S, name: y, logo: O, description: D } = s || {};
+    return /* @__PURE__ */ a.jsxs(Xe, { "data-testid": i, className: "connector-grid", onClick: (r) => N(r, i), children: [
+      /* @__PURE__ */ a.jsxs(A, { className: `connector-flex ${n ? "connector-settings" : ""}`, width: "100%", children: [
+        /* @__PURE__ */ a.jsxs(A, { flexDirection: "row", alignItems: "center", children: [
+          n ? /* @__PURE__ */ a.jsx("img", { src: O, className: "logoIcon", width: "28xp", height: "28px" }) : null,
+          /* @__PURE__ */ a.jsx(Ge, { variant: "body1_medium", children: y })
+        ] }),
+        n && typeof S != "boolean" ? /* @__PURE__ */ a.jsx(Je, { variant: "contained", onClick: (r) => j(r, i), children: We }) : /* @__PURE__ */ a.jsxs(Ze, { children: [
+          n ? null : /* @__PURE__ */ a.jsx(K, { variant: "text", onClick: (r) => B(r, i), children: Me }),
+          /* @__PURE__ */ a.jsx(q, { title: qe, placement: "bottom", children: /* @__PURE__ */ a.jsx(xe, { children: /* @__PURE__ */ a.jsx("img", { src: et, className: "settingsIcon", onClick: (r) => _(r, i) }) }) }),
+          (f == null ? void 0 : f[i]) !== we.LOADING ? /* @__PURE__ */ a.jsx(q, { title: S ? He : Qe, placement: "bottom", children: /* @__PURE__ */ a.jsx(
+            Ve,
+            {
+              id: `switch_${i}`,
+              checked: S,
+              onClick: (r) => r == null ? void 0 : r.stopPropagation(),
+              onChange: (r) => $(r, i)
+            }
+          ) }) : /* @__PURE__ */ a.jsx(
+            Ye,
+            {
+              width: "58px",
+              height: "38px",
+              alignItems: "center",
+              flexDirection: "row",
+              justifyContent: "center",
+              children: /* @__PURE__ */ a.jsx(Ke, { "data-testid": "loading" })
+            }
+          )
+        ] })
+      ] }),
+      n ? /* @__PURE__ */ a.jsx(Y, { variant: "body1", color: U.palette.gray.gray3, className: "connector-grid", children: D }) : null
+    ] });
+  };
+  return /* @__PURE__ */ a.jsx(F, { "data-testid": "connector-custom-card", children: b.current ? /* @__PURE__ */ a.jsx(a.Fragment, { children: v(b.current) }) : T.map((s) => {
+    if (!(c != null && c[s])) return null;
+    const { id: i } = c[s];
+    return i ? /* @__PURE__ */ a.jsx("div", { children: v(c[s]) }, i) : null;
+  }) });
+};
+export {
+  rt as C,
+  at as E,
+  it as R,
+  ee as S,
+  ze as T,
+  nt as a,
+  ct as b,
+  dt as c,
+  lt as d,
+  pt as e,
+  ut as f,
+  ht as g,
+  gt as h,
+  ft as i,
+  Ct as j,
+  bt as k,
+  xt as l,
+  wt as m
+};