strapi-plugin-hubspot 0.13.1 → 0.15.0

package/dist/_chunks/{Settings-4CbX3SPK.mjs → Settings-QcFbm3s5.mjs}

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { u as useIntl } from "./index-CEh8vkxY.mjs";
-import { Flex, Divider, Typography, Button, Box, Link, Badge, Loader, Field } from "@strapi/design-system";
+import { Flex, Divider, Typography, Button, Box, Link, Badge, Loader, Field, SingleSelect, SingleSelectOption } from "@strapi/design-system";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation, P as PLUGIN_ID } from "./index-BE2ribUL.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-BSJAhj8r.mjs";
 import { Link as Link$1 } from "react-router-dom";
-import { o as objectLabel } from "./objectLabels-DGJxYjKz.mjs";
+import { o as objectLabel } from "./objectLabels-CrYRzsqe.mjs";
 const AuditSection = ({ configured }) => {
   const intl = useIntl();
   const { formatMessage } = intl;
@@ -172,19 +172,31 @@ const FailuresSection = ({ configured }) => {
     ) : null
   ] });
 };
+const REGIONS = ["eu1", "na1"];
 const HubspotSettings = () => {
   const { formatMessage } = useIntl();
   const { get, put, del } = useFetchClient();
   const [settings, setSettings] = React.useState(null);
   const [apiKey, setApiKey] = React.useState("");
+  const [portalId, setPortalId] = React.useState("");
+  const [region, setRegion] = React.useState("eu1");
+  const [defaultFormId, setDefaultFormId] = React.useState("");
+  const [forms, setForms] = 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 apply = (data) => {
+    setSettings(data);
+    setPortalId(data.portalId ?? "");
+    setRegion(data.region || "eu1");
+    setDefaultFormId(data.defaultFormId ?? "");
+    setForms(Array.isArray(data.forms) ? data.forms : []);
+  };
   const load = React.useCallback(async () => {
     const { data } = await get(`/${PLUGIN_ID}/settings`);
-    setSettings(data);
+    apply(data);
   }, [get]);
   React.useEffect(() => {
     load().catch(
@@ -195,12 +207,17 @@ const HubspotSettings = () => {
     setBusy(true);
     setFeedback(null);
     try {
-      const { data } = await put(`/${PLUGIN_ID}/settings`, { apiKey });
-      setSettings(data);
+      await put(`/${PLUGIN_ID}/settings`, {
+        ...apiKey.trim() ? { apiKey: apiKey.trim() } : {},
+        portalId,
+        region,
+        defaultFormId
+      });
       setApiKey("");
-      setFeedback({ tone: "success", text: t("settings.saved", "Key saved.") });
+      await load();
+      setFeedback({ tone: "success", text: t("settings.saved", "Settings saved.") });
     } catch {
-      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save the key.") });
+      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save settings.") });
     } finally {
       setBusy(false);
     }
@@ -209,9 +226,9 @@ const HubspotSettings = () => {
     setBusy(true);
     setFeedback(null);
     try {
-      const { data } = await del(`/${PLUGIN_ID}/settings`);
-      setSettings(data);
+      await del(`/${PLUGIN_ID}/settings`);
       setApiKey("");
+      await load();
       setFeedback({ tone: "success", text: t("settings.removed", "Key removed.") });
     } catch {
       setFeedback({ tone: "danger", text: t("settings.remove-error", "Could not remove the key.") });
@@ -234,6 +251,7 @@ const HubspotSettings = () => {
           })
         } : { tone: "danger", text: t("settings.test-no-key", "No key configured.") }
       );
+      if (data.configured) await load();
     } catch {
       setFeedback({
         tone: "danger",
@@ -251,44 +269,122 @@ const HubspotSettings = () => {
     config: t("settings.source.config", "config/plugins.ts"),
     env: t("settings.source.env", "environment variable")
   };
+  const sourceHint = (source) => source && source !== "settings" ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("settings.source", "source: {source}", { source: sourceLabel[source] }) }) : null;
+  const regionOptions = REGIONS.includes(region) ? [...REGIONS] : [region, ...REGIONS];
   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."
+        "Private app token and the HubSpot account that receives form conversions. Switch test → production here — nothing is hardcoded."
       ) })
     ] }),
     /* @__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."
+    /* @__PURE__ */ jsx(Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      /* @__PURE__ */ jsxs(
+        Field.Root,
+        {
+          name: "apiKey",
+          hint: t(
+            "settings.key.hint",
+            "A key entered here overrides 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(
+        Field.Root,
+        {
+          name: "portalId",
+          hint: t(
+            "settings.portal.hint",
+            "HubSpot account id (Settings → Account → Account setup). Test portal today, production later."
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: t("settings.portal.label", "Portal ID") }),
+            /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                type: "text",
+                value: portalId,
+                autoComplete: "off",
+                placeholder: "148991818",
+                onChange: (e) => setPortalId(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(Field.Hint, {}),
+            sourceHint(settings.portalSource)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(Field.Root, { name: "region", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("settings.region.label", "Region") }),
+        /* @__PURE__ */ jsx(
+          SingleSelect,
+          {
+            value: region,
+            onChange: (value) => setRegion(String(value)),
+            children: regionOptions.map((r) => /* @__PURE__ */ jsx(SingleSelectOption, { value: r, children: r === "eu1" ? t("settings.region.eu1", "Europe (eu1)") : r === "na1" ? t("settings.region.na1", "North America (na1)") : r }, r))
+          }
         ),
-        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)
-            }
+        sourceHint(settings.regionSource)
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Field.Root,
+        {
+          name: "defaultFormId",
+          hint: t(
+            "settings.form.hint",
+            "Marketing form that receives submissions when a builder form doesn't pick its own. Create the form in HubSpot, then pick it here."
           ),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
+          children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: t("settings.form.label", "Default marketing form") }),
+            forms.length ? /* @__PURE__ */ jsxs(
+              SingleSelect,
+              {
+                value: defaultFormId,
+                placeholder: t("settings.form.placeholder", "Pick a form of the connected portal"),
+                onChange: (value) => setDefaultFormId(String(value)),
+                children: [
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "", children: t("settings.form.none", "None — CRM upsert only") }),
+                  defaultFormId && !forms.some((f) => f.id === defaultFormId) && /* @__PURE__ */ jsx(SingleSelectOption, { value: defaultFormId, children: defaultFormId }),
+                  forms.map((f) => /* @__PURE__ */ jsx(SingleSelectOption, { value: f.id, children: f.name }, f.id))
+                ]
+              }
+            ) : /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                type: "text",
+                value: defaultFormId,
+                autoComplete: "off",
+                placeholder: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
+                onChange: (e) => setDefaultFormId(e.target.value.trim())
+              }
+            ),
+            /* @__PURE__ */ jsx(Field.Hint, {}),
+            sourceHint(settings.formSource)
+          ]
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsx(Button, { onClick: save, loading: busy, disabled: !apiKey.trim(), children: t("settings.save", "Save") }),
+      /* @__PURE__ */ jsx(Button, { onClick: save, loading: busy, 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,
@@ -297,7 +393,7 @@ const HubspotSettings = () => {
           onClick: remove,
           loading: busy,
           disabled: settings.keySource !== "settings",
-          children: t("settings.remove", "Remove")
+          children: t("settings.remove", "Remove key")
         }
       )
     ] }),
@@ -311,7 +407,7 @@ const HubspotSettings = () => {
     ) : 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."
+      "The token needs crm.schemas.contacts.read, crm.schemas.companies.read and forms (to list and submit marketing forms). The token is never returned to the browser."
     ) }) }),
     /* @__PURE__ */ jsx(AuditSection, { configured: settings.configured }),
     /* @__PURE__ */ jsx(FailuresSection, { configured: settings.configured })

package/dist/_chunks/{Settings-Ch8tPZAV.js → Settings-X3EHnTaO.js}

@@ -5,9 +5,9 @@ const React = require("react");
 const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-BAvedd2m.js");
+const index$1 = require("./index-BpcilDy1.js");
 const reactRouterDom = require("react-router-dom");
-const objectLabels = require("./objectLabels-CycoU0zY.js");
+const objectLabels = require("./objectLabels-CYXXFpNB.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -192,19 +192,31 @@ const FailuresSection = ({ configured }) => {
     ) : null
   ] });
 };
+const REGIONS = ["eu1", "na1"];
 const HubspotSettings = () => {
   const { formatMessage } = index.useIntl();
   const { get, put, del } = admin.useFetchClient();
   const [settings, setSettings] = React__namespace.useState(null);
   const [apiKey, setApiKey] = React__namespace.useState("");
+  const [portalId, setPortalId] = React__namespace.useState("");
+  const [region, setRegion] = React__namespace.useState("eu1");
+  const [defaultFormId, setDefaultFormId] = React__namespace.useState("");
+  const [forms, setForms] = 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 apply = (data) => {
+    setSettings(data);
+    setPortalId(data.portalId ?? "");
+    setRegion(data.region || "eu1");
+    setDefaultFormId(data.defaultFormId ?? "");
+    setForms(Array.isArray(data.forms) ? data.forms : []);
+  };
   const load = React__namespace.useCallback(async () => {
     const { data } = await get(`/${index$1.PLUGIN_ID}/settings`);
-    setSettings(data);
+    apply(data);
   }, [get]);
   React__namespace.useEffect(() => {
     load().catch(
@@ -215,12 +227,17 @@ const HubspotSettings = () => {
     setBusy(true);
     setFeedback(null);
     try {
-      const { data } = await put(`/${index$1.PLUGIN_ID}/settings`, { apiKey });
-      setSettings(data);
+      await put(`/${index$1.PLUGIN_ID}/settings`, {
+        ...apiKey.trim() ? { apiKey: apiKey.trim() } : {},
+        portalId,
+        region,
+        defaultFormId
+      });
       setApiKey("");
-      setFeedback({ tone: "success", text: t("settings.saved", "Key saved.") });
+      await load();
+      setFeedback({ tone: "success", text: t("settings.saved", "Settings saved.") });
     } catch {
-      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save the key.") });
+      setFeedback({ tone: "danger", text: t("settings.save-error", "Could not save settings.") });
     } finally {
       setBusy(false);
     }
@@ -229,9 +246,9 @@ const HubspotSettings = () => {
     setBusy(true);
     setFeedback(null);
     try {
-      const { data } = await del(`/${index$1.PLUGIN_ID}/settings`);
-      setSettings(data);
+      await del(`/${index$1.PLUGIN_ID}/settings`);
       setApiKey("");
+      await load();
       setFeedback({ tone: "success", text: t("settings.removed", "Key removed.") });
     } catch {
       setFeedback({ tone: "danger", text: t("settings.remove-error", "Could not remove the key.") });
@@ -254,6 +271,7 @@ const HubspotSettings = () => {
           })
         } : { tone: "danger", text: t("settings.test-no-key", "No key configured.") }
       );
+      if (data.configured) await load();
     } catch {
       setFeedback({
         tone: "danger",
@@ -271,44 +289,122 @@ const HubspotSettings = () => {
     config: t("settings.source.config", "config/plugins.ts"),
     env: t("settings.source.env", "environment variable")
   };
+  const sourceHint = (source) => source && source !== "settings" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t("settings.source", "source: {source}", { source: sourceLabel[source] }) }) : null;
+  const regionOptions = REGIONS.includes(region) ? [...REGIONS] : [region, ...REGIONS];
   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."
+        "Private app token and the HubSpot account that receives form conversions. Switch test → production here — nothing is hardcoded."
       ) })
     ] }),
     /* @__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."
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { maxWidth: "32rem", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          name: "apiKey",
+          hint: t(
+            "settings.key.hint",
+            "A key entered here overrides 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.Field.Root,
+        {
+          name: "portalId",
+          hint: t(
+            "settings.portal.hint",
+            "HubSpot account id (Settings → Account → Account setup). Test portal today, production later."
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("settings.portal.label", "Portal ID") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Field.Input,
+              {
+                type: "text",
+                value: portalId,
+                autoComplete: "off",
+                placeholder: "148991818",
+                onChange: (e) => setPortalId(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+            sourceHint(settings.portalSource)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "region", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("settings.region.label", "Region") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelect,
+          {
+            value: region,
+            onChange: (value) => setRegion(String(value)),
+            children: regionOptions.map((r) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: r, children: r === "eu1" ? t("settings.region.eu1", "Europe (eu1)") : r === "na1" ? t("settings.region.na1", "North America (na1)") : r }, r))
+          }
         ),
-        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)
-            }
+        sourceHint(settings.regionSource)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          name: "defaultFormId",
+          hint: t(
+            "settings.form.hint",
+            "Marketing form that receives submissions when a builder form doesn't pick its own. Create the form in HubSpot, then pick it here."
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ) }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("settings.form.label", "Default marketing form") }),
+            forms.length ? /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.SingleSelect,
+              {
+                value: defaultFormId,
+                placeholder: t("settings.form.placeholder", "Pick a form of the connected portal"),
+                onChange: (value) => setDefaultFormId(String(value)),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: t("settings.form.none", "None — CRM upsert only") }),
+                  defaultFormId && !forms.some((f) => f.id === defaultFormId) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: defaultFormId, children: defaultFormId }),
+                  forms.map((f) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: f.id, children: f.name }, f.id))
+                ]
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Field.Input,
+              {
+                type: "text",
+                value: defaultFormId,
+                autoComplete: "off",
+                placeholder: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
+                onChange: (e) => setDefaultFormId(e.target.value.trim())
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+            sourceHint(settings.formSource)
+          ]
+        }
+      )
+    ] }) }),
     /* @__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, { onClick: save, loading: busy, 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,
@@ -317,7 +413,7 @@ const HubspotSettings = () => {
           onClick: remove,
           loading: busy,
           disabled: settings.keySource !== "settings",
-          children: t("settings.remove", "Remove")
+          children: t("settings.remove", "Remove key")
         }
       )
     ] }),
@@ -331,7 +427,7 @@ const HubspotSettings = () => {
     ) : 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."
+      "The token needs crm.schemas.contacts.read, crm.schemas.companies.read and forms (to list and submit marketing forms). The token is never returned to the browser."
     ) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(AuditSection, { configured: settings.configured }),
     /* @__PURE__ */ jsxRuntime.jsx(FailuresSection, { configured: settings.configured })

