strapi-plugin-hubspot 0.16.1 → 0.16.3

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 ## Unreleased
 
+## 0.16.3 — 2026-09-22
+
+### Changed
+- Timeline recap notes (`forms.timelineNote`, default `true`) now also write
+  after a native Forms API conversion: page URL and originating subject sit
+  on the contact next to the conversion. The Forms API already forwards
+  `context.pageUri` / `pageName`. Toggle lives in Settings → HubSpot.
+
+## 0.16.2 — 2026-09-22
+
+### Added
+- **Resync from HubSpot** in the form editor (and a safer list re-import):
+  mapped fields update in place (label, type, required, options), new HubSpot
+  fields append to the last step, Strapi steps / conditions / extra fields
+  stay. Matching uses the linked form GUID rather than the slug.
+
 ## 0.16.1 — 2026-09-22
 
 ### Changed

package/README.md

@@ -54,11 +54,14 @@ upserts can share the same plugin:
 | `forms.submissionMode` | `auto` | `auto`: Forms API when a marketing GUID is linked, else CRM upsert. `forms`: always try the Forms API. `crm`: never count as a conversion |
 | `forms.writeExtraProperties` | `true` | After a conversion, CRM-write mapped contact fields the HubSpot form dropped (they 400 the Forms API) |
 | `forms.syncFieldsOnPublish` | `false` | On publish, PATCH missing mapped **contact** fields onto the HubSpot form. Off by default so HubSpot-first installs aren't mutated |
+| `forms.timelineNote` | `true` | Recap note on the contact after a successful sync (page URL, subject, answers). Sits next to a native conversion; turn off if you only want the form submission |
 
-The visitor's `hutk` is forwarded so attribution sticks. Then the contact is
-looked up by email and, when the address is on a corporate domain, the company
-is found-or-created and associated. Timeline notes are opt-in and only used
-on the CRM-upsert path.
+The visitor's `hutk` is forwarded so attribution sticks. The conversion carries
+`context.pageUri` / `pageName` (the page the visitor submitted from). Then the
+contact is looked up by email and, when the address is on a corporate domain,
+the company is found-or-created and associated. Timeline notes (`forms.timelineNote`,
+default `true`) add a recap of that page plus the originating subject on the
+contact timeline — they don't replace the conversion.
 
 CRM properties are **never created**. Map to properties that already exist in
 the portal; opting into field sync only adds form fields that point at those
