strapi-plugin-hubspot 0.16.7 → 0.16.8

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## Unreleased
 
+## 0.16.8 — 2026-09-24
+
+### Added
+- Publishing a form linked to HubSpot is blocked when a required marketing
+  field is not collected. Submissions show the conversion error next to
+  **Contact only**.
+- **Create in HubSpot** builds a marketing form from the Strapi definition
+  and stores its GUID.
+- Resync updates conditions that came from HubSpot and leaves editor-written
+  ones. With field sync on, `visibleIf` is pushed back as HubSpot dependent
+  fields. Progressive groups are reported on import.
+
 ## 0.16.7 — 2026-09-23
 
 ### Fixed

package/dist/_chunks/{Forms-DyV6KyiO.mjs → Forms-CUNHDvhI.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-BeBn7bJa.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-Au3W85GX.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-CS_0QCNz.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CP7LRdzO.mjs";
+import { o as objectLabel } from "./objectLabels-3rnJ0WUc.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-BlVXfwju.mjs";
 const OPERATORS = [
   "eq",
   "neq",
@@ -682,7 +682,7 @@ const FieldPanel = ({ field, candidates, problem, onChange }) => {
         {
           condition: field.visibleIf,
           candidates,
-          onChange: (visibleIf) => onChange({ visibleIf })
+          onChange: (visibleIf) => onChange({ visibleIf, visibleIfSource: "editor" })
         }
       )
     ] })
@@ -882,9 +882,14 @@ const FormEditor = () => {
       const data = err.response?.data;
       setErrors(data?.errors ?? []);
       setProblems(data?.problems ?? []);
+      const missing = data?.missingHubspot ?? [];
       setFeedback({
         tone: "danger",
-        text: t("editor.publish-blocked", "Publishing is blocked — fix the flagged mappings first.")
+        text: missing.length ? t(
+          "editor.publish-missing-hubspot",
+          "Publishing is blocked — the linked HubSpot form requires {fields}, which this form does not collect.",
+          { fields: missing.map((field) => `${field.object}.${field.name}`).join(", ") }
+        ) : t("editor.publish-blocked", "Publishing is blocked — fix the flagged mappings first.")
       });
     } finally {
       setBusy(false);
@@ -902,6 +907,29 @@ const FormEditor = () => {
       setBusy(false);
     }
   };
+  const createInHubspot = async () => {
+    if (dirty && !await save()) return;
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(
+        `/${PLUGIN_ID}/builder/forms/${documentId}/create-hubspot${query}`
+      );
+      if (data.form) setEntry(data.form);
+      setFeedback({
+        tone: "success",
+        text: t("editor.created-hubspot", "HubSpot form created and linked.")
+      });
+    } catch (err) {
+      const message = err.response?.data?.error?.message;
+      setFeedback({
+        tone: "danger",
+        text: message || t("editor.create-hubspot-error", "Could not create the HubSpot form.")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
   const resync = async () => {
     if (dirty && !await save()) return;
     setBusy(true);
@@ -982,6 +1010,15 @@ const FormEditor = () => {
             children: t("editor.resync", "Resync from HubSpot")
           }
         ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            onClick: createInHubspot,
+            disabled: busy || Boolean(entry.hubspotFormId),
+            children: t("editor.create-hubspot", "Create in 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") })
       ] })
@@ -1468,6 +1505,12 @@ const FormsList = () => {
         return t("forms.skipped-rich-text", "A content block was skipped — the builder has no rich-text element");
       case "legal-consent":
         return t("forms.skipped-consent", "The GDPR consent block was skipped — rebuild it as a field if needed");
+      case "progressive":
+        return t(
+          "forms.skipped-progressive",
+          "A progressive field group was skipped — it is not a visibility condition ({detail})",
+          { detail: item.detail ?? "" }
+        );
     }
   };
   const create = async () => {
@@ -1774,7 +1817,10 @@ const Submissions = () => {
               /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: row.formTitle || row.form }) }),
               /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: row.email || "—" }) }),
               /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", ellipsis: true, children: preview(row.values) }) }),
-              /* @__PURE__ */ jsx(Td, { children: row.meta?.hubspotConversion === true || row.meta?.hubspotConversion === "true" ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: t("submissions.converted", "Conversion") }) : row.hubspotSynced ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.contact-only", "Contact only") }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.not-synced", "Not synced") }) })
+              /* @__PURE__ */ jsx(Td, { children: row.meta?.hubspotConversion === true || row.meta?.hubspotConversion === "true" ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: t("submissions.converted", "Conversion") }) : row.hubspotSynced ? /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+                /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.contact-only", "Contact only") }),
+                typeof row.meta?.hubspotError === "string" && row.meta.hubspotError && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: row.meta.hubspotError })
+              ] }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.not-synced", "Not synced") }) })
             ]
           },
           row.documentId

package/dist/_chunks/{Forms-uUN4XjhW.js → Forms-CylJ0nD3.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-CG_WQzSa.js");
+const index$1 = require("./index-DhGVA3ZL.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const utilities = require("@dnd-kit/utilities");
-const objectLabels = require("./objectLabels-BGq-Ypgn.js");
-const useHubspotSchema = require("./useHubspotSchema-BZP2qkAu.js");
+const objectLabels = require("./objectLabels-Bx7x8fFO.js");
+const useHubspotSchema = require("./useHubspotSchema-DrGeidXC.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -702,7 +702,7 @@ const FieldPanel = ({ field, candidates, problem, onChange }) => {
         {
           condition: field.visibleIf,
           candidates,
-          onChange: (visibleIf) => onChange({ visibleIf })
+          onChange: (visibleIf) => onChange({ visibleIf, visibleIfSource: "editor" })
         }
       )
     ] })
@@ -902,9 +902,14 @@ const FormEditor = () => {
       const data = err.response?.data;
       setErrors(data?.errors ?? []);
       setProblems(data?.problems ?? []);
+      const missing = data?.missingHubspot ?? [];
       setFeedback({
         tone: "danger",
-        text: t("editor.publish-blocked", "Publishing is blocked — fix the flagged mappings first.")
+        text: missing.length ? t(
+          "editor.publish-missing-hubspot",
+          "Publishing is blocked — the linked HubSpot form requires {fields}, which this form does not collect.",
+          { fields: missing.map((field) => `${field.object}.${field.name}`).join(", ") }
+        ) : t("editor.publish-blocked", "Publishing is blocked — fix the flagged mappings first.")
       });
     } finally {
       setBusy(false);
@@ -922,6 +927,29 @@ const FormEditor = () => {
       setBusy(false);
     }
   };
