strapi-plugin-hubspot 0.6.1 → 0.8.0

package/dist/_chunks/{objectLabels-VTt_-qTZ.js → index-DkTxsEqL.js}

@@ -1,6 +1,5 @@
 "use strict";
 const React = require("react");
-const index = require("./index-D_CPrIHe.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -426,17 +425,4 @@ createFormattedComponent("formatList");
 createFormattedComponent("formatDisplayName");
 createFormattedDateTimePartsComponent("formatDate");
 createFormattedDateTimePartsComponent("formatTime");
-const STANDARD = /* @__PURE__ */ new Set([
-  "contact",
-  "company",
-  "deal",
-  "ticket",
-  "product",
-  "line_item",
-  "quote"
-]);
-function objectLabel(intl, object) {
-  return STANDARD.has(object) ? intl.formatMessage({ id: index.getTranslation(`objects.${object}`), defaultMessage: object }) : object;
-}
-exports.objectLabel = objectLabel;
 exports.useIntl = useIntl;

package/dist/_chunks/{index-foVSGFWb.mjs → index-LrCSAHoH.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-B2y_0-x4.mjs")).default
+      Component: async () => (await import("./Forms-77Mornxt.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-k7wMSmeF.mjs")
+        Input: async () => import("./HubspotPropertyInput-Drxn_Ddt.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,23 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => import("./HubspotObjectInput-DdLAUh0N.mjs")
+        Input: async () => import("./HubspotObjectInput-B-Y1PZ6c.mjs")
+      }
+    });
+    app.customFields.register({
+      name: "form-picker",
+      pluginId: PLUGIN_ID,
+      type: "string",
+      intlLabel: {
+        id: `${PLUGIN_ID}.form-picker.label`,
+        defaultMessage: "HubSpot form"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.form-picker.description`,
+        defaultMessage: "A form built in the HubSpot form builder, stored by slug"
+      },
+      components: {
+        Input: async () => import("./HubspotFormInput-BVknnlmR.mjs")
       }
     });
     app.createSettingSection(
@@ -119,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-BMOmj4NJ.mjs")).default
+          Component: async () => (await import("./Settings-DrujhMxS.mjs")).default
         }
       ]
     );
@@ -129,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-CJ9wYHgN.mjs"), "./translations/fr.json": () => import("./fr-DttDn-2Y.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-BYKKi1LK.mjs"), "./translations/fr.json": () => import("./fr-DzgArgi3.mjs") }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };

package/dist/_chunks/{index-D_CPrIHe.js → index-P7p8ASb6.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-CaT0YEJo.js"))).default
+      Component: async () => (await Promise.resolve().then(() => require("./Forms-B8kkPY0c.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-SnJMFsII.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotPropertyInput-awfD1opH.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,23 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-Crpcpa8T.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-BOO1PvOj.js"))
+      }
+    });
+    app.customFields.register({
+      name: "form-picker",
+      pluginId: PLUGIN_ID,
+      type: "string",
+      intlLabel: {
+        id: `${PLUGIN_ID}.form-picker.label`,
+        defaultMessage: "HubSpot form"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.form-picker.description`,
+        defaultMessage: "A form built in the HubSpot form builder, stored by slug"
+      },
+      components: {
+        Input: async () => Promise.resolve().then(() => require("./HubspotFormInput-kx3LlQYF.js"))
       }
     });
     app.createSettingSection(
@@ -120,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-BPAAD-QW.js"))).default
+          Component: async () => (await Promise.resolve().then(() => require("./Settings-BT1NhvxO.js"))).default
         }
       ]
     );
@@ -130,7 +146,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-C_-N8cjv.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BHObPoUp.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-B8adhJhO.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-DnKtGXaB.js")) }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };

package/dist/_chunks/objectLabels-Dn-zriuZ.js

@@ -0,0 +1,15 @@
+"use strict";
+const index = require("./index-P7p8ASb6.js");
+const STANDARD = /* @__PURE__ */ new Set([
+  "contact",
+  "company",
+  "deal",
+  "ticket",
+  "product",
+  "line_item",
+  "quote"
+]);
+function objectLabel(intl, object) {
+  return STANDARD.has(object) ? intl.formatMessage({ id: index.getTranslation(`objects.${object}`), defaultMessage: object }) : object;
+}
+exports.objectLabel = objectLabel;