@@ -75,7 +78,7 @@ hubspot: {
     region: env("HUBSPOT_REGION", "eu1"),     // eu1 → api-eu1.hsforms.com
     forms: {
       companyFromDomain: true, // Company by corporate domain + association
-      timelineNote: false,     // recap note on the CRM-upsert fallback only
+      timelineNote: true,      // recap note (page + subject) next to the conversion
       defaultFormId: env("HUBSPOT_DEFAULT_FORM_ID", ""),
       submissionMode: "auto",  // auto | forms | crm
       writeExtraProperties: true,
@@ -174,10 +177,10 @@ the portal. The translation carries over what the builder can express:
 - dependent fields become `visibleIf` conditions (value lists are expanded
   into OR'd/AND'd rules).
 
-Everything else — file uploads, hidden fields, content blocks, GDPR consent
-blocks, an operator with no equivalent — is **skipped and reported** after the
-import, so nothing is silently half-migrated. The HubSpot original is never
-modified; re-importing overwrites the draft, never the published version.
+The HubSpot original is never modified. Re-importing (or **Resync from HubSpot**
+in the editor) updates mapped fields in place and appends new ones — Strapi
+steps, conditions and extra fields stay. Matching is by HubSpot form GUID,
+then slug. The published version is never touched.
 
 ### i18n and publishing
 

package/dist/_chunks/{Forms-DEoZGrEt.mjs → Forms-BBaw53Tz.mjs}

@@ -5,12 +5,12 @@ import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Typography, Flex, Box, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption, TextInput, IconButton, Button, Combobox, ComboboxOption, Field, Textarea, Checkbox, Divider, Loader, Badge, Table, Thead, Tr, Th, Tbody, Td, Modal } from "@strapi/design-system";
 import { Trash, Plus, ArrowClockwise, ArrowLeft, Drag, ArrowUp, ArrowDown, List, Duplicate, Download } from "@strapi/icons";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation, P as PLUGIN_ID } from "./index-gKM4jVf8.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-B8GYi6sw.mjs";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, useDroppable, closestCorners } from "@dnd-kit/core";
 import { arrayMove, sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { o as objectLabel } from "./objectLabels-DQpSLUaJ.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CE7tJgOM.mjs";
+import { o as objectLabel } from "./objectLabels-DybqhBdT.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-DtcHHUOb.mjs";
 const OPERATORS = [
   "eq",
   "neq",
@@ -899,6 +899,40 @@ const FormEditor = () => {
       setBusy(false);
     }
   };
+  const resync = async () => {
+    if (dirty && !await save()) return;
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(`/${PLUGIN_ID}/builder/forms/${documentId}/resync${query}`);
+      if (data.form) {
+        setEntry(data.form);
+        setDirty(false);
+      }
+      const added = data.added?.length ?? 0;
+      const updated = data.updated?.length ?? 0;
+      const skipped = data.skipped?.length ?? 0;
+      setFeedback({
+        tone: "success",
+        text: skipped > 0 ? t(
+          "editor.resynced-gaps",
+          "Resynced from HubSpot — {updated, plural, one {# updated} other {# updated}}, {added, plural, one {# added} other {# added}}, {skipped, plural, one {# skipped} other {# skipped}}.",
+          { updated, added, skipped }
+        ) : t(
+          "editor.resynced",
+          "Resynced from HubSpot — {updated, plural, one {# field updated} other {# fields updated}}, {added, plural, one {# added} other {# added}}.",
+          { updated, added }
+        )
+      });
+    } catch {
+      setFeedback({
+        tone: "danger",
+        text: t("editor.resync-error", "Could not resync from HubSpot — is the form still linked?")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
   const fieldFlags = (fieldId) => ({
     error: errors.find((e) => e.fieldId === fieldId),
     problem: problems.find((p) => p.fieldId === fieldId)
@@ -936,6 +970,15 @@ const FormEditor = () => {
           }
         ),
         /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: save, disabled: busy || !dirty, children: t("editor.save", "Save") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            onClick: resync,
+            disabled: busy || !entry.hubspotFormId,
+            children: t("editor.resync", "Resync from HubSpot")
+          }
+        ),
         /* @__PURE__ */ jsx(Button, { onClick: publish, disabled: busy, children: t("editor.publish", "Publish") }),
         published && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: unpublish, disabled: busy, children: t("editor.unpublish", "Unpublish") })
       ] })
@@ -1311,7 +1354,7 @@ const FormEditor = () => {
           ),
           /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
             "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."
+            "Submissions go through HubSpot’s Forms API so they count as conversions. After you change the form in HubSpot, use Resync from HubSpot — mapped fields update in place, new ones are appended, your steps stay."
           ) })
         ] }),
         /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
@@ -1490,7 +1533,7 @@ const FormsList = () => {
           /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: t("forms.import-hubspot-title", "Import from your HubSpot portal") }),
           /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", tag: "p", children: t(
             "forms.import-hubspot-hint",
-            "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft."
+            "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing updates mapped fields in place and appends new ones."
           ) })
         ] }),
         /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [

package/dist/_chunks/{Forms-D0QXkYAN.js → Forms-CIJrUB_n.js}

@@ -7,12 +7,12 @@ const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-ciliGv0E.js");
+const index$1 = require("./index-XEuSPuUj.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const utilities = require("@dnd-kit/utilities");
-const objectLabels = require("./objectLabels-BjYfdhRB.js");
-const useHubspotSchema = require("./useHubspotSchema-KKVppjC2.js");
+const objectLabels = require("./objectLabels-wBwfLdZt.js");
+const useHubspotSchema = require("./useHubspotSchema-WvgW3od8.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -919,6 +919,40 @@ const FormEditor = () => {
       setBusy(false);
     }
   };
+  const resync = async () => {
+    if (dirty && !await save()) return;
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(`/${index$1.PLUGIN_ID}/builder/forms/${documentId}/resync${query}`);
+      if (data.form) {
+        setEntry(data.form);
+        setDirty(false);
+      }
+      const added = data.added?.length ?? 0;
+      const updated = data.updated?.length ?? 0;
+      const skipped = data.skipped?.length ?? 0;
+      setFeedback({
+        tone: "success",
+        text: skipped > 0 ? t(
+          "editor.resynced-gaps",
+          "Resynced from HubSpot — {updated, plural, one {# updated} other {# updated}}, {added, plural, one {# added} other {# added}}, {skipped, plural, one {# skipped} other {# skipped}}.",
+          { updated, added, skipped }
+        ) : t(
+          "editor.resynced",
+          "Resynced from HubSpot — {updated, plural, one {# field updated} other {# fields updated}}, {added, plural, one {# added} other {# added}}.",
+          { updated, added }
+        )
+      });
+    } catch {
+      setFeedback({
+        tone: "danger",
+        text: t("editor.resync-error", "Could not resync from HubSpot — is the form still linked?")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
   const fieldFlags = (fieldId) => ({
     error: errors.find((e) => e.fieldId === fieldId),
     problem: problems.find((p) => p.fieldId === fieldId)
@@ -956,6 +990,15 @@ const FormEditor = () => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: save, disabled: busy || !dirty, children: t("editor.save", "Save") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            onClick: resync,
+            disabled: busy || !entry.hubspotFormId,
+            children: t("editor.resync", "Resync from HubSpot")
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: publish, disabled: busy, children: t("editor.publish", "Publish") }),
         published && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: unpublish, disabled: busy, children: t("editor.unpublish", "Unpublish") })
       ] })
