import { v as h, q as t, f as i } from "./index-jYYVpIDL.js";
import { A } from "./AppCard-pSUVQRE0.js";
import { u as m } from "./useIsAppEnabled-Tvqt7uu5.js";
const v = function({ app: a, eventType: p }) {
  var o;
  const { getAppData: r, setAppData: n, disabled: s } = h(), d = r("TRACKING_ID"), l = r("API_HOST"), { enabled: c, updateEnabled: u } = m(a);
  return /* @__PURE__ */ t.jsx(
    A,
    {
      hideSettingsIcon: !0,
      app: a,
      switchOnClick: (e) => {
        u(e);
      },
      switchChecked: c,
      teamId: ((o = p.team) == null ? void 0 : o.id) || void 0,
      children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
        /* @__PURE__ */ t.jsx(
          i,
          {
            required: !0,
            disabled: s,
            name: "Tracking ID",
            value: d,
            placeholder: "Enter your Tracking ID",
            onChange: (e) => {
              n("TRACKING_ID", e.target.value);
            }
          }
        ),
        /* @__PURE__ */ t.jsx(
          i,
          {
            required: !0,
            disabled: s,
            name: "Api host",
            value: l,
            placeholder: "Enter your Api host url",
            onChange: (e) => {
              n("API_HOST", e.target.value);
            }
          }
        )
      ] })
    }
  );
};
export {
  v as default
};
