strapi-plugin-hubspot 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Paul Lefizelier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,166 @@
+# Strapi HubSpot
+
+**Stop typing HubSpot property names from memory.** This plugin turns any CRM
+property field in your content types into a searchable picker fed by your actual
+portal, and refuses a bad mapping at save time instead of letting it fail
+silently three weeks later.
+
+## The problem it solves
+
+If you build lead forms in Strapi and push them to HubSpot, somewhere in your
+schema there is a field where an editor types a property name — `hs_role`,
+`numberofemployees`, `jobtitle`. It is a free-text field, and nothing checks it.
+
+That matters more than it looks, because of how the HubSpot API behaves:
+
+> **A single unknown property makes HubSpot reject the entire upsert.**
+
+So one typo doesn't cost you one answer. It costs you the whole lead. The
+submission is accepted by your site, stored in Strapi, and never reaches the
+CRM — with no error anyone will notice until someone asks why the pipeline is
+empty.
+
+The three ways this happens are all invisible in a text input:
+
+| What you typed | What's wrong |
+|---|---|
+| `hs_rôle` | Doesn't exist — a typo, an autocorrect, a copy-paste |
+| `role ` | Exists, but with a trailing space |
+| `name` | Exists, but on **Company** — you mapped it to Contact |
+
+This plugin makes all three impossible to save.
+
+## What you get
+
+### A property picker instead of a text field
+
+Replace your property field's type with the `hubspot.property` custom field.
+Editors then search the real, writable properties of your portal, each labelled
+with the object it belongs to:
+
+```
+Contact · Rôle (hs_role)
+Contact · Prénom (firstname)
+Société · Nombre d'employés (numberofemployees)
+```
+
+Read-only properties — the ones HubSpot computes and always refuses to
+accept — are filtered out, so the list only ever offers things that will
+actually work.
+
+### Validation on save
+
+Point the plugin at the content types that carry mappings and it walks each
+entry before it is written, at any depth — steps, repeatable components, dynamic
+zones. An invalid mapping is refused with a message that says which property and
+why:
+
+> Mapping HubSpot invalide — « name » existe sur l'objet Société, pas sur Contact
+
+### A settings screen
+
+**Settings → HubSpot** holds the private app token. It is stored server-side and
+never returned to the browser: the UI only receives whether a key exists, where
+it comes from, and its last four characters. A "Test connection" button
+round-trips to HubSpot and reports how many properties it can read.
+
+## Install
+
+```bash
+npm install strapi-plugin-hubspot
+```
+
+Enable it in `config/plugins.ts`:
+
+```ts
+export default ({ env }) => ({
+  hubspot: {
+    enabled: true,
+    config: {
+      // Optional — the key can also be set from Settings → HubSpot.
+      apiKey: env("HUBSPOT_API_KEY", ""),
+
+      // Optional — entries whose mappings are validated on save.
+      validate: [
+        {
+          uid: "api::form.form",
+          objectField: "hsObject",     // holds "contact" | "company"
+          propertyField: "hsProperty", // holds the property name
+        },
+      ],
+    },
+  },
+});
+```
+
+Then point your property field at the custom field, in the component or content
+type that holds it:
+
+```json
+{
+  "hsProperty": {
+    "type": "customField",
+    "customField": "plugin::hubspot.property"
+  }
+}
+```
+
+Restart Strapi and hard-refresh the admin.
+
+### The token
+
+Create a **private app** in HubSpot with these scopes:
+
+- `crm.schemas.contacts.read`
+- `crm.schemas.companies.read`
+
+The key is resolved in this order, first match wins:
+
+1. saved from **Settings → HubSpot**
+2. `config.apiKey` in `config/plugins.ts`
+3. the `HUBSPOT_API_KEY` environment variable
+
+## Migrating an existing field
+
+The custom field is backed by a plain `string`. Switching an existing text field
+to it needs **no migration**: every value already saved stays valid and
+selectable, and uninstalling the plugin leaves readable data behind.
+
+A stored value your portal doesn't recognise — typed before you installed this,
+or since deleted in HubSpot — stays selected and is flagged *inconnue du portail*
+rather than being silently dropped on the next save.
+
+## How it degrades
+
+A plugin that sits between your editors and their content has to fail quietly.
+This one never blocks work:
+
+| Situation | Behaviour |
+|---|---|
+| No API key configured | The field falls back to a plain text input, with a note explaining why |
+| HubSpot unreachable | Saving proceeds; validation is skipped and a warning is logged |
+| Property staged in HubSpot but not created yet | The picker accepts a typed value (`creatable`) |
+| Plugin uninstalled | Values remain as strings — nothing to undo |
+
+The property schema is cached for 10 minutes and de-duplicated across concurrent
+requests, so a busy Content Manager doesn't hammer the HubSpot API. Saving a new
+key drops the cache immediately.
+
+## Admin API
+
+All routes require an authenticated admin.
+
+| Method | Path | Purpose |
+|---|---|---|
+| `GET` | `/hubspot/properties` | Writable properties of both objects. `?refresh=1` bypasses the cache |
+| `GET` | `/hubspot/settings` | Whether a key exists, its source and hint — never the key |
+| `PUT` | `/hubspot/settings` | Save a key (`{ apiKey }`) |
+| `DELETE` | `/hubspot/settings` | Remove the stored key |
+
+## Compatibility
+
+Strapi **v5**. Node **>= 18**.
+
+## License
+
+MIT

package/dist/_chunks/HubspotPropertyInput-B0HpXoqz.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-DVRLoCa1.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 OBJECT_LABEL = {
+  contact: "Contact",
+  company: "Société"
+};
+const HubspotPropertyInput = React__namespace.forwardRef(
+  ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
+    const { get } = admin.useFetchClient();
+    const [properties, setProperties] = React__namespace.useState([]);
+    const [configured, setConfigured] = React__namespace.useState(null);
+    const [loadError, setLoadError] = React__namespace.useState("");
+    React__namespace.useEffect(() => {
+      let cancelled = false;
+      get(`/${index.PLUGIN_ID}/properties`).then(({ data }) => {
+        if (cancelled) return;
+        setConfigured(data.configured);
+        setProperties(data.properties ?? []);
+      }).catch((err) => {
+        if (cancelled) return;
+        setConfigured(false);
+        setLoadError(
+          err?.response?.data?.error?.message ?? "Propriétés HubSpot indisponibles"
+        );
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [get]);
+    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
+    const describe = () => {
+      if (loadError) return loadError;
+      if (configured === false) {
+        return "Aucune clé API HubSpot — saisie libre. Renseignez-la dans Réglages → HubSpot.";
+      }
+      return hint;
+    };
+    const options = React__namespace.useMemo(() => {
+      const known = properties.map((p) => ({
+        value: p.name,
+        label: `${OBJECT_LABEL[p.object]} · ${p.label} (${p.name})`
+      }));
+      if (value && !properties.some((p) => p.name === value)) {
+        known.unshift({ value, label: `${value} — inconnue du portail` });
+      }
+      return known;
+    }, [properties, value]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name, error, hint: describe(), required, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: labelAction, children: label }),
+      configured === null ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: "Chargement des propriétés HubSpot…" }) }) : configured ? /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Combobox,
+        {
+          ref,
+          value: value || "",
+          onChange: emit,
+          onClear: () => emit(""),
+          disabled,
+          placeholder: "Rechercher une propriété…",
+          creatable: true,
+          onCreateOption: emit,
+          children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: o.value, children: o.label }, o.value))
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Field.Input,
+        {
+          ref,
+          value: value || "",
+          onChange: (e) => emit(e.target.value),
+          disabled,
+          placeholder: "ex. hs_role, numberofemployees"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] });
+  }
+);
+HubspotPropertyInput.displayName = "HubspotPropertyInput";
+exports.default = HubspotPropertyInput;

package/dist/_chunks/HubspotPropertyInput-CTZYZS_7.mjs

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Field, Flex, Loader, Combobox, ComboboxOption } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-CER4BKjS.mjs";
+const OBJECT_LABEL = {
+  contact: "Contact",
+  company: "Société"
+};
+const HubspotPropertyInput = React.forwardRef(
+  ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
+    const { get } = useFetchClient();
+    const [properties, setProperties] = React.useState([]);
+    const [configured, setConfigured] = React.useState(null);
+    const [loadError, setLoadError] = React.useState("");
+    React.useEffect(() => {
+      let cancelled = false;
+      get(`/${PLUGIN_ID}/properties`).then(({ data }) => {
+        if (cancelled) return;
+        setConfigured(data.configured);
+        setProperties(data.properties ?? []);
+      }).catch((err) => {
+        if (cancelled) return;
+        setConfigured(false);
+        setLoadError(
+          err?.response?.data?.error?.message ?? "Propriétés HubSpot indisponibles"
+        );
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [get]);
+    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
+    const describe = () => {
+      if (loadError) return loadError;
+      if (configured === false) {
+        return "Aucune clé API HubSpot — saisie libre. Renseignez-la dans Réglages → HubSpot.";
+      }
+      return hint;
+    };
+    const options = React.useMemo(() => {
+      const known = properties.map((p) => ({
+        value: p.name,
+        label: `${OBJECT_LABEL[p.object]} · ${p.label} (${p.name})`
+      }));
+      if (value && !properties.some((p) => p.name === value)) {
+        known.unshift({ value, label: `${value} — inconnue du portail` });
+      }
+      return known;
+    }, [properties, value]);
+    return /* @__PURE__ */ jsxs(Field.Root, { name, error, hint: describe(), required, children: [
+      /* @__PURE__ */ jsx(Field.Label, { action: labelAction, children: label }),
+      configured === null ? /* @__PURE__ */ jsx(Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsx(Loader, { small: true, children: "Chargement des propriétés HubSpot…" }) }) : configured ? /* @__PURE__ */ jsx(
+        Combobox,
+        {
+          ref,
+          value: value || "",
+          onChange: emit,
+          onClear: () => emit(""),
+          disabled,
+          placeholder: "Rechercher une propriété…",
+          creatable: true,
+          onCreateOption: emit,
+          children: options.map((o) => /* @__PURE__ */ jsx(ComboboxOption, { value: o.value, children: o.label }, o.value))
+        }
+      ) : /* @__PURE__ */ jsx(
+        Field.Input,
+        {
+          ref,
+          value: value || "",
+          onChange: (e) => emit(e.target.value),
+          disabled,
+          placeholder: "ex. hs_role, numberofemployees"
+        }
+      ),
+      /* @__PURE__ */ jsx(Field.Hint, {}),
+      /* @__PURE__ */ jsx(Field.Error, {})
+    ] });
+  }
+);
+HubspotPropertyInput.displayName = "HubspotPropertyInput";
+export {
+  HubspotPropertyInput as default
+};

package/dist/_chunks/Settings-BgRpG_a6.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-DVRLoCa1.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 SOURCE_LABEL = {
+  settings: "saisie ici",
+  config: "config/plugins.ts",
+  env: "variable d'environnement"
+};
+const HubspotSettings = () => {
+  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 load = React__namespace.useCallback(async () => {
+    const { data } = await get(`/${index.PLUGIN_ID}/settings`);
+    setSettings(data);
+  }, [get]);
+  React__namespace.useEffect(() => {
+    load().catch(() => setFeedback({ tone: "danger", text: "Réglages illisibles." }));
+  }, [load]);
+  const save = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await put(`/${index.PLUGIN_ID}/settings`, { apiKey });
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: "Clé enregistrée." });
+    } catch {
+      setFeedback({ tone: "danger", text: "Enregistrement impossible." });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await del(`/${index.PLUGIN_ID}/settings`);
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: "Clé supprimée." });
+    } catch {
+      setFeedback({ tone: "danger", text: "Suppression impossible." });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const test = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await get(
+        `/${index.PLUGIN_ID}/properties?refresh=1`
+      );
+      setFeedback(
+        data.configured ? { tone: "success", text: `Connexion établie — ${data.properties.length} propriétés lisibles.` } : { tone: "danger", text: "Aucune clé configurée." }
+      );
+    } catch {
+      setFeedback({ tone: "danger", text: "HubSpot injoignable — clé invalide ou révoquée ?" });
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: "Chargement…" }) });
+  }
+  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: "Le jeton d'application privée utilisé pour lire les propriétés du portail et valider les mappings de formulaires." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: settings.configured, children: settings.configured ? `Configurée ${settings.hint}` : "Non configurée" }),
+      settings.keySource ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+        "source : ",
+        SOURCE_LABEL[settings.keySource]
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Field.Root,
+      {
+        name: "apiKey",
+        hint: "Saisir une clé ici remplace celles venant de config/plugins.ts et de HUBSPOT_API_KEY.",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Jeton d'application privée" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "password",
+              value: apiKey,
+              autoComplete: "off",
+              placeholder: settings.configured ? "•••••••• (laisser vide pour conserver)" : "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: "Enregistrer" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: test, loading: busy, disabled: !settings.configured, children: "Tester la connexion" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "danger-light",
+          onClick: remove,
+          loading: busy,
+          disabled: settings.keySource !== "settings",
+          children: "Supprimer"
+        }
+      )
+    ] }),
+    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.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+      "Le jeton a besoin des portées ",
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: "crm.schemas.contacts.read" }),
+      " et",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: "crm.schemas.companies.read" }),
+      " pour lister les propriétés. Il n'est jamais renvoyé au navigateur : seuls son existence, sa provenance et ses quatre derniers caractères le sont."
+    ] }) })
+  ] }) });
+};
+exports.default = HubspotSettings;

package/dist/_chunks/Settings-Byupubny.mjs

@@ -0,0 +1,140 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Box, Loader, Flex, Typography, Badge, Field, Button } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-CER4BKjS.mjs";
+const SOURCE_LABEL = {
+  settings: "saisie ici",
+  config: "config/plugins.ts",
+  env: "variable d'environnement"
+};
+const HubspotSettings = () => {
+  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 load = React.useCallback(async () => {
+    const { data } = await get(`/${PLUGIN_ID}/settings`);
+    setSettings(data);
+  }, [get]);
+  React.useEffect(() => {
+    load().catch(() => setFeedback({ tone: "danger", text: "Réglages illisibles." }));
+  }, [load]);
+  const save = async () => {
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await put(`/${PLUGIN_ID}/settings`, { apiKey });
+      setSettings(data);
+      setApiKey("");
+      setFeedback({ tone: "success", text: "Clé enregistrée." });
+    } catch {
+      setFeedback({ tone: "danger", text: "Enregistrement impossible." });
+    } 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: "Clé supprimée." });
+    } catch {
+      setFeedback({ tone: "danger", text: "Suppression impossible." });
+    } 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: `Connexion établie — ${data.properties.length} propriétés lisibles.` } : { tone: "danger", text: "Aucune clé configurée." }
+      );
+    } catch {
+      setFeedback({ tone: "danger", text: "HubSpot injoignable — clé invalide ou révoquée ?" });
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (!settings) {
+    return /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Loader, { small: true, children: "Chargement…" }) });
+  }
+  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: "Le jeton d'application privée utilisé pour lire les propriétés du portail et valider les mappings de formulaires." })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Badge, { active: settings.configured, children: settings.configured ? `Configurée ${settings.hint}` : "Non configurée" }),
+      settings.keySource ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+        "source : ",
+        SOURCE_LABEL[settings.keySource]
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        name: "apiKey",
+        hint: "Saisir une clé ici remplace celles venant de config/plugins.ts et de HUBSPOT_API_KEY.",
+        children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Jeton d'application privée" }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "password",
+              value: apiKey,
+              autoComplete: "off",
+              placeholder: settings.configured ? "•••••••• (laisser vide pour conserver)" : "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: "Enregistrer" }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: test, loading: busy, disabled: !settings.configured, children: "Tester la connexion" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "danger-light",
+          onClick: remove,
+          loading: busy,
+          disabled: settings.keySource !== "settings",
+          children: "Supprimer"
+        }
+      )
+    ] }),
+    feedback ? /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        textColor: feedback.tone === "success" ? "success600" : "danger600",
+        children: feedback.text
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+      "Le jeton a besoin des portées ",
+      /* @__PURE__ */ jsx("b", { children: "crm.schemas.contacts.read" }),
+      " et",
+      " ",
+      /* @__PURE__ */ jsx("b", { children: "crm.schemas.companies.read" }),
+      " pour lister les propriétés. Il n'est jamais renvoyé au navigateur : seuls son existence, sa provenance et ses quatre derniers caractères le sont."
+    ] }) })
+  ] }) });
+};
+export {
+  HubspotSettings as default
+};