@@ -1331,7 +1374,7 @@ const FormEditor = () => {
           ),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
             "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."
+            "Submissions go through HubSpot’s Forms API so they count as conversions. After you change the form in HubSpot, use Resync from HubSpot — mapped fields update in place, new ones are appended, your steps stay."
           ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
@@ -1510,7 +1553,7 @@ const FormsList = () => {
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: t("forms.import-hubspot-title", "Import from your HubSpot portal") }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", tag: "p", children: t(
             "forms.import-hubspot-hint",
-            "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft."
+            "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing updates mapped fields in place and appends new ones."
           ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [

package/dist/_chunks/{HubspotFormInput-CPep55GL.mjs → HubspotFormInput-DIo6hCNz.mjs}

@@ -3,7 +3,7 @@ import * as React from "react";
 import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Field, Flex, Loader, Combobox, ComboboxOption } from "@strapi/design-system";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID, g as getTranslation } from "./index-gKM4jVf8.mjs";
+import { P as PLUGIN_ID, g as getTranslation } from "./index-B8GYi6sw.mjs";
 const HubspotFormInput = React.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const { formatMessage } = useIntl();

package/dist/_chunks/{HubspotFormInput-4ZMYXWM_.js → HubspotFormInput-DSTuQ_bx.js}

@@ -5,7 +5,7 @@ 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-ciliGv0E.js");
+const index$1 = require("./index-XEuSPuUj.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotObjectInput-CQszIx1W.mjs → HubspotObjectInput-BA16dswz.mjs}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Field, Flex, Loader, SingleSelect, SingleSelectOption } from "@strapi/design-system";
-import { g as getTranslation } from "./index-gKM4jVf8.mjs";
-import { o as objectLabel } from "./objectLabels-DQpSLUaJ.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CE7tJgOM.mjs";
+import { g as getTranslation } from "./index-B8GYi6sw.mjs";
+import { o as objectLabel } from "./objectLabels-DybqhBdT.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-DtcHHUOb.mjs";
 const HubspotObjectInput = React.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const intl = useIntl();

package/dist/_chunks/{HubspotObjectInput-BTqYXJIa.js → HubspotObjectInput-BIqC8tl2.js}

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
-const index$1 = require("./index-ciliGv0E.js");
-const objectLabels = require("./objectLabels-BjYfdhRB.js");
-const useHubspotSchema = require("./useHubspotSchema-KKVppjC2.js");
+const index$1 = require("./index-XEuSPuUj.js");
+const objectLabels = require("./objectLabels-wBwfLdZt.js");
+const useHubspotSchema = require("./useHubspotSchema-WvgW3od8.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotPropertyInput-2MgIKlR_.js → HubspotPropertyInput-C77Op1Wm.js}

@@ -6,9 +6,9 @@ const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-ciliGv0E.js");
-const objectLabels = require("./objectLabels-BjYfdhRB.js");
-const useHubspotSchema = require("./useHubspotSchema-KKVppjC2.js");
+const index$1 = require("./index-XEuSPuUj.js");
+const objectLabels = require("./objectLabels-wBwfLdZt.js");
+const useHubspotSchema = require("./useHubspotSchema-WvgW3od8.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotPropertyInput-ClNph0f1.mjs → HubspotPropertyInput-Dsn7ikop.mjs}

@@ -4,9 +4,9 @@ import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Field, Flex, Loader, Combobox, ComboboxOption, IconButton, Button, Typography, Link } from "@strapi/design-system";
 import { ArrowClockwise } from "@strapi/icons";
 import { useField } from "@strapi/strapi/admin";
-import { g as getTranslation } from "./index-gKM4jVf8.mjs";
-import { o as objectLabel } from "./objectLabels-DQpSLUaJ.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CE7tJgOM.mjs";
+import { g as getTranslation } from "./index-B8GYi6sw.mjs";
+import { o as objectLabel } from "./objectLabels-DybqhBdT.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-DtcHHUOb.mjs";
 const oneLine = {
   display: "block",
   whiteSpace: "nowrap",

package/dist/_chunks/{Settings-CZ-qQSKT.mjs → Settings-DxX9Uh_2.mjs}

@@ -3,9 +3,9 @@ import * as React from "react";
 import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Flex, Divider, Typography, Button, Box, Link, Badge, Loader, Field, SingleSelect, SingleSelectOption, Checkbox } from "@strapi/design-system";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation, P as PLUGIN_ID } from "./index-gKM4jVf8.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-B8GYi6sw.mjs";
 import { Link as Link$1 } from "react-router-dom";
-import { o as objectLabel } from "./objectLabels-DQpSLUaJ.mjs";
+import { o as objectLabel } from "./objectLabels-DybqhBdT.mjs";
 const AuditSection = ({ configured }) => {
   const intl = useIntl();
   const { formatMessage } = intl;
@@ -184,6 +184,7 @@ const HubspotSettings = () => {
   const [submissionMode, setSubmissionMode] = React.useState("auto");
   const [writeExtraProperties, setWriteExtraProperties] = React.useState(true);
   const [syncFieldsOnPublish, setSyncFieldsOnPublish] = React.useState(false);
+  const [timelineNote, setTimelineNote] = React.useState(true);
   const [forms, setForms] = React.useState([]);
   const [busy, setBusy] = React.useState(false);
   const [feedback, setFeedback] = React.useState(
@@ -198,6 +199,7 @@ const HubspotSettings = () => {
     setSubmissionMode(data.submissionMode === "crm" || data.submissionMode === "forms" ? data.submissionMode : "auto");
     setWriteExtraProperties(data.writeExtraProperties !== false);
     setSyncFieldsOnPublish(data.syncFieldsOnPublish === true);
+    setTimelineNote(data.timelineNote !== false);
     setForms(Array.isArray(data.forms) ? data.forms : []);
   };
   const load = React.useCallback(async () => {
@@ -220,7 +222,8 @@ const HubspotSettings = () => {
         defaultFormId,
         submissionMode,
         writeExtraProperties,
-        syncFieldsOnPublish
+        syncFieldsOnPublish,
+        timelineNote
       });
       setApiKey("");
       await load();
@@ -454,6 +457,21 @@ const HubspotSettings = () => {
       /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
         "settings.sync.hint",
         "Strapi-first installs: a field added here appears on the HubSpot form next publish. HubSpot-first installs should leave this off — importing a form already carries its fields. Properties themselves are never created; map to ones that exist in the portal."
+      ) }),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: timelineNote,
+          onCheckedChange: (checked) => setTimelineNote(checked === true),
+          children: t(
+            "settings.note.label",
+            "Also write a recap note on the contact (page, subject, answers)"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+        "settings.note.hint",
+        "The conversion already carries the page URL (pageUri). The note puts that page plus the originating subject on the contact timeline, next to the native form submission."
       ) })
     ] }) }),
     /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [

package/dist/_chunks/{Settings-DhiHQC6U.js → Settings-PVhJVPqq.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-ciliGv0E.js");
+const index$1 = require("./index-XEuSPuUj.js");
 const reactRouterDom = require("react-router-dom");
-const objectLabels = require("./objectLabels-BjYfdhRB.js");
+const objectLabels = require("./objectLabels-wBwfLdZt.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -204,6 +204,7 @@ const HubspotSettings = () => {
   const [submissionMode, setSubmissionMode] = React__namespace.useState("auto");
   const [writeExtraProperties, setWriteExtraProperties] = React__namespace.useState(true);
   const [syncFieldsOnPublish, setSyncFieldsOnPublish] = React__namespace.useState(false);
+  const [timelineNote, setTimelineNote] = React__namespace.useState(true);
   const [forms, setForms] = React__namespace.useState([]);
   const [busy, setBusy] = React__namespace.useState(false);
   const [feedback, setFeedback] = React__namespace.useState(
@@ -218,6 +219,7 @@ const HubspotSettings = () => {
     setSubmissionMode(data.submissionMode === "crm" || data.submissionMode === "forms" ? data.submissionMode : "auto");
     setWriteExtraProperties(data.writeExtraProperties !== false);
     setSyncFieldsOnPublish(data.syncFieldsOnPublish === true);
+    setTimelineNote(data.timelineNote !== false);
     setForms(Array.isArray(data.forms) ? data.forms : []);
   };
   const load = React__namespace.useCallback(async () => {
@@ -240,7 +242,8 @@ const HubspotSettings = () => {
         defaultFormId,
         submissionMode,
         writeExtraProperties,
-        syncFieldsOnPublish
+        syncFieldsOnPublish,
+        timelineNote
       });
       setApiKey("");
       await load();
@@ -474,6 +477,21 @@ const HubspotSettings = () => {
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
         "settings.sync.hint",
         "Strapi-first installs: a field added here appears on the HubSpot form next publish. HubSpot-first installs should leave this off — importing a form already carries its fields. Properties themselves are never created; map to ones that exist in the portal."
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Checkbox,
+        {
+          checked: timelineNote,
+          onCheckedChange: (checked) => setTimelineNote(checked === true),
+          children: t(
+            "settings.note.label",
+            "Also write a recap note on the contact (page, subject, answers)"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t(
+        "settings.note.hint",
+        "The conversion already carries the page URL (pageUri). The note puts that page plus the originating subject on the contact timeline, next to the native form submission."
       ) })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [

package/dist/_chunks/{en-Dh3bMS6N.mjs → en-Djd3TID0.mjs}

@@ -164,7 +164,11 @@ const en = {
   "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.hubspot-form-hint": "Submissions go through HubSpot’s Forms API so they count as conversions. After you change the form in HubSpot, use Resync from HubSpot — mapped fields update in place, new ones are appended, your steps stay.",
+  "editor.resync": "Resync from HubSpot",
+  "editor.resynced": "Resynced from HubSpot — {updated, plural, one {# field updated} other {# fields updated}}, {added, plural, one {# added} other {# added}}.",
+  "editor.resynced-gaps": "Resynced from HubSpot — {updated, plural, one {# updated} other {# updated}}, {added, plural, one {# added} other {# added}}, {skipped, plural, one {# skipped} other {# skipped}}.",
+  "editor.resync-error": "Could not resync from HubSpot — is the form still linked?",
   "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",
@@ -234,7 +238,7 @@ const en = {
   "forms.col-submissions": "Submissions",
   "forms.submissions": "Submissions",
   "forms.import-hubspot-title": "Import from your HubSpot portal",
-  "forms.import-hubspot-hint": "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft.",
+  "forms.import-hubspot-hint": "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing updates mapped fields in place and appends new ones.",
   "forms.import-hubspot-source": "HubSpot form to import",
   "forms.hubspot-list-error": "Could not list the portal's forms — the token needs the `forms` read scope.",
   "forms.report-title": "Imported with gaps",

package/dist/_chunks/{en-CSgFmKmM.js → en-sfzopB5K.js}

@@ -166,7 +166,11 @@ const en = {
   "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.hubspot-form-hint": "Submissions go through HubSpot’s Forms API so they count as conversions. After you change the form in HubSpot, use Resync from HubSpot — mapped fields update in place, new ones are appended, your steps stay.",
+  "editor.resync": "Resync from HubSpot",
+  "editor.resynced": "Resynced from HubSpot — {updated, plural, one {# field updated} other {# fields updated}}, {added, plural, one {# added} other {# added}}.",
+  "editor.resynced-gaps": "Resynced from HubSpot — {updated, plural, one {# updated} other {# updated}}, {added, plural, one {# added} other {# added}}, {skipped, plural, one {# skipped} other {# skipped}}.",
+  "editor.resync-error": "Could not resync from HubSpot — is the form still linked?",
   "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",
@@ -236,7 +240,7 @@ const en = {
   "forms.col-submissions": "Submissions",
   "forms.submissions": "Submissions",
   "forms.import-hubspot-title": "Import from your HubSpot portal",
-  "forms.import-hubspot-hint": "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft.",
+  "forms.import-hubspot-hint": "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing updates mapped fields in place and appends new ones.",
   "forms.import-hubspot-source": "HubSpot form to import",
   "forms.hubspot-list-error": "Could not list the portal's forms — the token needs the `forms` read scope.",
   "forms.report-title": "Imported with gaps",

package/dist/_chunks/{fr-aWOIOlS9.mjs → fr-C7t1elmR.mjs}

@@ -164,7 +164,11 @@ const fr = {
   "editor.hubspot-form": "Formulaire marketing HubSpot",
   "editor.hubspot-form-placeholder": "Choisir un formulaire du portail connecté",
   "editor.hubspot-form-none": "Aucun — upsert CRM uniquement",
-  "editor.hubspot-form-hint": "Les envois passent par l’API Forms de HubSpot pour compter comme des conversions. Changez de portail (test → prod) et sélectionnez le formulaire correspondant — rien n’est figé dans le code.",
+  "editor.hubspot-form-hint": "Les envois passent par l’API Forms de HubSpot pour compter comme des conversions. Après une modification dans HubSpot, utilisez Resynchroniser — les champs mappés se mettent à jour sur place, les nouveaux s’ajoutent, vos étapes restent.",
+  "editor.resync": "Resynchroniser depuis HubSpot",
+  "editor.resynced": "Resynchronisé depuis HubSpot — {updated, plural, one {# champ mis à jour} other {# champs mis à jour}}, {added, plural, one {# ajouté} other {# ajoutés}}.",
+  "editor.resynced-gaps": "Resynchronisé depuis HubSpot — {updated, plural, one {# mis à jour} other {# mis à jour}}, {added, plural, one {# ajouté} other {# ajoutés}}, {skipped, plural, one {# écarté} other {# écartés}}.",
+  "editor.resync-error": "Resynchronisation impossible — le formulaire est-il toujours lié ?",
   "editor.form-hint": "Sélectionnez une étape ou un champ pour l'éditer. Le endpoint public sert ce formulaire sur /api/hubspot/forms/{slug}.",
   "panel.label": "Libellé",
   "panel.name": "Clé du payload",
@@ -234,7 +238,7 @@ const fr = {
   "forms.col-submissions": "Soumissions",
   "forms.submissions": "Soumissions",
   "forms.import-hubspot-title": "Importer depuis votre portail HubSpot",
-  "forms.import-hubspot-hint": "Traduit un formulaire construit dans HubSpot en brouillon ici, mapping CRM inclus. Ce que le builder ne sait pas exprimer est écarté et signalé. Ré-importer écrase le brouillon.",
+  "forms.import-hubspot-hint": "Traduit un formulaire construit dans HubSpot en brouillon ici, mapping CRM inclus. Ce que le builder ne sait pas exprimer est écarté et signalé. Ré-importer met à jour les champs mappés et ajoute les nouveaux.",
   "forms.import-hubspot-source": "Formulaire HubSpot à importer",
   "forms.hubspot-list-error": "Impossible de lister les formulaires du portail — le jeton a besoin du scope de lecture `forms`.",
   "forms.report-title": "Importé avec des manques",

package/dist/_chunks/{fr-D_EhZS0P.js → fr-sF5Josfh.js}

@@ -166,7 +166,11 @@ const fr = {
   "editor.hubspot-form": "Formulaire marketing HubSpot",
   "editor.hubspot-form-placeholder": "Choisir un formulaire du portail connecté",
   "editor.hubspot-form-none": "Aucun — upsert CRM uniquement",
-  "editor.hubspot-form-hint": "Les envois passent par l’API Forms de HubSpot pour compter comme des conversions. Changez de portail (test → prod) et sélectionnez le formulaire correspondant — rien n’est figé dans le code.",
+  "editor.hubspot-form-hint": "Les envois passent par l’API Forms de HubSpot pour compter comme des conversions. Après une modification dans HubSpot, utilisez Resynchroniser — les champs mappés se mettent à jour sur place, les nouveaux s’ajoutent, vos étapes restent.",
+  "editor.resync": "Resynchroniser depuis HubSpot",
+  "editor.resynced": "Resynchronisé depuis HubSpot — {updated, plural, one {# champ mis à jour} other {# champs mis à jour}}, {added, plural, one {# ajouté} other {# ajoutés}}.",
+  "editor.resynced-gaps": "Resynchronisé depuis HubSpot — {updated, plural, one {# mis à jour} other {# mis à jour}}, {added, plural, one {# ajouté} other {# ajoutés}}, {skipped, plural, one {# écarté} other {# écartés}}.",
+  "editor.resync-error": "Resynchronisation impossible — le formulaire est-il toujours lié ?",
   "editor.form-hint": "Sélectionnez une étape ou un champ pour l'éditer. Le endpoint public sert ce formulaire sur /api/hubspot/forms/{slug}.",
   "panel.label": "Libellé",
   "panel.name": "Clé du payload",
@@ -236,7 +240,7 @@ const fr = {
   "forms.col-submissions": "Soumissions",
   "forms.submissions": "Soumissions",
   "forms.import-hubspot-title": "Importer depuis votre portail HubSpot",
-  "forms.import-hubspot-hint": "Traduit un formulaire construit dans HubSpot en brouillon ici, mapping CRM inclus. Ce que le builder ne sait pas exprimer est écarté et signalé. Ré-importer écrase le brouillon.",
+  "forms.import-hubspot-hint": "Traduit un formulaire construit dans HubSpot en brouillon ici, mapping CRM inclus. Ce que le builder ne sait pas exprimer est écarté et signalé. Ré-importer met à jour les champs mappés et ajoute les nouveaux.",
   "forms.import-hubspot-source": "Formulaire HubSpot à importer",
   "forms.hubspot-list-error": "Impossible de lister les formulaires du portail — le jeton a besoin du scope de lecture `forms`.",
   "forms.report-title": "Importé avec des manques",

package/dist/_chunks/{index-gKM4jVf8.mjs → index-B8GYi6sw.mjs}

@@ -25,7 +25,7 @@ const index = {
       icon: PaperPlane,
       intlLabel: { id: `${PLUGIN_ID}.menu.label`, defaultMessage: "HubSpot Forms" },
       permissions: [{ action: `plugin::${PLUGIN_ID}.forms`, subject: null }],
-      Component: async () => (await import("./Forms-DEoZGrEt.mjs")).default
+      Component: async () => (await import("./Forms-BBaw53Tz.mjs")).default
     });
     app.customFields.register({
       name: "property",
@@ -40,7 +40,7 @@ const index = {
         defaultMessage: "Picked from the portal's real properties"
       },
       components: {
-        Input: async () => import("./HubspotPropertyInput-ClNph0f1.mjs")
+        Input: async () => import("./HubspotPropertyInput-Dsn7ikop.mjs")
       },
       // Exposed in the Content-Type Builder. Without this, `objectField` could
       // only be set by hand-editing schema.json — which is not how anyone
@@ -103,7 +103,7 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => import("./HubspotObjectInput-CQszIx1W.mjs")
+        Input: async () => import("./HubspotObjectInput-BA16dswz.mjs")
       }
     });
     app.customFields.register({
@@ -119,7 +119,7 @@ const index = {
         defaultMessage: "A form built in the HubSpot form builder, stored by slug"
       },
       components: {
-        Input: async () => import("./HubspotFormInput-CPep55GL.mjs")
+        Input: async () => import("./HubspotFormInput-DIo6hCNz.mjs")
       }
     });
     app.createSettingSection(
@@ -135,7 +135,7 @@ const index = {
           // Mirrors the RBAC action registered server-side: a role without it
           // doesn't see the link at all — the routes refuse it anyway.
           permissions: [{ action: `plugin::${PLUGIN_ID}.settings`, subject: null }],
-          Component: async () => (await import("./Settings-CZ-qQSKT.mjs")).default
+          Component: async () => (await import("./Settings-DxX9Uh_2.mjs")).default
         }
       ]
     );
@@ -145,7 +145,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-Dh3bMS6N.mjs"), "./translations/fr.json": () => import("./fr-aWOIOlS9.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-Djd3TID0.mjs"), "./translations/fr.json": () => import("./fr-C7t1elmR.mjs") }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };