strapi-plugin-hubspot 0.4.2 → 0.6.0

package/dist/_chunks/Settings-2V7TH5CX.mjs

@@ -0,0 +1,321 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { u as useIntl, o as objectLabel } from "./objectLabels-D9UEuOGr.mjs";
+import { Flex, Divider, Typography, Button, Box, Link, Badge, Loader, Field } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-DkGOTp8p.mjs";
+import { L as Link$1 } from "./index-C1UJXE_o.mjs";
+const AuditSection = ({ configured }) => {
+  const intl = useIntl();
+  const { formatMessage } = intl;
+  const { get } = useFetchClient();
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState(false);
+  const [result, setResult] = React.useState(null);
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
+  const problemText = (p) => {
+    switch (p.code) {
+      case "unknown":
+        return t("problem.unknown", "“{property}” does not exist on {object} in this portal", {
+          property: p.property,
+          object: objectLabel(intl, p.object)
+        });
+      case "wrong-object":
+        return t("problem.wrong-object", "“{property}” exists on {actual}, not on {object}", {
+          property: p.property,
+          object: objectLabel(intl, p.object),
+          actual: objectLabel(intl, p.actualObject)
+        });
+      case "whitespace":
+        return t("problem.whitespace", "“{property}” has surrounding whitespace", {
+          property: p.property
+        });
+      case "bad-option":
+        return t("problem.bad-option", "“{property}” does not accept {values}", {
+          property: p.property,
+          values: p.values.join(", ")
+        });
+    }
+  };
+  const run = async () => {
+    setBusy(true);
+    setError(false);
+    setResult(null);
+    try {
+      const { data } = await get(`/${PLUGIN_ID}/audit`);
+      setResult(data);
+    } catch {
+      setError(true);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const entryLink = (uid, entry) => `/content-manager/collection-types/${uid}/${entry.documentId}` + (entry.locale ? `?plugins[i18n][locale]=${entry.locale}` : "");
+  const totalInvalid = result?.targets.reduce((n, r) => n + r.invalid.length, 0) ?? 0;
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "beta", children: t("audit.title", "Mapping audit") }),
+      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "audit.subtitle",
+        "Scans every entry of the validated content types and lists the mappings the portal would reject today — including properties deleted in HubSpot since they were saved."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: run, loading: busy, disabled: !configured, children: t("audit.run", "Run the audit") }) }),
+    error ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: t("audit.error", "Audit failed — HubSpot unreachable?") }) : null,
+    result && !result.targets.length ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+      "audit.no-targets",
+      "No content type to audit — declare them under `validate` in the plugin config."
+    ) }) : null,
+    result && result.targets.length ? /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      totalInvalid === 0 && result.targets.every((r) => !r.error) ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success600", children: t("audit.clean", "Nothing to report — every mapping is valid.") }) : null,
+      result.targets.map((report) => /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", paddingBottom: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", children: report.uid }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("audit.summary", "{entries} entries · {mappings} mappings", {
+            entries: report.entries,
+            mappings: report.mappings
+          }) })
+        ] }),
+        report.error ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: t("audit.target-error", "Could not scan: {error}", { error: report.error }) }) : null,
+        /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: report.invalid.map((entry) => /* @__PURE__ */ jsxs(
+          Box,
+          {
+            padding: 3,
+            background: "neutral100",
+            hasRadius: true,
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsx(Link, { tag: Link$1, to: entryLink(report.uid, entry), children: entry.label }),
+                entry.locale ? /* @__PURE__ */ jsx(Badge, { children: entry.locale }) : null
+              ] }),
+              /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: entry.problems.map((p, i) => /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", tag: "p", children: problemText(p) }, i)) })
+            ]
+          },
+          `${entry.documentId}-${entry.locale ?? ""}`
+        )) })
+      ] }, report.uid))
+    ] }) : null
+  ] });
+};
+const FailuresSection = ({ configured }) => {
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const [total, setTotal] = React.useState(null);
+  const [busy, setBusy] = React.useState(false);
+  const [feedback, setFeedback] = React.useState(
+    null
+  );
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
+  const load = React.useCallback(async () => {
+    try {
+      const { data } = await get(`/${PLUGIN_ID}/failures`);
+      setTotal(data.total);
+    } catch {
+      setTotal(null);
+    }
+  }, [get]);
+  React.useEffect(() => {
+    load();
+  }, [load]);
+  const retry = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(
+        `/${PLUGIN_ID}/failures/retry`
+      );
+      setFeedback({
+        tone: data.failed ? "danger" : "success",
+        text: t("failures.retried", "{succeeded} replayed, {failed} still failing.", {
+          succeeded: data.succeeded,
+          failed: data.failed
+        })
+      });
+      await load();
+    } catch {
+      setFeedback({ tone: "danger", text: t("failures.error", "Replay failed.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "beta", children: t("failures.title", "Failed submissions") }),
+      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "failures.subtitle",
+        "Submissions HubSpot couldn't take after the automatic retries. They can be inspected under Content Manager → HubSpot failed submissions."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Badge, { active: Boolean(total), children: t("failures.count", "{count} queued", { count: total ?? 0 }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: retry,
+          loading: busy,
+          disabled: !configured || !total,
+          children: t("failures.retry", "Replay now")
+        }
+      )
+    ] }),
+    feedback ? /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        textColor: feedback.tone === "success" ? "success600" : "danger600",
+        children: feedback.text
+      }
+    ) : null
+  ] });
+};
+const HubspotSettings = () => {
+  const { formatMessage } = useIntl();
+  const { get, put, del } = useFetchClient();
+  const [settings, setSettings] = React.useState(null);
+  const [apiKey, setApiKey] = React.useState("");
+  const [busy, setBusy] = React.useState(false);
+  const [feedback, setFeedback] = React.useState(
+    null
+  );
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
+  const load = React.useCallback(async () => {
+    const { data } = await get(`/${PLUGIN_ID}/settings`);
+    setSettings(data);
+  }, [get]);
+  React.useEffect(() => {
+    load().catch(
+      () => setFeedback({ tone: "danger", text: t("settings.load-error", "Could not load settings.") })
+    );
+  }, [load]);
+  const save = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await put(`/${PLUGIN_ID}/settings`, { apiKey });
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: t("settings.saved", "Key saved.") });
+    } catch {
+      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save the key.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await del(`/${PLUGIN_ID}/settings`);
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: t("settings.removed", "Key removed.") });
+    } catch {
+      setFeedback({ tone: "danger", text: t("settings.remove-error", "Could not remove the key.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const test = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await get(
+        `/${PLUGIN_ID}/properties?refresh=1`
+      );
+      setFeedback(
+        data.configured ? {
+          tone: "success",
+          text: t("settings.test-ok", "Connection established — {count} readable properties.", {
+            count: data.properties.length
+          })
+        } : { tone: "danger", text: t("settings.test-no-key", "No key configured.") }
+      );
+    } catch {
+      setFeedback({
+        tone: "danger",
+        text: t("settings.test-error", "HubSpot unreachable — invalid or revoked key?")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (!settings) {
+    return /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Loader, { small: true, children: t("settings.loading", "Loading…") }) });
+  }
+  const sourceLabel = {
+    settings: t("settings.source.settings", "set here"),
+    config: t("settings.source.config", "config/plugins.ts"),
+    env: t("settings.source.env", "environment variable")
+  };
+  return /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "HubSpot" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "settings.subtitle",
+        "The private app token used to read the portal's properties and validate form mappings."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Badge, { active: settings.configured, children: settings.configured ? t("settings.configured", "Configured {hint}", { hint: settings.hint }) : t("settings.not-configured", "Not configured") }),
+      settings.keySource ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("settings.source", "source: {source}", { source: sourceLabel[settings.keySource] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        name: "apiKey",
+        hint: t(
+          "settings.key.hint",
+          "A key entered here overrides the ones from config/plugins.ts and HUBSPOT_API_KEY."
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: t("settings.key.label", "Private app token") }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "password",
+              value: apiKey,
+              autoComplete: "off",
+              placeholder: settings.configured ? t("settings.key.placeholder.set", "•••••••• (leave empty to keep)") : t("settings.key.placeholder.empty", "pat-eu1-…"),
+              onChange: (e) => setApiKey(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Button, { onClick: save, loading: busy, disabled: !apiKey.trim(), children: t("settings.save", "Save") }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: test, loading: busy, disabled: !settings.configured, children: t("settings.test", "Test connection") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "danger-light",
+          onClick: remove,
+          loading: busy,
+          disabled: settings.keySource !== "settings",
+          children: t("settings.remove", "Remove")
+        }
+      )
+    ] }),
+    feedback ? /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        textColor: feedback.tone === "success" ? "success600" : "danger600",
+        children: feedback.text
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+      "settings.scopes",
+      "The token needs the crm.schemas.contacts.read and crm.schemas.companies.read scopes to list properties. It is never returned to the browser: only its existence, its source and its last four characters are."
+    ) }) }),
+    /* @__PURE__ */ jsx(AuditSection, { configured: settings.configured }),
+    /* @__PURE__ */ jsx(FailuresSection, { configured: settings.configured })
+  ] }) });
+};
+export {
+  HubspotSettings as default
+};

package/dist/_chunks/Settings-DcA9M5Tw.js

@@ -0,0 +1,339 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const objectLabels = require("./objectLabels-Th7aYW-B.js");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const index$1 = require("./index-CMzg-x5i.js");
+const index = require("./index-Dgbid2LK.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const AuditSection = ({ configured }) => {
+  const intl = objectLabels.useIntl();
+  const { formatMessage } = intl;
+  const { get } = admin.useFetchClient();
+  const [busy, setBusy] = React__namespace.useState(false);
+  const [error, setError] = React__namespace.useState(false);
+  const [result, setResult] = React__namespace.useState(null);
+  const t = (id, defaultMessage, values) => formatMessage({ id: index$1.getTranslation(id), defaultMessage }, values);
+  const problemText = (p) => {
+    switch (p.code) {
+      case "unknown":
+        return t("problem.unknown", "“{property}” does not exist on {object} in this portal", {
+          property: p.property,
+          object: objectLabels.objectLabel(intl, p.object)
+        });
+      case "wrong-object":
+        return t("problem.wrong-object", "“{property}” exists on {actual}, not on {object}", {
+          property: p.property,
+          object: objectLabels.objectLabel(intl, p.object),
+          actual: objectLabels.objectLabel(intl, p.actualObject)
+        });
+      case "whitespace":
+        return t("problem.whitespace", "“{property}” has surrounding whitespace", {
+          property: p.property
+        });
+      case "bad-option":
+        return t("problem.bad-option", "“{property}” does not accept {values}", {
+          property: p.property,
+          values: p.values.join(", ")
+        });
+    }
+  };
+  const run = async () => {
+    setBusy(true);
+    setError(false);
+    setResult(null);
+    try {
+      const { data } = await get(`/${index$1.PLUGIN_ID}/audit`);
+      setResult(data);
+    } catch {
+      setError(true);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const entryLink = (uid, entry) => `/content-manager/collection-types/${uid}/${entry.documentId}` + (entry.locale ? `?plugins[i18n][locale]=${entry.locale}` : "");
+  const totalInvalid = result?.targets.reduce((n, r) => n + r.invalid.length, 0) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: t("audit.title", "Mapping audit") }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "audit.subtitle",
+        "Scans every entry of the validated content types and lists the mappings the portal would reject today — including properties deleted in HubSpot since they were saved."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: run, loading: busy, disabled: !configured, children: t("audit.run", "Run the audit") }) }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", children: t("audit.error", "Audit failed — HubSpot unreachable?") }) : null,
+    result && !result.targets.length ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
+      "audit.no-targets",
+      "No content type to audit — declare them under `validate` in the plugin config."
+    ) }) : null,
+    result && result.targets.length ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      totalInvalid === 0 && result.targets.every((r) => !r.error) ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", children: t("audit.clean", "Nothing to report — every mapping is valid.") }) : null,
+      result.targets.map((report) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", paddingBottom: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: report.uid }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t("audit.summary", "{entries} entries · {mappings} mappings", {
+            entries: report.entries,
+            mappings: report.mappings
+          }) })
+        ] }),
+        report.error ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", children: t("audit.target-error", "Could not scan: {error}", { error: report.error }) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: report.invalid.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Box,
+          {
+            padding: 3,
+            background: "neutral100",
+            hasRadius: true,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { tag: index.Link, to: entryLink(report.uid, entry), children: entry.label }),
+                entry.locale ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: entry.locale }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, children: entry.problems.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", tag: "p", children: problemText(p) }, i)) })
+            ]
+          },
+          `${entry.documentId}-${entry.locale ?? ""}`
+        )) })
+      ] }, report.uid))
+    ] }) : null
+  ] });
+};
+const FailuresSection = ({ configured }) => {
+  const { formatMessage } = objectLabels.useIntl();
+  const { get, post } = admin.useFetchClient();
+  const [total, setTotal] = React__namespace.useState(null);
+  const [busy, setBusy] = React__namespace.useState(false);
+  const [feedback, setFeedback] = React__namespace.useState(
+    null
+  );
+  const t = (id, defaultMessage, values) => formatMessage({ id: index$1.getTranslation(id), defaultMessage }, values);
+  const load = React__namespace.useCallback(async () => {
+    try {
+      const { data } = await get(`/${index$1.PLUGIN_ID}/failures`);
+      setTotal(data.total);
+    } catch {
+      setTotal(null);
+    }
+  }, [get]);
+  React__namespace.useEffect(() => {
+    load();
+  }, [load]);
+  const retry = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(
+        `/${index$1.PLUGIN_ID}/failures/retry`
+      );
+      setFeedback({
+        tone: data.failed ? "danger" : "success",
+        text: t("failures.retried", "{succeeded} replayed, {failed} still failing.", {
+          succeeded: data.succeeded,
+          failed: data.failed
+        })
+      });
+      await load();
+    } catch {
+      setFeedback({ tone: "danger", text: t("failures.error", "Replay failed.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: t("failures.title", "Failed submissions") }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "failures.subtitle",
+        "Submissions HubSpot couldn't take after the automatic retries. They can be inspected under Content Manager → HubSpot failed submissions."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: Boolean(total), children: t("failures.count", "{count} queued", { count: total ?? 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "secondary",
+          onClick: retry,
+          loading: busy,
+          disabled: !configured || !total,
+          children: t("failures.retry", "Replay now")
+        }
+      )
+    ] }),
+    feedback ? /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Typography,
+      {
+        variant: "pi",
+        textColor: feedback.tone === "success" ? "success600" : "danger600",
+        children: feedback.text
+      }
+    ) : null
+  ] });
+};
+const HubspotSettings = () => {
+  const { formatMessage } = objectLabels.useIntl();
+  const { get, put, del } = admin.useFetchClient();
+  const [settings, setSettings] = React__namespace.useState(null);
+  const [apiKey, setApiKey] = React__namespace.useState("");
+  const [busy, setBusy] = React__namespace.useState(false);
+  const [feedback, setFeedback] = React__namespace.useState(
+    null
+  );
+  const t = (id, defaultMessage, values) => formatMessage({ id: index$1.getTranslation(id), defaultMessage }, values);
+  const load = React__namespace.useCallback(async () => {
+    const { data } = await get(`/${index$1.PLUGIN_ID}/settings`);
+    setSettings(data);
+  }, [get]);
+  React__namespace.useEffect(() => {
+    load().catch(
+      () => setFeedback({ tone: "danger", text: t("settings.load-error", "Could not load settings.") })
+    );
+  }, [load]);
+  const save = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await put(`/${index$1.PLUGIN_ID}/settings`, { apiKey });
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: t("settings.saved", "Key saved.") });
+    } catch {
+      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save the key.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await del(`/${index$1.PLUGIN_ID}/settings`);
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: t("settings.removed", "Key removed.") });
+    } catch {
+      setFeedback({ tone: "danger", text: t("settings.remove-error", "Could not remove the key.") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const test = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await get(
+        `/${index$1.PLUGIN_ID}/properties?refresh=1`
+      );
+      setFeedback(
+        data.configured ? {
+          tone: "success",
+          text: t("settings.test-ok", "Connection established — {count} readable properties.", {
+            count: data.properties.length
+          })
+        } : { tone: "danger", text: t("settings.test-no-key", "No key configured.") }
+      );
+    } catch {
+      setFeedback({
+        tone: "danger",
+        text: t("settings.test-error", "HubSpot unreachable — invalid or revoked key?")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: t("settings.loading", "Loading…") }) });
+  }
+  const sourceLabel = {
+    settings: t("settings.source.settings", "set here"),
+    config: t("settings.source.config", "config/plugins.ts"),
+    env: t("settings.source.env", "environment variable")
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: "HubSpot" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+        "settings.subtitle",
+        "The private app token used to read the portal's properties and validate form mappings."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: settings.configured, children: settings.configured ? t("settings.configured", "Configured {hint}", { hint: settings.hint }) : t("settings.not-configured", "Not configured") }),
+      settings.keySource ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t("settings.source", "source: {source}", { source: sourceLabel[settings.keySource] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Field.Root,
+      {
+        name: "apiKey",
+        hint: t(
+          "settings.key.hint",
+          "A key entered here overrides the ones from config/plugins.ts and HUBSPOT_API_KEY."
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("settings.key.label", "Private app token") }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "password",
+              value: apiKey,
+              autoComplete: "off",
+              placeholder: settings.configured ? t("settings.key.placeholder.set", "•••••••• (leave empty to keep)") : t("settings.key.placeholder.empty", "pat-eu1-…"),
+              onChange: (e) => setApiKey(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: save, loading: busy, disabled: !apiKey.trim(), children: t("settings.save", "Save") }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: test, loading: busy, disabled: !settings.configured, children: t("settings.test", "Test connection") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "danger-light",
+          onClick: remove,
+          loading: busy,
+          disabled: settings.keySource !== "settings",
+          children: t("settings.remove", "Remove")
+        }
+      )
+    ] }),
+    feedback ? /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Typography,
+      {
+        variant: "pi",
+        textColor: feedback.tone === "success" ? "success600" : "danger600",
+        children: feedback.text
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
+      "settings.scopes",
+      "The token needs the crm.schemas.contacts.read and crm.schemas.companies.read scopes to list properties. It is never returned to the browser: only its existence, its source and its last four characters are."
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(AuditSection, { configured: settings.configured }),
+    /* @__PURE__ */ jsxRuntime.jsx(FailuresSection, { configured: settings.configured })
+  ] }) });
+};
+exports.default = HubspotSettings;