package/dist/_chunks/objectLabels-yNrnTOBo.mjs

@@ -0,0 +1,16 @@
+import { g as getTranslation } from "./index-LrCSAHoH.mjs";
+const STANDARD = /* @__PURE__ */ new Set([
+  "contact",
+  "company",
+  "deal",
+  "ticket",
+  "product",
+  "line_item",
+  "quote"
+]);
+function objectLabel(intl, object) {
+  return STANDARD.has(object) ? intl.formatMessage({ id: getTranslation(`objects.${object}`), defaultMessage: object }) : object;
+}
+export {
+  objectLabel as o
+};

package/dist/_chunks/{useHubspotSchema-B8SctALV.js → useHubspotSchema-BottzdRR.js}

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

package/dist/_chunks/{useHubspotSchema-Du3rLY_O.mjs → useHubspotSchema-DccG2KbZ.mjs}

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

package/dist/admin/index.js

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

package/dist/admin/index.mjs

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

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

@@ -55,6 +55,7 @@ export interface FormEntryDto {
     nextLabel?: string | null;
     submitLabel?: string | null;
     successMessage?: string | null;
+    class?: string | null;
     locale?: string | null;
     updatedAt?: string;
     definition: FormDefinition;

package/dist/admin/src/components/HubspotFormInput.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+interface InputProps {
+    name: string;
+    value?: string;
+    onChange: (event: {
+        target: {
+            name: string;
+            value: string;
+            type: string;
+        };
+    }) => void;
+    disabled?: boolean;
+    error?: string;
+    required?: boolean;
+    labelAction?: React.ReactNode;
+    hint?: React.ReactNode;
+    label?: string;
+}
+/**
+ * Picker over the forms built in the HubSpot form builder, for host content
+ * that references one (a hero block, a landing…). Stores the form's slug as a
+ * plain string: the reference survives the plugin being uninstalled, and a
+ * fetch failure degrades to a free-text input rather than blocking the editor.
+ *
+ * An unpublished form stays selectable — an editor can wire the block before
+ * publishing — but is flagged, since the public API only serves published ones.
+ */
+declare const HubspotFormInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default HubspotFormInput;

package/dist/server/index.js

@@ -397,6 +397,7 @@ const contentTypes = {
         nextLabel: localizedString(),
         submitLabel: localizedString(),
         successMessage: localizedString("text"),
+        class: { type: "string" },
         definition: {
           type: "json",
           required: true,
@@ -573,6 +574,7 @@ function publicForm(entry) {
     nextLabel: entry.nextLabel ?? null,
     submitLabel: entry.submitLabel ?? null,
     successMessage: entry.successMessage ?? null,
+    class: entry.class ?? null,
     locale: entry.locale ?? null,
     steps: (entry.definition?.steps ?? []).map((step) => ({
       ...step,
@@ -932,6 +934,7 @@ function convertLegacyForm(entry, map = {}) {
     nextLabel: entry.nextLabel ?? null,
     submitLabel: entry.submitLabel ?? null,
     successMessage: entry.successMessage ?? null,
+    class: entry.class ?? null,
     definition: { version: 1, steps }
   };
 }
@@ -943,7 +946,8 @@ const WRITABLE = [
   "subtitle",
   "nextLabel",
   "submitLabel",
-  "successMessage"
+  "successMessage",
+  "class"
 ];
 const slugify = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "form";
 function createFormsAdminController(strapi) {
@@ -962,6 +966,15 @@ function createFormsAdminController(strapi) {
       return null;
     }
   }
+  async function uniqueSlug(name) {
+    const base = slugify(name);
+    let slug = base;
+    for (let i = 2; ; i += 1) {
+      const clash = await documents().findFirst({ filters: { slug } });
+      if (!clash) return slug;
+      slug = `${base}-${i}`;
+    }
+  }
   function pickWritable(body) {
     const data = {};
     for (const key of WRITABLE) {
@@ -1027,13 +1040,7 @@ function createFormsAdminController(strapi) {
       const body = ctx.request.body ?? {};
       const name = typeof body.name === "string" ? body.name.trim() : "";
       if (!name) ctx.throw(400, "A form needs a name");
-      const base = slugify(name);
-      let slug = base;
-      for (let i = 2; ; i += 1) {
-        const clash = await documents().findFirst({ filters: { slug } });
-        if (!clash) break;
-        slug = `${base}-${i}`;
-      }
+      const slug = await uniqueSlug(name);
       let definition;
       try {
         definition = requireValidDefinition(ctx, body.definition);
@@ -1094,6 +1101,31 @@ function createFormsAdminController(strapi) {
       });
       ctx.body = { ok: true };
     },
+    /**
+     * Feeds the `hubspot.form-picker` custom field: every form of the builder
+     * as { name, slug, published }. Open to any authenticated admin — like the
+     * properties route — because editors pick forms from the Content Manager,
+     * not from the builder. `name`/`slug` are shared across locales.
+     */
+    async options(ctx) {
+      const drafts = await documents().findMany({
+        fields: ["name", "slug"],
+        sort: "name:asc",
+        status: "draft"
+      });
+      const published = await documents().findMany({
+        fields: ["slug"],
+        status: "published"
+      });
+      const publishedSlugs = new Set(published.map((e) => e.slug));
+      ctx.body = {
+        forms: drafts.filter((e) => e.slug).map((e) => ({
+          name: e.name ?? e.slug,
+          slug: e.slug,
+          published: publishedSlugs.has(e.slug)
+        }))
+      };
+    },
     /** Entries of the configured legacy content type, offered for import. */
     async listSources(ctx) {
       const config2 = strapi.plugin("hubspot").config("forms", {}).import;
@@ -1177,6 +1209,57 @@ function createFormsAdminController(strapi) {
       if (!targetId) ctx.throw(404, "Source entry not found");
       ctx.body = { documentId: targetId, locales: imported };
     },
+    /**
+     * Copies a form (every locale of its draft) into a new draft document —
+     * the quickest way to A/B a variant or to start from an existing form.
+     * Internal step/field ids are kept: they only need uniqueness per form.
+     */
+    async duplicate(ctx) {
+      const sourceId = ctx.params.documentId;
+      let locales = [void 0];
+      try {
+        const found = await strapi.plugin("i18n").service("locales").find();
+        if (Array.isArray(found) && found.length) {
+          locales = [...found].sort((a, b) => Number(b.isDefault ?? false) - Number(a.isDefault ?? false)).map((l) => l.code);
+        }
+      } catch {
+      }
+      let targetId = null;
+      let slug = null;
+      for (const locale of locales) {
+        const source = await documents().findOne({
+          documentId: sourceId,
+          locale,
+          status: "draft"
+        });
+        if (!source) continue;
+        const name = `${source.name} (2)`;
+        slug ??= await uniqueSlug(name);
+        const data = {
+          name,
+          slug,
+          title: source.title,
+          subtitle: source.subtitle,
+          nextLabel: source.nextLabel,
+          submitLabel: source.submitLabel,
+          successMessage: source.successMessage,
+          class: source.class,
+          definition: source.definition
+        };
+        if (targetId) {
+          const { slug: _slug, name: _name, ...localized } = data;
+          await documents().update({ documentId: targetId, locale, data: localized });
+        } else {
+          const created = await documents().create({
+            locale,
+            data
+          });
+          targetId = created.documentId;
+        }
+      }
+      if (!targetId) ctx.throw(404, "Form not found");
+      ctx.body = { documentId: targetId };
+    },
     async remove(ctx) {
       await documents().delete({
         documentId: ctx.params.documentId
@@ -1477,6 +1560,10 @@ const routes = {
       adminRoute("POST", "/builder/forms/:documentId/publish", "formsAdmin.publish", [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]),
+      // No FORMS_ACTION: editors pick forms from the Content Manager, like
+      // they pick properties — the builder itself stays gated.
+      adminRoute("GET", "/forms-options", "formsAdmin.options"),
       adminRoute("GET", "/builder/import/sources", "formsAdmin.listSources", [FORMS_ACTION]),
       adminRoute("POST", "/builder/import", "formsAdmin.runImport", [FORMS_ACTION])
     ]
@@ -1512,6 +1599,11 @@ const index = {
       plugin: "hubspot",
       type: "string"
     });
+    strapi.customFields.register({
+      name: "form-picker",
+      plugin: "hubspot",
+      type: "string"
+    });
   },
   async bootstrap({ strapi }) {
     await strapi.service("admin::permission").actionProvider.registerMany([

package/dist/server/index.mjs

@@ -396,6 +396,7 @@ const contentTypes = {
         nextLabel: localizedString(),
         submitLabel: localizedString(),
         successMessage: localizedString("text"),
+        class: { type: "string" },
         definition: {
           type: "json",
           required: true,
@@ -572,6 +573,7 @@ function publicForm(entry) {
     nextLabel: entry.nextLabel ?? null,
     submitLabel: entry.submitLabel ?? null,
     successMessage: entry.successMessage ?? null,
+    class: entry.class ?? null,
     locale: entry.locale ?? null,
     steps: (entry.definition?.steps ?? []).map((step) => ({
       ...step,
@@ -931,6 +933,7 @@ function convertLegacyForm(entry, map = {}) {
     nextLabel: entry.nextLabel ?? null,
     submitLabel: entry.submitLabel ?? null,
     successMessage: entry.successMessage ?? null,
+    class: entry.class ?? null,
     definition: { version: 1, steps }
   };
 }
@@ -942,7 +945,8 @@ const WRITABLE = [
   "subtitle",
   "nextLabel",
   "submitLabel",
-  "successMessage"
+  "successMessage",
+  "class"
 ];
 const slugify = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "form";
 function createFormsAdminController(strapi) {
@@ -961,6 +965,15 @@ function createFormsAdminController(strapi) {
       return null;
     }
   }
+  async function uniqueSlug(name) {
+    const base = slugify(name);
+    let slug = base;
+    for (let i = 2; ; i += 1) {
+      const clash = await documents().findFirst({ filters: { slug } });
+      if (!clash) return slug;
+      slug = `${base}-${i}`;
+    }
+  }
   function pickWritable(body) {
     const data = {};
     for (const key of WRITABLE) {
@@ -1026,13 +1039,7 @@ function createFormsAdminController(strapi) {
       const body = ctx.request.body ?? {};
       const name = typeof body.name === "string" ? body.name.trim() : "";
       if (!name) ctx.throw(400, "A form needs a name");
-      const base = slugify(name);
-      let slug = base;
-      for (let i = 2; ; i += 1) {
-        const clash = await documents().findFirst({ filters: { slug } });
-        if (!clash) break;
-        slug = `${base}-${i}`;
-      }
+      const slug = await uniqueSlug(name);
       let definition;
       try {
         definition = requireValidDefinition(ctx, body.definition);
@@ -1093,6 +1100,31 @@ function createFormsAdminController(strapi) {
       });
       ctx.body = { ok: true };
     },
+    /**
+     * Feeds the `hubspot.form-picker` custom field: every form of the builder
+     * as { name, slug, published }. Open to any authenticated admin — like the
+     * properties route — because editors pick forms from the Content Manager,
+     * not from the builder. `name`/`slug` are shared across locales.
+     */
+    async options(ctx) {
+      const drafts = await documents().findMany({
+        fields: ["name", "slug"],
+        sort: "name:asc",
+        status: "draft"
+      });
+      const published = await documents().findMany({
+        fields: ["slug"],
+        status: "published"
+      });
+      const publishedSlugs = new Set(published.map((e) => e.slug));
+      ctx.body = {
+        forms: drafts.filter((e) => e.slug).map((e) => ({
+          name: e.name ?? e.slug,
+          slug: e.slug,
+          published: publishedSlugs.has(e.slug)
+        }))
+      };
+    },
     /** Entries of the configured legacy content type, offered for import. */
     async listSources(ctx) {
       const config2 = strapi.plugin("hubspot").config("forms", {}).import;
@@ -1176,6 +1208,57 @@ function createFormsAdminController(strapi) {
       if (!targetId) ctx.throw(404, "Source entry not found");
       ctx.body = { documentId: targetId, locales: imported };
     },
+    /**
+     * Copies a form (every locale of its draft) into a new draft document —
+     * the quickest way to A/B a variant or to start from an existing form.
+     * Internal step/field ids are kept: they only need uniqueness per form.
+     */
+    async duplicate(ctx) {
+      const sourceId = ctx.params.documentId;
+      let locales = [void 0];
+      try {
+        const found = await strapi.plugin("i18n").service("locales").find();
+        if (Array.isArray(found) && found.length) {
+          locales = [...found].sort((a, b) => Number(b.isDefault ?? false) - Number(a.isDefault ?? false)).map((l) => l.code);
+        }
+      } catch {
+      }
+      let targetId = null;
+      let slug = null;
+      for (const locale of locales) {
+        const source = await documents().findOne({
+          documentId: sourceId,
+          locale,
+          status: "draft"
+        });
+        if (!source) continue;
+        const name = `${source.name} (2)`;
+        slug ??= await uniqueSlug(name);
+        const data = {
+          name,
+          slug,
+          title: source.title,
+          subtitle: source.subtitle,
+          nextLabel: source.nextLabel,
+          submitLabel: source.submitLabel,
+          successMessage: source.successMessage,
+          class: source.class,
+          definition: source.definition
+        };
+        if (targetId) {
+          const { slug: _slug, name: _name, ...localized } = data;
+          await documents().update({ documentId: targetId, locale, data: localized });
+        } else {
+          const created = await documents().create({
+            locale,
+            data
+          });
+          targetId = created.documentId;
+        }
+      }
+      if (!targetId) ctx.throw(404, "Form not found");
+      ctx.body = { documentId: targetId };
+    },
     async remove(ctx) {
       await documents().delete({
         documentId: ctx.params.documentId
@@ -1476,6 +1559,10 @@ const routes = {
       adminRoute("POST", "/builder/forms/:documentId/publish", "formsAdmin.publish", [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]),
+      // No FORMS_ACTION: editors pick forms from the Content Manager, like
+      // they pick properties — the builder itself stays gated.
+      adminRoute("GET", "/forms-options", "formsAdmin.options"),
       adminRoute("GET", "/builder/import/sources", "formsAdmin.listSources", [FORMS_ACTION]),
       adminRoute("POST", "/builder/import", "formsAdmin.runImport", [FORMS_ACTION])
     ]
@@ -1511,6 +1598,11 @@ const index = {
       plugin: "hubspot",
       type: "string"
     });
+    strapi.customFields.register({
+      name: "form-picker",
+      plugin: "hubspot",
+      type: "string"
+    });
   },
   async bootstrap({ strapi }) {
     await strapi.service("admin::permission").actionProvider.registerMany([

package/dist/server/src/content-types.d.ts

@@ -85,6 +85,9 @@ declare const _default: {
                         };
                     };
                 };
+                class: {
+                    type: string;
+                };
                 definition: {
                     type: string;
                     required: boolean;

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

@@ -19,6 +19,7 @@ export interface FormEntry {
     nextLabel?: string | null;
     submitLabel?: string | null;
     successMessage?: string | null;
+    class?: string | null;
     locale?: string | null;
     definition: FormDefinition;
     [key: string]: unknown;
@@ -30,6 +31,7 @@ export interface PublicForm {
     nextLabel?: string | null;
     submitLabel?: string | null;
     successMessage?: string | null;
+    class?: string | null;
     locale?: string | null;
     steps: FormDefinition["steps"];
 }

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

@@ -27,6 +27,13 @@ export declare function createFormsAdminController(strapi: Core.Strapi): {
     update(ctx: Ctx): Promise<void>;
     publish(ctx: Ctx): Promise<void>;
     unpublish(ctx: Ctx): Promise<void>;
+    /**
+     * Feeds the `hubspot.form-picker` custom field: every form of the builder
+     * as { name, slug, published }. Open to any authenticated admin — like the
+     * properties route — because editors pick forms from the Content Manager,
+     * not from the builder. `name`/`slug` are shared across locales.
+     */
+    options(ctx: Ctx): Promise<void>;
     /** Entries of the configured legacy content type, offered for import. */
     listSources(ctx: Ctx): Promise<void>;
     /**
@@ -35,5 +42,11 @@ export declare function createFormsAdminController(strapi: Core.Strapi): {
      * published version, and never modifies the source.
      */
     runImport(ctx: Ctx): Promise<void>;
+    /**
+     * Copies a form (every locale of its draft) into a new draft document —
+     * the quickest way to A/B a variant or to start from an existing form.
+     * Internal step/field ids are kept: they only need uniqueness per form.
+     */
+    duplicate(ctx: Ctx): Promise<void>;
     remove(ctx: Ctx): Promise<void>;
 };

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

@@ -20,6 +20,7 @@ export interface ConvertedForm {
     nextLabel?: string | null;
     submitLabel?: string | null;
     successMessage?: string | null;
+    class?: string | null;
     definition: FormDefinition;
 }
 export declare function convertLegacyForm(entry: Record<string, unknown>, map?: ImportMap): ConvertedForm;