+  const createInHubspot = async () => {
+    if (dirty && !await save()) return;
+    setBusy(true);
+    setFeedback(null);
+    try {
+      const { data } = await post(
+        `/${index$1.PLUGIN_ID}/builder/forms/${documentId}/create-hubspot${query}`
+      );
+      if (data.form) setEntry(data.form);
+      setFeedback({
+        tone: "success",
+        text: t("editor.created-hubspot", "HubSpot form created and linked.")
+      });
+    } catch (err) {
+      const message = err.response?.data?.error?.message;
+      setFeedback({
+        tone: "danger",
+        text: message || t("editor.create-hubspot-error", "Could not create the HubSpot form.")
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
   const resync = async () => {
     if (dirty && !await save()) return;
     setBusy(true);
@@ -1002,6 +1030,15 @@ const FormEditor = () => {
             children: t("editor.resync", "Resync from HubSpot")
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            onClick: createInHubspot,
+            disabled: busy || Boolean(entry.hubspotFormId),
+            children: t("editor.create-hubspot", "Create in 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") })
       ] })
@@ -1488,6 +1525,12 @@ const FormsList = () => {
         return t("forms.skipped-rich-text", "A content block was skipped — the builder has no rich-text element");
       case "legal-consent":
         return t("forms.skipped-consent", "The GDPR consent block was skipped — rebuild it as a field if needed");
+      case "progressive":
+        return t(
+          "forms.skipped-progressive",
+          "A progressive field group was skipped — it is not a visibility condition ({detail})",
+          { detail: item.detail ?? "" }
+        );
     }
   };
   const create = async () => {
@@ -1794,7 +1837,10 @@ const Submissions = () => {
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: row.formTitle || row.form }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: row.email || "—" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", ellipsis: true, children: preview(row.values) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: row.meta?.hubspotConversion === true || row.meta?.hubspotConversion === "true" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: t("submissions.converted", "Conversion") }) : row.hubspotSynced ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.contact-only", "Contact only") }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.not-synced", "Not synced") }) })
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: row.meta?.hubspotConversion === true || row.meta?.hubspotConversion === "true" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: t("submissions.converted", "Conversion") }) : row.hubspotSynced ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.contact-only", "Contact only") }),
+                typeof row.meta?.hubspotError === "string" && row.meta.hubspotError && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", children: row.meta.hubspotError })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.not-synced", "Not synced") }) })
             ]
           },
           row.documentId

package/dist/_chunks/{HubspotFormInput-BkWat_wu.js → HubspotFormInput-D2H2u9fZ.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-CG_WQzSa.js");
+const index$1 = require("./index-DhGVA3ZL.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotFormInput-DEXPX-6j.mjs → HubspotFormInput-Dppgr_rd.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-BeBn7bJa.mjs";
+import { P as PLUGIN_ID, g as getTranslation } from "./index-Au3W85GX.mjs";
 const HubspotFormInput = React.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const { formatMessage } = useIntl();

package/dist/_chunks/{HubspotObjectInput-CFDYW-TM.js → HubspotObjectInput-BjRCaqXr.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-CG_WQzSa.js");
-const objectLabels = require("./objectLabels-BGq-Ypgn.js");
-const useHubspotSchema = require("./useHubspotSchema-BZP2qkAu.js");
+const index$1 = require("./index-DhGVA3ZL.js");
+const objectLabels = require("./objectLabels-Bx7x8fFO.js");
+const useHubspotSchema = require("./useHubspotSchema-DrGeidXC.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotObjectInput-DL8fYK2x.mjs → HubspotObjectInput-CWFddNNw.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-BeBn7bJa.mjs";
-import { o as objectLabel } from "./objectLabels-CS_0QCNz.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CP7LRdzO.mjs";
+import { g as getTranslation } from "./index-Au3W85GX.mjs";
+import { o as objectLabel } from "./objectLabels-3rnJ0WUc.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-BlVXfwju.mjs";
 const HubspotObjectInput = React.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const intl = useIntl();

package/dist/_chunks/{HubspotPropertyInput-CFMkbQeT.js → HubspotPropertyInput-BlDarkcj.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-CG_WQzSa.js");
-const objectLabels = require("./objectLabels-BGq-Ypgn.js");
-const useHubspotSchema = require("./useHubspotSchema-BZP2qkAu.js");
+const index$1 = require("./index-DhGVA3ZL.js");
+const objectLabels = require("./objectLabels-Bx7x8fFO.js");
+const useHubspotSchema = require("./useHubspotSchema-DrGeidXC.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotPropertyInput-WU5FMJj3.mjs → HubspotPropertyInput-TGG9ozTa.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-BeBn7bJa.mjs";
-import { o as objectLabel } from "./objectLabels-CS_0QCNz.mjs";
-import { u as useHubspotSchema } from "./useHubspotSchema-CP7LRdzO.mjs";
+import { g as getTranslation } from "./index-Au3W85GX.mjs";
+import { o as objectLabel } from "./objectLabels-3rnJ0WUc.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-BlVXfwju.mjs";
 const oneLine = {
   display: "block",
   whiteSpace: "nowrap",

package/dist/_chunks/{Settings-B_hhdpHa.js → Settings-DOx7YSqA.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-CG_WQzSa.js");
+const index$1 = require("./index-DhGVA3ZL.js");
 const reactRouterDom = require("react-router-dom");
-const objectLabels = require("./objectLabels-BGq-Ypgn.js");
+const objectLabels = require("./objectLabels-Bx7x8fFO.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{Settings-CiXEps_C.mjs → Settings-tct49GYU.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-BeBn7bJa.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-Au3W85GX.mjs";
 import { Link as Link$1 } from "react-router-dom";
-import { o as objectLabel } from "./objectLabels-CS_0QCNz.mjs";
+import { o as objectLabel } from "./objectLabels-3rnJ0WUc.mjs";
 const AuditSection = ({ configured }) => {
   const intl = useIntl();
   const { formatMessage } = intl;

package/dist/_chunks/{index-BeBn7bJa.mjs → index-Au3W85GX.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-DyV6KyiO.mjs")).default
+      Component: async () => (await import("./Forms-CUNHDvhI.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-WU5FMJj3.mjs")
+        Input: async () => import("./HubspotPropertyInput-TGG9ozTa.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-DL8fYK2x.mjs")
+        Input: async () => import("./HubspotObjectInput-CWFddNNw.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-DEXPX-6j.mjs")
+        Input: async () => import("./HubspotFormInput-Dppgr_rd.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-CiXEps_C.mjs")).default
+          Component: async () => (await import("./Settings-tct49GYU.mjs")).default
         }
       ]
     );

package/dist/_chunks/{index-CG_WQzSa.js → index-DhGVA3ZL.js}

@@ -26,7 +26,7 @@ const index = {
       icon: icons.PaperPlane,
       intlLabel: { id: `${PLUGIN_ID}.menu.label`, defaultMessage: "HubSpot Forms" },
       permissions: [{ action: `plugin::${PLUGIN_ID}.forms`, subject: null }],
-      Component: async () => (await Promise.resolve().then(() => require("./Forms-uUN4XjhW.js"))).default
+      Component: async () => (await Promise.resolve().then(() => require("./Forms-CylJ0nD3.js"))).default
     });
     app.customFields.register({
       name: "property",
@@ -41,7 +41,7 @@ const index = {
         defaultMessage: "Picked from the portal's real properties"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotPropertyInput-CFMkbQeT.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotPropertyInput-BlDarkcj.js"))
       },
       // Exposed in the Content-Type Builder. Without this, `objectField` could
       // only be set by hand-editing schema.json — which is not how anyone
@@ -104,7 +104,7 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-CFDYW-TM.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-BjRCaqXr.js"))
       }
     });
     app.customFields.register({
@@ -120,7 +120,7 @@ const index = {
         defaultMessage: "A form built in the HubSpot form builder, stored by slug"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotFormInput-BkWat_wu.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotFormInput-D2H2u9fZ.js"))
       }
     });
     app.createSettingSection(
@@ -136,7 +136,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 Promise.resolve().then(() => require("./Settings-B_hhdpHa.js"))).default
+          Component: async () => (await Promise.resolve().then(() => require("./Settings-DOx7YSqA.js"))).default
         }
       ]
     );

package/dist/_chunks/{objectLabels-CS_0QCNz.mjs → objectLabels-3rnJ0WUc.mjs}

@@ -1,4 +1,4 @@
-import { g as getTranslation } from "./index-BeBn7bJa.mjs";
+import { g as getTranslation } from "./index-Au3W85GX.mjs";
 const STANDARD = /* @__PURE__ */ new Set([
   "contact",
   "company",

package/dist/_chunks/{objectLabels-BGq-Ypgn.js → objectLabels-Bx7x8fFO.js}

@@ -1,5 +1,5 @@
 "use strict";
-const index = require("./index-CG_WQzSa.js");
+const index = require("./index-DhGVA3ZL.js");
 const STANDARD = /* @__PURE__ */ new Set([
   "contact",
   "company",

package/dist/_chunks/{useHubspotSchema-CP7LRdzO.mjs → useHubspotSchema-BlVXfwju.mjs}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-BeBn7bJa.mjs";
+import { P as PLUGIN_ID } from "./index-Au3W85GX.mjs";
 let cached = null;
 let inFlight = null;
 const listeners = /* @__PURE__ */ new Set();

package/dist/_chunks/{useHubspotSchema-BZP2qkAu.js → useHubspotSchema-DrGeidXC.js}

@@ -1,7 +1,7 @@
 "use strict";
 const React = require("react");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-CG_WQzSa.js");
+const index = require("./index-DhGVA3ZL.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-CG_WQzSa.js");
+const index = require("../_chunks/index-DhGVA3ZL.js");
 require("@strapi/icons");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-BeBn7bJa.mjs";
+import { i } from "../_chunks/index-Au3W85GX.mjs";
 import "@strapi/icons";
 export {
   i as default

package/dist/admin/src/builder/types.d.ts

@@ -45,6 +45,7 @@ export interface FormField {
     /** Company fields: rotating placeholder examples, one per line. */
     placeholderExamples?: string[];
     visibleIf?: Condition | null;
+    visibleIfSource?: "hubspot" | "editor" | null;
 }
 export interface FormStep {
     id: string;
@@ -92,7 +93,7 @@ export interface HubspotSource {
 }
 /** What a HubSpot import couldn't carry over (mirrors server SkippedItem). */
 export interface SkippedItem {
-    code: "field-type" | "hidden-field" | "object" | "duplicate" | "condition" | "rich-text" | "legal-consent";
+    code: "field-type" | "hidden-field" | "object" | "duplicate" | "condition" | "rich-text" | "legal-consent" | "progressive";
     label?: string;
     detail?: string;
 }

package/dist/server/index.js

@@ -1600,6 +1600,48 @@ function missingMappedFields(definition, existingNames) {
   const existing = new Set(existingNames);
   return mappedContactFields(definition).filter((field) => !existing.has(field.property));
 }
+const OBJECT_TYPE_BY_NAME = {
+  contact: "0-1",
+  company: "0-2"
+};
+function collectedHubspotKeys(definition) {
+  const keys = /* @__PURE__ */ new Set();
+  const add = (object, property) => {
+    const typeId = OBJECT_TYPE_BY_NAME[object] || object;
+    if (property) keys.add(`${typeId}:${property}`);
+  };
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      if (fld.type === "company") {
+        const map = fld.companyMap ?? {};
+        for (const slot of Object.values(map)) {
+          if (slot?.property?.trim()) add(slot.object?.trim() || "company", slot.property.trim());
+        }
+        continue;
+      }
+      const mapping = fld.hubspot ?? {};
+      const object = mapping.object?.trim() || "contact";
+      const property = mapping.property?.trim() || fld.name;
+      if (property) add(object, property);
+    }
+  }
+  return keys;
+}
+function missingRequiredHubspotFields(definition, required) {
+  const collected = collectedHubspotKeys(definition);
+  const missing = [];
+  for (const field of required) {
+    if (!field.name) continue;
+    const objectTypeId = field.objectTypeId?.trim() || "0-1";
+    if (collected.has(`${objectTypeId}:${field.name}`)) continue;
+    missing.push({
+      name: field.name,
+      objectTypeId,
+      object: objectTypeId === "0-2" ? "company" : "contact"
+    });
+  }
+  return missing;
+}
 function hsFieldType(type, options) {
   switch (type) {
     case "email":
@@ -1650,6 +1692,74 @@ function appendFieldGroups(existing, extra) {
     }))
   ];
 }
+function conditionToHubspot(condition, parentId) {
+  const rules = (condition.rules ?? []).filter((rule) => rule.field === parentId);
+  if (!rules.length || rules.length !== (condition.rules ?? []).length) return null;
+  const op = rules[0]?.operator;
+  if (rules.some((rule) => rule.operator !== op)) return null;
+  const values = rules.map((rule) => rule.value).filter((value) => Boolean(value));
+  switch (op) {
+    case "eq":
+      return { operator: values.length > 1 ? "SET_ANY" : "EQ", values };
+    case "neq":
+      return { operator: values.length > 1 ? "NOT_SET_ANY" : "NEQ", values };
+    case "contains":
+      return { operator: "CONTAINS", values };
+    case "gt":
+      return { operator: "GT", values };
+    case "lt":
+      return { operator: "LT", values };
+    case "notEmpty":
+      return { operator: "SET", values: [] };
+    case "empty":
+      return { operator: "NOT_SET", values: [] };
+    default:
+      return null;
+  }
+}
+function applyVisibleIfToFieldGroups(groups, definition) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      const mapping = fld.hubspot ?? {};
+      byId.set(fld.id, { name: fld.name, property: mapping.property?.trim() || fld.name });
+    }
+  }
+  const moves = /* @__PURE__ */ new Map();
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      const visibleIf = fld.visibleIf;
+      const parentId = visibleIf?.rules?.[0]?.field;
+      if (!visibleIf || !parentId) continue;
+      const converted = conditionToHubspot(visibleIf, parentId);
+      const parent = byId.get(parentId);
+      const mapping = fld.hubspot ?? {};
+      const property = mapping.property?.trim() || fld.name;
+      if (!converted || !parent) continue;
+      moves.set(property, { parent: parent.property, ...converted });
+    }
+  }
+  if (!moves.size) return groups;
+  const cloned = JSON.parse(JSON.stringify(groups));
+  const flat = [];
+  for (const group of cloned) {
+    (group.fields ?? []).forEach((field, index2) => flat.push({ group, index: index2, field }));
+  }
+  for (const [property, move] of moves) {
+    const child = flat.find((item) => item.field.name === property);
+    const parent = flat.find((item) => item.field.name === move.parent);
+    if (!child || !parent || child === parent) continue;
+    parent.field.dependentFields = [
+      ...parent.field.dependentFields ?? [],
+      {
+        dependentCondition: { operator: move.operator, values: move.values },
+        field: child.field
+      }
+    ];
+    child.group.fields?.splice(child.index, 1);
+  }
+  return cloned;
+}
 const HS_BASE$2 = "https://api.hubapi.com";
 const OBJECT_BY_TYPE_ID = {
   "0-1": "contact",
@@ -1731,7 +1841,7 @@ function convertField(raw, ctx) {
     helpText: raw.description || void 0,
     ...options.length ? { options } : {},
     hubspot: { object, property: name },
-    ...ctx.parentCondition ? { visibleIf: ctx.parentCondition } : {}
+    ...ctx.parentCondition ? { visibleIf: ctx.parentCondition, visibleIfSource: "hubspot" } : {}
   };
   const out = [field];
   for (const dependent of raw.dependentFields ?? []) {
@@ -1754,6 +1864,12 @@ function convertHubspotForm(raw) {
   const usedNames = /* @__PURE__ */ new Set();
   const fields = [];
   for (const group of raw.fieldGroups ?? []) {
+    if (group.groupType === "progressive" || group.groupType === "queued") {
+      skipped.push({
+        code: "progressive",
+        detail: group.groupType
+      });
+    }
     if (group.richText && !(group.fields ?? []).length) {
       skipped.push({ code: "rich-text", detail: group.richText.slice(0, 80) });
       continue;
@@ -1825,7 +1941,10 @@ function mergeHubspotImport(current, incoming) {
       existing.helpText = next.helpText;
       if (next.options) existing.options = next.options;
       else delete existing.options;
-      if (!existing.visibleIf && next.visibleIf) existing.visibleIf = next.visibleIf;
+      if (next.visibleIf && (existing.visibleIfSource === "hubspot" || !existing.visibleIf)) {
+        existing.visibleIf = next.visibleIf;
+        if (existing.visibleIfSource !== "editor") existing.visibleIfSource = "hubspot";
+      }
       updated.push(key);
       continue;
     }
@@ -2146,13 +2265,62 @@ async function submitMarketingForm(input) {
 async function syncFieldsToHubspotForm(apiKey, formGuid, definition) {
   const raw = await fetchHubspotForm(apiKey, formGuid);
   const extra = missingMappedFields(definition, formFieldNames(raw));
-  if (!extra.length) return [];
-  await patchHubspotForm(apiKey, formGuid, {
-    fieldGroups: appendFieldGroups(raw.fieldGroups ?? [], extra)
-  });
+  const fieldGroups = applyVisibleIfToFieldGroups(
+    appendFieldGroups(raw.fieldGroups ?? [], extra),
+    definition
+  );
+  if (!extra.length && JSON.stringify(fieldGroups) === JSON.stringify(appendFieldGroups(raw.fieldGroups ?? [], []))) {
+    return [];
+  }
+  await patchHubspotForm(apiKey, formGuid, { fieldGroups });
   clearFormShapeCache(formGuid);
   return extra.map((field) => field.property);
 }
+async function createMarketingForm(apiKey, name, definition) {
+  const fields = mappedContactFields(definition).map((field) => toHsFormField(field));
+  if (!fields.length) {
+    throw new Error("Add at least one mapped contact field before creating a HubSpot form");
+  }
+  const res = await fetch("https://api.hubapi.com/marketing/v3/forms", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${apiKey}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      name,
+      formType: "hubspot",
+      fieldGroups: applyVisibleIfToFieldGroups(
+        fields.map((field) => ({
+          groupType: "default_group",
+          richTextType: "text",
+          fields: [field]
+        })),
+        definition
+      ),
+      configuration: {
+        language: "fr",
+        recaptchaEnabled: false,
+        createNewContactForNewEmail: true,
+        prePopulateKnownValues: true,
+        notifyContactOwner: false,
+        notifyRecipients: [],
+        editable: true,
+        archivable: true,
+        cloneable: true,
+        allowLinkToResetKnownValues: false,
+        postSubmitAction: { type: "thank_you", value: "Merci." }
+      },
+      displayOptions: { submitButtonText: "Envoyer", style: { submitButtonText: "Envoyer" } },
+      legalConsentOptions: { type: "none" }
+    })
+  });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok || !body.id) {
+    throw new Error(body.message || `HubSpot ${res.status}`);
+  }
+  return body.id;
+}
 function publicForm(entry) {
   return {
     slug: entry.slug,
@@ -2166,7 +2334,9 @@ function publicForm(entry) {
     steps: (entry.definition?.steps ?? []).map((step) => ({
       ...step,
       // The CRM mappings are the server's business — never the browser's.
-      fields: (step.fields ?? []).map(({ hubspot: _hubspot, companyMap: _companyMap, ...fld }) => fld)
+      fields: (step.fields ?? []).map(
+        ({ hubspot: _hubspot, companyMap: _companyMap, visibleIfSource: _source, ...fld }) => fld
+      )
     }))
   };
 }
@@ -2910,6 +3080,22 @@ function createFormsAdminController(strapi) {
         ctx.body = { errors: structural, problems: mappings };
         return;
       }
+      const { apiKey } = await resolveApiKey(strapi);
+      const account = await resolveAccount(strapi);
+      const ownGuid = typeof entry.hubspotFormId === "string" ? entry.hubspotFormId.trim() : "";
+      const formGuid = isFormGuid(ownGuid) ? ownGuid : isFormGuid(account.defaultFormId) ? account.defaultFormId.trim() : "";
+      if (apiKey && formGuid) {
+        const shape = await loadFormShape(apiKey, formGuid);
+        const missingHubspot = shape ? missingRequiredHubspotFields(
+          entry.definition ?? EMPTY_DEFINITION,
+          [...shape.fields.filter((field) => field.required)]
+        ) : [];
+        if (missingHubspot.length) {
+          ctx.status = 400;
+          ctx.body = { errors: structural, problems: mappings, missingHubspot };
+          return;
+        }
+      }
       await documents().publish({
         documentId: ctx.params.documentId,
         locale: ctx.query.locale
@@ -2917,22 +3103,16 @@ function createFormsAdminController(strapi) {
       const policy = await resolvePolicy(strapi);
       let addedFields = [];
       let syncWarning;
-      if (policy.syncFieldsOnPublish) {
-        const { apiKey } = await resolveApiKey(strapi);
-        const account = await resolveAccount(strapi);
-        const ownGuid = typeof entry.hubspotFormId === "string" ? entry.hubspotFormId.trim() : "";
-        const formGuid = isFormGuid(ownGuid) ? ownGuid : isFormGuid(account.defaultFormId) ? account.defaultFormId.trim() : "";
-        if (apiKey && formGuid) {
-          try {
-            addedFields = await syncFieldsToHubspotForm(
-              apiKey,
-              formGuid,
-              entry.definition ?? EMPTY_DEFINITION
-            );
-          } catch (err) {
-            syncWarning = err.message;
-            strapi.log.warn(`[hubspot] field sync on publish failed — ${syncWarning}`);
-          }
+      if (policy.syncFieldsOnPublish && apiKey && formGuid) {
+        try {
+          addedFields = await syncFieldsToHubspotForm(
+            apiKey,
+            formGuid,
+            entry.definition ?? EMPTY_DEFINITION
+          );
+        } catch (err) {
+          syncWarning = err.message;
+          strapi.log.warn(`[hubspot] field sync on publish failed — ${syncWarning}`);
         }
       }
       ctx.body = {
@@ -2941,6 +3121,31 @@ function createFormsAdminController(strapi) {
         ...syncWarning ? { syncWarning } : {}
       };
     },
+    async createInHubspot(ctx) {
+      const entry = await documents().findOne({
+        documentId: ctx.params.documentId,
+        locale: ctx.query.locale,
+        status: "draft"
+      });
+      if (!entry) ctx.throw(404, "Form not found");
+      const { apiKey } = await resolveApiKey(strapi);
+      if (!apiKey) ctx.throw(400, "HubSpot API key is missing");
+      try {
+        const id = await createMarketingForm(
+          apiKey,
+          entry.name || entry.slug || "Formulaire",
+          entry.definition ?? EMPTY_DEFINITION
+        );
+        const updated = await documents().update({
+          documentId: ctx.params.documentId,
+          locale: ctx.query.locale,
+          data: { hubspotFormId: id }
+        });
+        ctx.body = { form: updated, hubspotFormId: id };
+      } catch (err) {
+        ctx.throw(400, err.message);
+      }
+    },
     async unpublish(ctx) {
       await documents().unpublish({
         documentId: ctx.params.documentId,
@@ -3707,6 +3912,7 @@ const routes = {
       adminRoute("GET", "/builder/forms/:documentId", "formsAdmin.findOne", [FORMS_ACTION]),
       adminRoute("PUT", "/builder/forms/:documentId", "formsAdmin.update", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/publish", "formsAdmin.publish", [FORMS_ACTION]),
+      adminRoute("POST", "/builder/forms/:documentId/create-hubspot", "formsAdmin.createInHubspot", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/unpublish", "formsAdmin.unpublish", [FORMS_ACTION]),
       adminRoute("DELETE", "/builder/forms/:documentId", "formsAdmin.remove", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/duplicate", "formsAdmin.duplicate", [FORMS_ACTION]),

package/dist/server/index.mjs

@@ -1599,6 +1599,48 @@ function missingMappedFields(definition, existingNames) {
   const existing = new Set(existingNames);
   return mappedContactFields(definition).filter((field) => !existing.has(field.property));
 }
+const OBJECT_TYPE_BY_NAME = {
+  contact: "0-1",
+  company: "0-2"
+};
+function collectedHubspotKeys(definition) {
+  const keys = /* @__PURE__ */ new Set();
+  const add = (object, property) => {
+    const typeId = OBJECT_TYPE_BY_NAME[object] || object;
+    if (property) keys.add(`${typeId}:${property}`);
+  };
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      if (fld.type === "company") {
+        const map = fld.companyMap ?? {};
+        for (const slot of Object.values(map)) {
+          if (slot?.property?.trim()) add(slot.object?.trim() || "company", slot.property.trim());
+        }
+        continue;
+      }
+      const mapping = fld.hubspot ?? {};
+      const object = mapping.object?.trim() || "contact";
+      const property = mapping.property?.trim() || fld.name;
+      if (property) add(object, property);
+    }
+  }
+  return keys;
+}
+function missingRequiredHubspotFields(definition, required) {
+  const collected = collectedHubspotKeys(definition);
+  const missing = [];
+  for (const field of required) {
+    if (!field.name) continue;
+    const objectTypeId = field.objectTypeId?.trim() || "0-1";
+    if (collected.has(`${objectTypeId}:${field.name}`)) continue;
+    missing.push({
+      name: field.name,
+      objectTypeId,
+      object: objectTypeId === "0-2" ? "company" : "contact"
+    });
+  }
+  return missing;
+}
 function hsFieldType(type, options) {
   switch (type) {
     case "email":
@@ -1649,6 +1691,74 @@ function appendFieldGroups(existing, extra) {
     }))
   ];
 }
+function conditionToHubspot(condition, parentId) {
+  const rules = (condition.rules ?? []).filter((rule) => rule.field === parentId);
+  if (!rules.length || rules.length !== (condition.rules ?? []).length) return null;
+  const op = rules[0]?.operator;
+  if (rules.some((rule) => rule.operator !== op)) return null;
+  const values = rules.map((rule) => rule.value).filter((value) => Boolean(value));
+  switch (op) {
+    case "eq":
+      return { operator: values.length > 1 ? "SET_ANY" : "EQ", values };
+    case "neq":
+      return { operator: values.length > 1 ? "NOT_SET_ANY" : "NEQ", values };
+    case "contains":
+      return { operator: "CONTAINS", values };
+    case "gt":
+      return { operator: "GT", values };
+    case "lt":
+      return { operator: "LT", values };
+    case "notEmpty":
+      return { operator: "SET", values: [] };
+    case "empty":
+      return { operator: "NOT_SET", values: [] };
+    default:
+      return null;
+  }
+}
+function applyVisibleIfToFieldGroups(groups, definition) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      const mapping = fld.hubspot ?? {};
+      byId.set(fld.id, { name: fld.name, property: mapping.property?.trim() || fld.name });
+    }
+  }
+  const moves = /* @__PURE__ */ new Map();
+  for (const step of definition.steps ?? []) {
+    for (const fld of step.fields ?? []) {
+      const visibleIf = fld.visibleIf;
+      const parentId = visibleIf?.rules?.[0]?.field;
+      if (!visibleIf || !parentId) continue;
+      const converted = conditionToHubspot(visibleIf, parentId);
+      const parent = byId.get(parentId);
+      const mapping = fld.hubspot ?? {};
+      const property = mapping.property?.trim() || fld.name;
+      if (!converted || !parent) continue;
+      moves.set(property, { parent: parent.property, ...converted });
+    }
+  }
+  if (!moves.size) return groups;
+  const cloned = JSON.parse(JSON.stringify(groups));
+  const flat = [];
+  for (const group of cloned) {
+    (group.fields ?? []).forEach((field, index2) => flat.push({ group, index: index2, field }));
+  }
+  for (const [property, move] of moves) {
+    const child = flat.find((item) => item.field.name === property);
+    const parent = flat.find((item) => item.field.name === move.parent);
+    if (!child || !parent || child === parent) continue;
+    parent.field.dependentFields = [
+      ...parent.field.dependentFields ?? [],
+      {
+        dependentCondition: { operator: move.operator, values: move.values },
+        field: child.field
+      }
+    ];
+    child.group.fields?.splice(child.index, 1);
+  }
+  return cloned;
+}
 const HS_BASE$2 = "https://api.hubapi.com";
 const OBJECT_BY_TYPE_ID = {
   "0-1": "contact",
@@ -1730,7 +1840,7 @@ function convertField(raw, ctx) {
     helpText: raw.description || void 0,
     ...options.length ? { options } : {},
     hubspot: { object, property: name },
-    ...ctx.parentCondition ? { visibleIf: ctx.parentCondition } : {}
+    ...ctx.parentCondition ? { visibleIf: ctx.parentCondition, visibleIfSource: "hubspot" } : {}
   };
   const out = [field];
   for (const dependent of raw.dependentFields ?? []) {
@@ -1753,6 +1863,12 @@ function convertHubspotForm(raw) {
   const usedNames = /* @__PURE__ */ new Set();
   const fields = [];
   for (const group of raw.fieldGroups ?? []) {
+    if (group.groupType === "progressive" || group.groupType === "queued") {
+      skipped.push({
+        code: "progressive",
+        detail: group.groupType
+      });
+    }
     if (group.richText && !(group.fields ?? []).length) {
       skipped.push({ code: "rich-text", detail: group.richText.slice(0, 80) });
       continue;
@@ -1824,7 +1940,10 @@ function mergeHubspotImport(current, incoming) {
       existing.helpText = next.helpText;
       if (next.options) existing.options = next.options;
       else delete existing.options;
-      if (!existing.visibleIf && next.visibleIf) existing.visibleIf = next.visibleIf;
+      if (next.visibleIf && (existing.visibleIfSource === "hubspot" || !existing.visibleIf)) {
+        existing.visibleIf = next.visibleIf;
+        if (existing.visibleIfSource !== "editor") existing.visibleIfSource = "hubspot";
+      }
       updated.push(key);
       continue;
     }
@@ -2145,13 +2264,62 @@ async function submitMarketingForm(input) {
 async function syncFieldsToHubspotForm(apiKey, formGuid, definition) {
   const raw = await fetchHubspotForm(apiKey, formGuid);
   const extra = missingMappedFields(definition, formFieldNames(raw));
-  if (!extra.length) return [];
-  await patchHubspotForm(apiKey, formGuid, {
-    fieldGroups: appendFieldGroups(raw.fieldGroups ?? [], extra)
-  });
+  const fieldGroups = applyVisibleIfToFieldGroups(
+    appendFieldGroups(raw.fieldGroups ?? [], extra),
+    definition
+  );
+  if (!extra.length && JSON.stringify(fieldGroups) === JSON.stringify(appendFieldGroups(raw.fieldGroups ?? [], []))) {
+    return [];
+  }
+  await patchHubspotForm(apiKey, formGuid, { fieldGroups });
   clearFormShapeCache(formGuid);
   return extra.map((field) => field.property);
 }
+async function createMarketingForm(apiKey, name, definition) {
+  const fields = mappedContactFields(definition).map((field) => toHsFormField(field));
+  if (!fields.length) {
+    throw new Error("Add at least one mapped contact field before creating a HubSpot form");
+  }
+  const res = await fetch("https://api.hubapi.com/marketing/v3/forms", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${apiKey}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      name,
+      formType: "hubspot",
+      fieldGroups: applyVisibleIfToFieldGroups(
+        fields.map((field) => ({
+          groupType: "default_group",
+          richTextType: "text",
+          fields: [field]
+        })),
+        definition
+      ),
+      configuration: {
+        language: "fr",
+        recaptchaEnabled: false,
+        createNewContactForNewEmail: true,
+        prePopulateKnownValues: true,
+        notifyContactOwner: false,
+        notifyRecipients: [],
+        editable: true,
+        archivable: true,
+        cloneable: true,
+        allowLinkToResetKnownValues: false,
+        postSubmitAction: { type: "thank_you", value: "Merci." }
+      },
+      displayOptions: { submitButtonText: "Envoyer", style: { submitButtonText: "Envoyer" } },
+      legalConsentOptions: { type: "none" }
+    })
+  });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok || !body.id) {
+    throw new Error(body.message || `HubSpot ${res.status}`);
+  }
+  return body.id;
+}
 function publicForm(entry) {
   return {
     slug: entry.slug,
@@ -2165,7 +2333,9 @@ function publicForm(entry) {
     steps: (entry.definition?.steps ?? []).map((step) => ({
       ...step,
       // The CRM mappings are the server's business — never the browser's.
-      fields: (step.fields ?? []).map(({ hubspot: _hubspot, companyMap: _companyMap, ...fld }) => fld)
+      fields: (step.fields ?? []).map(
+        ({ hubspot: _hubspot, companyMap: _companyMap, visibleIfSource: _source, ...fld }) => fld
+      )
     }))
   };
 }
@@ -2909,6 +3079,22 @@ function createFormsAdminController(strapi) {
         ctx.body = { errors: structural, problems: mappings };
         return;
       }
+      const { apiKey } = await resolveApiKey(strapi);
+      const account = await resolveAccount(strapi);
+      const ownGuid = typeof entry.hubspotFormId === "string" ? entry.hubspotFormId.trim() : "";
+      const formGuid = isFormGuid(ownGuid) ? ownGuid : isFormGuid(account.defaultFormId) ? account.defaultFormId.trim() : "";
+      if (apiKey && formGuid) {
+        const shape = await loadFormShape(apiKey, formGuid);
+        const missingHubspot = shape ? missingRequiredHubspotFields(
+          entry.definition ?? EMPTY_DEFINITION,
+          [...shape.fields.filter((field) => field.required)]
+        ) : [];
+        if (missingHubspot.length) {
+          ctx.status = 400;
+          ctx.body = { errors: structural, problems: mappings, missingHubspot };
+          return;
+        }
+      }
       await documents().publish({
         documentId: ctx.params.documentId,
         locale: ctx.query.locale
@@ -2916,22 +3102,16 @@ function createFormsAdminController(strapi) {
       const policy = await resolvePolicy(strapi);
       let addedFields = [];
       let syncWarning;
-      if (policy.syncFieldsOnPublish) {
-        const { apiKey } = await resolveApiKey(strapi);
-        const account = await resolveAccount(strapi);
-        const ownGuid = typeof entry.hubspotFormId === "string" ? entry.hubspotFormId.trim() : "";
-        const formGuid = isFormGuid(ownGuid) ? ownGuid : isFormGuid(account.defaultFormId) ? account.defaultFormId.trim() : "";
-        if (apiKey && formGuid) {
-          try {
-            addedFields = await syncFieldsToHubspotForm(
-              apiKey,
-              formGuid,
-              entry.definition ?? EMPTY_DEFINITION
-            );
-          } catch (err) {
-            syncWarning = err.message;
-            strapi.log.warn(`[hubspot] field sync on publish failed — ${syncWarning}`);
-          }
+      if (policy.syncFieldsOnPublish && apiKey && formGuid) {
+        try {
+          addedFields = await syncFieldsToHubspotForm(
+            apiKey,
+            formGuid,
+            entry.definition ?? EMPTY_DEFINITION
+          );
+        } catch (err) {
+          syncWarning = err.message;
+          strapi.log.warn(`[hubspot] field sync on publish failed — ${syncWarning}`);
         }
       }
       ctx.body = {
@@ -2940,6 +3120,31 @@ function createFormsAdminController(strapi) {
         ...syncWarning ? { syncWarning } : {}
       };
     },
+    async createInHubspot(ctx) {
+      const entry = await documents().findOne({
+        documentId: ctx.params.documentId,
+        locale: ctx.query.locale,
+        status: "draft"
+      });
+      if (!entry) ctx.throw(404, "Form not found");
+      const { apiKey } = await resolveApiKey(strapi);
+      if (!apiKey) ctx.throw(400, "HubSpot API key is missing");
+      try {
+        const id = await createMarketingForm(
+          apiKey,
+          entry.name || entry.slug || "Formulaire",
+          entry.definition ?? EMPTY_DEFINITION
+        );
+        const updated = await documents().update({
+          documentId: ctx.params.documentId,
+          locale: ctx.query.locale,
+          data: { hubspotFormId: id }
+        });
+        ctx.body = { form: updated, hubspotFormId: id };
+      } catch (err) {
+        ctx.throw(400, err.message);
+      }
+    },
     async unpublish(ctx) {
       await documents().unpublish({
         documentId: ctx.params.documentId,
@@ -3706,6 +3911,7 @@ const routes = {
       adminRoute("GET", "/builder/forms/:documentId", "formsAdmin.findOne", [FORMS_ACTION]),
       adminRoute("PUT", "/builder/forms/:documentId", "formsAdmin.update", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/publish", "formsAdmin.publish", [FORMS_ACTION]),
+      adminRoute("POST", "/builder/forms/:documentId/create-hubspot", "formsAdmin.createInHubspot", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/unpublish", "formsAdmin.unpublish", [FORMS_ACTION]),
       adminRoute("DELETE", "/builder/forms/:documentId", "formsAdmin.remove", [FORMS_ACTION]),
       adminRoute("POST", "/builder/forms/:documentId/duplicate", "formsAdmin.duplicate", [FORMS_ACTION]),

package/dist/server/src/conditions.d.ts

@@ -22,6 +22,7 @@ export interface FormFieldDef {
     type: string;
     required?: boolean;
     visibleIf?: Condition | null;
+    visibleIfSource?: "hubspot" | "editor" | null;
     [key: string]: unknown;
 }
 export interface FormStepDef {

package/dist/server/src/formSync.d.ts

@@ -26,6 +26,21 @@ export interface MappedFormField {
 export declare function leftoverContactProps(contact: Record<string, string>, sentFieldNames: Iterable<string>): Record<string, string>;
 export declare function mappedContactFields(definition: FormDefinition): MappedFormField[];
 export declare function missingMappedFields(definition: FormDefinition, existingNames: Iterable<string>): MappedFormField[];
+export interface MissingHubspotRequired {
+    name: string;
+    objectTypeId: string;
+    object: string;
+}
+/** Properties the Strapi form can actually send (`objectTypeId:property`). */
+export declare function collectedHubspotKeys(definition: FormDefinition): Set<string>;
+/**
+ * Required marketing-form fields the Strapi form never collects. HubSpot
+ * rejects the whole conversion when one of these is absent.
+ */
+export declare function missingRequiredHubspotFields(definition: FormDefinition, required: {
+    name: string;
+    objectTypeId?: string;
+}[]): MissingHubspotRequired[];
 export declare function hsFieldType(type: string, options?: unknown[]): string;
 export declare function toHsFormField(field: MappedFormField): Record<string, unknown>;
 export interface RawFieldGroupLike {
@@ -35,3 +50,8 @@ export interface RawFieldGroupLike {
     fields?: unknown[];
 }
 export declare function appendFieldGroups(existing: RawFieldGroupLike[], extra: MappedFormField[]): Record<string, unknown>[];
+/**
+ * Nest Strapi `visibleIf` fields under their HubSpot parent as dependentFields.
+ * Conditions edited in Strapi are included; unsupported multi-parent rules stay flat.
+ */
+export declare function applyVisibleIfToFieldGroups(groups: Record<string, unknown>[], definition: FormDefinition): Record<string, unknown>[];

package/dist/server/src/formsAdmin.d.ts

@@ -26,6 +26,7 @@ export declare function createFormsAdminController(strapi: Core.Strapi): {
     create(ctx: Ctx): Promise<void>;
     update(ctx: Ctx): Promise<void>;
     publish(ctx: Ctx): Promise<void>;
+    createInHubspot(ctx: Ctx): Promise<void>;
     unpublish(ctx: Ctx): Promise<void>;
     /**
      * Feeds the `hubspot.form-picker` custom field: every form of the builder

package/dist/server/src/hsforms.d.ts

@@ -153,3 +153,5 @@ export declare function submitMarketingForm(input: FormSubmitInput): Promise<{
  * that already exist. Returns the property names that were added.
  */
 export declare function syncFieldsToHubspotForm(apiKey: string, formGuid: string, definition: FormDefinition): Promise<string[]>;
+/** Create a marketing form from the Strapi definition and return its GUID. */
+export declare function createMarketingForm(apiKey: string, name: string, definition: FormDefinition): Promise<string>;

package/dist/server/src/importHubspot.d.ts

@@ -21,7 +21,7 @@ export interface HubspotFormSummary {
 }
 /** Something the converter could not express in the builder's model. */
 export interface SkippedItem {
-    code: "field-type" | "hidden-field" | "object" | "duplicate" | "condition" | "rich-text" | "legal-consent";
+    code: "field-type" | "hidden-field" | "object" | "duplicate" | "condition" | "rich-text" | "legal-consent" | "progressive";
     /** Field label or name, when the item is a field. */
     label?: string;
     /** Raw detail (the fieldType, the operator…) for the report. */
@@ -58,6 +58,7 @@ interface RawField {
     dependentFields?: RawDependent[];
 }
 interface RawFieldGroup {
+    groupType?: string;
     richText?: string;
     fields?: RawField[];
 }

package/dist/server/src/index.d.ts

@@ -274,6 +274,7 @@ declare const _default: {
             create(ctx: import("./formsAdmin").Ctx): Promise<void>;
             update(ctx: import("./formsAdmin").Ctx): Promise<void>;
             publish(ctx: import("./formsAdmin").Ctx): Promise<void>;
+            createInHubspot(ctx: import("./formsAdmin").Ctx): Promise<void>;
             unpublish(ctx: import("./formsAdmin").Ctx): Promise<void>;
             options(ctx: import("./formsAdmin").Ctx): Promise<void>;
             listSources(ctx: import("./formsAdmin").Ctx): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-hubspot",
-  "version": "0.16.7",
+  "version": "0.16.8",
   "description": "The form builder for HubSpot in Strapi — multi-step forms with conditional fields mapped to real CRM properties, a public submit pipeline with retries, and save-time mapping validation.",
   "keywords": [
     "strapi",