package/dist/_chunks/{en-D8DJiSxd.mjs → en-DMJeF7EN.mjs}

@@ -28,7 +28,7 @@ const en = {
   "picker.refresh": "Refresh the properties from HubSpot",
   "picker.import": "Import the {count} options from HubSpot",
   "picker.imported": "Options imported — save to keep them.",
-  "settings.subtitle": "The private app token used to read the portal's properties and validate form mappings.",
+  "settings.subtitle": "Private app token and the HubSpot account that receives form conversions. Switch test → production here — nothing is hardcoded.",
   "settings.configured": "Configured {hint}",
   "settings.not-configured": "Not configured",
   "settings.source": "source: {source}",
@@ -36,22 +36,31 @@ const en = {
   "settings.source.config": "config/plugins.ts",
   "settings.source.env": "environment variable",
   "settings.key.label": "Private app token",
-  "settings.key.hint": "A key entered here overrides the ones from config/plugins.ts and HUBSPOT_API_KEY.",
+  "settings.key.hint": "A key entered here overrides config/plugins.ts and HUBSPOT_API_KEY.",
   "settings.key.placeholder.set": "•••••••• (leave empty to keep)",
   "settings.key.placeholder.empty": "pat-eu1-…",
+  "settings.portal.label": "Portal ID",
+  "settings.portal.hint": "HubSpot account id (Settings → Account → Account setup). Test portal today, production later.",
+  "settings.region.label": "Region",
+  "settings.region.eu1": "Europe (eu1)",
+  "settings.region.na1": "North America (na1)",
+  "settings.form.label": "Default marketing form",
+  "settings.form.hint": "Marketing form that receives submissions when a builder form doesn't pick its own. Create the form in HubSpot, then pick it here.",
+  "settings.form.placeholder": "Pick a form of the connected portal",
+  "settings.form.none": "None — CRM upsert only",
   "settings.save": "Save",
   "settings.test": "Test connection",
-  "settings.remove": "Remove",
+  "settings.remove": "Remove key",
   "settings.loading": "Loading…",
   "settings.load-error": "Could not load settings.",
-  "settings.saved": "Key saved.",
-  "settings.save-error": "Could not save the key.",
+  "settings.saved": "Settings saved.",
+  "settings.save-error": "Could not save settings.",
   "settings.removed": "Key removed.",
   "settings.remove-error": "Could not remove the key.",
   "settings.test-ok": "Connection established — {count} readable properties.",
   "settings.test-no-key": "No key configured.",
   "settings.test-error": "HubSpot unreachable — invalid or revoked key?",
-  "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.",
+  "settings.scopes": "The token needs crm.schemas.contacts.read, crm.schemas.companies.read and forms (to list and submit marketing forms). The token is never returned to the browser.",
   "audit.title": "Mapping audit",
   "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.",
   "audit.run": "Run the audit",
@@ -139,6 +148,10 @@ const en = {
   "editor.form-next": "Next label",
   "editor.form-submit": "Submit label",
   "editor.form-success": "Success message",
+  "editor.hubspot-form": "HubSpot marketing form",
+  "editor.hubspot-form-placeholder": "Pick a form of the connected portal",
+  "editor.hubspot-form-none": "None — CRM upsert only",
+  "editor.hubspot-form-hint": "Submissions go through HubSpot’s Forms API so they count as conversions. Switch the connected portal (test → production) and pick the matching form — nothing is hardcoded.",
   "editor.form-hint": "Select a step or a field to edit it. The public endpoint serves this form at /api/hubspot/forms/{slug}.",
   "panel.label": "Label",
   "panel.name": "Payload key",

package/dist/_chunks/{en-PYFibnDc.js → en-ZHvaZLi7.js}

@@ -30,7 +30,7 @@ const en = {
   "picker.refresh": "Refresh the properties from HubSpot",
   "picker.import": "Import the {count} options from HubSpot",
   "picker.imported": "Options imported — save to keep them.",
-  "settings.subtitle": "The private app token used to read the portal's properties and validate form mappings.",
+  "settings.subtitle": "Private app token and the HubSpot account that receives form conversions. Switch test → production here — nothing is hardcoded.",
   "settings.configured": "Configured {hint}",
   "settings.not-configured": "Not configured",
   "settings.source": "source: {source}",
@@ -38,22 +38,31 @@ const en = {
   "settings.source.config": "config/plugins.ts",
   "settings.source.env": "environment variable",
   "settings.key.label": "Private app token",
-  "settings.key.hint": "A key entered here overrides the ones from config/plugins.ts and HUBSPOT_API_KEY.",
+  "settings.key.hint": "A key entered here overrides config/plugins.ts and HUBSPOT_API_KEY.",
   "settings.key.placeholder.set": "•••••••• (leave empty to keep)",
   "settings.key.placeholder.empty": "pat-eu1-…",
+  "settings.portal.label": "Portal ID",
+  "settings.portal.hint": "HubSpot account id (Settings → Account → Account setup). Test portal today, production later.",
+  "settings.region.label": "Region",
+  "settings.region.eu1": "Europe (eu1)",
+  "settings.region.na1": "North America (na1)",
+  "settings.form.label": "Default marketing form",
+  "settings.form.hint": "Marketing form that receives submissions when a builder form doesn't pick its own. Create the form in HubSpot, then pick it here.",
+  "settings.form.placeholder": "Pick a form of the connected portal",
+  "settings.form.none": "None — CRM upsert only",
   "settings.save": "Save",
   "settings.test": "Test connection",
-  "settings.remove": "Remove",
+  "settings.remove": "Remove key",
   "settings.loading": "Loading…",
   "settings.load-error": "Could not load settings.",
-  "settings.saved": "Key saved.",
-  "settings.save-error": "Could not save the key.",
+  "settings.saved": "Settings saved.",
+  "settings.save-error": "Could not save settings.",
   "settings.removed": "Key removed.",
   "settings.remove-error": "Could not remove the key.",
   "settings.test-ok": "Connection established — {count} readable properties.",
   "settings.test-no-key": "No key configured.",
   "settings.test-error": "HubSpot unreachable — invalid or revoked key?",
-  "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.",
+  "settings.scopes": "The token needs crm.schemas.contacts.read, crm.schemas.companies.read and forms (to list and submit marketing forms). The token is never returned to the browser.",
   "audit.title": "Mapping audit",
   "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.",
   "audit.run": "Run the audit",
@@ -141,6 +150,10 @@ const en = {
   "editor.form-next": "Next label",
   "editor.form-submit": "Submit label",
   "editor.form-success": "Success message",
+  "editor.hubspot-form": "HubSpot marketing form",
+  "editor.hubspot-form-placeholder": "Pick a form of the connected portal",
+  "editor.hubspot-form-none": "None — CRM upsert only",
+  "editor.hubspot-form-hint": "Submissions go through HubSpot’s Forms API so they count as conversions. Switch the connected portal (test → production) and pick the matching form — nothing is hardcoded.",
   "editor.form-hint": "Select a step or a field to edit it. The public endpoint serves this form at /api/hubspot/forms/{slug}.",
   "panel.label": "Label",
   "panel.name": "Payload key",