strapi-plugin-hubspot 0.4.2 → 0.5.0

package/README.md

@@ -73,6 +73,12 @@ accept — are filtered out, so the list only ever offers things that will
 actually work. When the portal id is readable, each selected property gets a
 **Voir dans HubSpot** link straight to its settings page.
 
+The schema is fetched **once per page** whatever the number of fields, and
+cached ten minutes server-side. A property created in HubSpot a minute ago is
+one click away: the **↻ button** under any picker re-fetches the portal and
+updates every picker on the page at once. And switching a field's object clears
+a property that doesn't exist on the new one — it could only fail at save time.
+
 ### An object picker to feed it
 
 The sibling object field doesn't have to be a hand-typed enum: the

package/dist/_chunks/{HubspotObjectInput-DutelVp6.mjs → HubspotObjectInput-D9r_sGFe.mjs}

@@ -1,26 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { u as useIntl, o as objectLabel } from "./objectLabels-dM4o67Fz.mjs";
+import { u as useIntl, o as objectLabel } from "./objectLabels-DwOMxLfh.mjs";
 import { Field, Flex, Loader, SingleSelect, SingleSelectOption } from "@strapi/design-system";
-import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID, g as getTranslation } from "./index-CKoBcX1T.mjs";
+import { g as getTranslation } from "./index-C0XHwXog.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-BGtg7Ffj.mjs";
 const HubspotObjectInput = React.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const intl = useIntl();
     const { formatMessage } = intl;
-    const { get } = useFetchClient();
-    const [schema, setSchema] = React.useState(null);
-    React.useEffect(() => {
-      let cancelled = false;
-      get(`/${PLUGIN_ID}/properties`).then(({ data }) => {
-        if (!cancelled) setSchema(data);
-      }).catch(() => {
-        if (!cancelled) setSchema({ configured: false, objects: [], unavailable: [] });
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, [get]);
+    const { schema } = useHubspotSchema();
     const emit = (next) => onChange({ target: { name, value: String(next ?? ""), type: "string" } });
     const known = [
       ...schema?.objects ?? [],

package/dist/_chunks/{HubspotObjectInput-Br2jTFkG.js → HubspotObjectInput-DpXMFiPg.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const objectLabels = require("./objectLabels-B76t8qqg.js");
+const objectLabels = require("./objectLabels-DksWJnOK.js");
 const designSystem = require("@strapi/design-system");
-const admin = require("@strapi/strapi/admin");
-const index = require("./index-BUlB1rK9.js");
+const index = require("./index-B3c9qEYU.js");
+const useHubspotSchema = require("./useHubspotSchema-C3vn1DuR.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -28,19 +28,7 @@ const HubspotObjectInput = React__namespace.forwardRef(
   ({ name, value, onChange, disabled, error, required, label, hint, labelAction }, ref) => {
     const intl = objectLabels.useIntl();
     const { formatMessage } = intl;
-    const { get } = admin.useFetchClient();
-    const [schema, setSchema] = React__namespace.useState(null);
-    React__namespace.useEffect(() => {
-      let cancelled = false;
-      get(`/${index.PLUGIN_ID}/properties`).then(({ data }) => {
-        if (!cancelled) setSchema(data);
-      }).catch(() => {
-        if (!cancelled) setSchema({ configured: false, objects: [], unavailable: [] });
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, [get]);
+    const { schema } = useHubspotSchema.useHubspotSchema();
     const emit = (next) => onChange({ target: { name, value: String(next ?? ""), type: "string" } });
     const known = [
       ...schema?.objects ?? [],

package/dist/_chunks/HubspotPropertyInput-Dk0t0NVe.js

@@ -0,0 +1,245 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const objectLabels = require("./objectLabels-DksWJnOK.js");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-B3c9qEYU.js");
+const useHubspotSchema = require("./useHubspotSchema-C3vn1DuR.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const oneLine = {
+  display: "block",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+};
+const HubspotPropertyInput = React__namespace.forwardRef(
+  ({
+    name,
+    value,
+    onChange,
+    attribute,
+    disabled,
+    error,
+    required,
+    label,
+    hint,
+    labelAction
+  }, ref) => {
+    const intl = objectLabels.useIntl();
+    const { formatMessage } = intl;
+    const { schema, loadError, refresh, refreshing } = useHubspotSchema.useHubspotSchema();
+    const objectFieldName = attribute?.options?.objectField || "hsObject";
+    const siblingPath = React__namespace.useMemo(
+      () => name.replace(/[^.]+$/, objectFieldName),
+      [name, objectFieldName]
+    );
+    const siblingField = admin.useField(siblingPath);
+    const selectedObject = siblingField?.value;
+    const optionsFieldName = attribute?.options?.optionsField || "options";
+    const optionsPath = React__namespace.useMemo(
+      () => name.replace(/[^.]+$/, optionsFieldName),
+      [name, optionsFieldName]
+    );
+    const optionsField = admin.useField(optionsPath);
+    const [imported, setImported] = React__namespace.useState(false);
+    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
+    const previousObject = React__namespace.useRef(selectedObject);
+    React__namespace.useEffect(() => {
+      const previous = previousObject.current;
+      previousObject.current = selectedObject;
+      if (!previous || previous === selectedObject || !selectedObject) return;
+      if (!value || !schema?.configured) return;
+      const validHere = schema.properties.some(
+        (p) => p.object === selectedObject && p.name === value
+      );
+      if (!validHere) emit("");
+    }, [selectedObject]);
+    const options = React__namespace.useMemo(() => {
+      const all = schema?.properties ?? [];
+      const scoped = selectedObject ? all.filter((p) => p.object === selectedObject) : all;
+      const sorted = selectedObject ? [...scoped].sort(
+        (a, b) => (a.group ?? "").localeCompare(b.group ?? "") || a.label.localeCompare(b.label)
+      ) : scoped;
+      const shown = sorted.map((p) => ({
+        value: p.name,
+        label: selectedObject ? `${p.group ? `${p.group} • ` : ""}${p.label} (${p.name})` : `${objectLabels.objectLabel(intl, p.object)} • ${p.label} (${p.name})`
+      }));
+      if (value && !scoped.some((p) => p.name === value)) {
+        const elsewhere = all.find((p) => p.name === value);
+        shown.unshift({
+          value,
+          label: elsewhere ? formatMessage(
+            {
+              id: index.getTranslation("picker.belongs-to"),
+              defaultMessage: "{property} — belongs to {object}"
+            },
+            {
+              property: value,
+              object: objectLabels.objectLabel(intl, elsewhere.object)
+            }
+          ) : formatMessage(
+            {
+              id: index.getTranslation("picker.unknown"),
+              defaultMessage: "{property} — unknown to the portal"
+            },
+            { property: value }
+          )
+        });
+      }
+      return shown;
+    }, [schema, selectedObject, value, intl, formatMessage]);
+    const describe = () => {
+      if (loadError !== null) {
+        return loadError || formatMessage({
+          id: index.getTranslation("picker.load-error"),
+          defaultMessage: "HubSpot properties unavailable"
+        });
+      }
+      if (schema && !schema.configured) {
+        return formatMessage({
+          id: index.getTranslation("picker.not-configured"),
+          defaultMessage: "No HubSpot API key — free text. Set it in Settings → HubSpot."
+        });
+      }
+      if (selectedObject && schema?.unavailable.some((u) => u.object === selectedObject)) {
+        return formatMessage(
+          {
+            id: index.getTranslation("picker.object-unavailable"),
+            defaultMessage: "Properties of “{object}” unreadable — missing scope on the token."
+          },
+          { object: objectLabels.objectLabel(intl, selectedObject) }
+        );
+      }
+      return hint;
+    };
+    const crmLink = schema?.portalId && value && schema.properties.some((p) => p.name === value) ? `https://${schema.uiDomain || "app.hubspot.com"}/property-settings/${schema.portalId}/properties?search=${encodeURIComponent(value)}` : null;
+    const selectedProperty = value && schema ? schema.properties.find(
+      (p) => p.name === value && (!selectedObject || p.object === selectedObject)
+    ) : void 0;
+    const importable = selectedProperty?.type === "enumeration" && (selectedProperty.options?.length ?? 0) > 0;
+    React__namespace.useEffect(() => setImported(false), [value]);
+    const importOptions = () => {
+      if (!selectedProperty || !optionsField) return;
+      const rows = selectedProperty.options.map((o, i) => ({
+        __temp_key__: `a${i}`,
+        value: o.value,
+        label: o.label ?? o.value
+      }));
+      optionsField.onChange({
+        target: { name: optionsPath, value: rows, type: "json" }
+      });
+      setImported(true);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Field.Root,
+      {
+        name,
+        error,
+        hint: describe(),
+        required,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: labelAction, children: label }),
+          !schema ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: formatMessage({
+            id: index.getTranslation("picker.loading"),
+            defaultMessage: "Loading HubSpot properties…"
+          }) }) }) : schema.configured ? /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Combobox,
+            {
+              ref,
+              value: value || "",
+              onChange: emit,
+              onClear: () => emit(""),
+              disabled,
+              placeholder: formatMessage({
+                id: index.getTranslation("picker.placeholder"),
+                defaultMessage: "Search a property…"
+              }),
+              autocomplete: { type: "list", filter: "contains" },
+              noOptionsMessage: () => formatMessage({
+                id: index.getTranslation("picker.no-results"),
+                defaultMessage: "No matching property — properties are managed in HubSpot."
+              }),
+              children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: o.value, textValue: o.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { title: o.label, style: oneLine, children: o.label }) }, o.value))
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              ref,
+              value: value || "",
+              onChange: (e) => emit(e.target.value),
+              disabled,
+              placeholder: formatMessage({
+                id: index.getTranslation("picker.free-placeholder"),
+                defaultMessage: "e.g. hs_role, numberofemployees"
+              })
+            }
+          ),
+          schema?.configured ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 1, gap: 3, alignItems: "center", wrap: "wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                label: formatMessage({
+                  id: index.getTranslation("picker.refresh"),
+                  defaultMessage: "Refresh the properties from HubSpot"
+                }),
+                variant: "ghost",
+                size: "XS",
+                onClick: refresh,
+                disabled: disabled || refreshing,
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {})
+              }
+            ),
+            importable ? /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: "tertiary",
+                size: "S",
+                onClick: importOptions,
+                disabled,
+                children: formatMessage(
+                  {
+                    id: index.getTranslation("picker.import"),
+                    defaultMessage: "Import the {count} options from HubSpot"
+                  },
+                  { count: selectedProperty?.options.length ?? 0 }
+                )
+              }
+            ) : null,
+            imported ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", children: formatMessage({
+              id: index.getTranslation("picker.imported"),
+              defaultMessage: "Options imported — save to keep them."
+            }) }) : null,
+            crmLink ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: crmLink, isExternal: true, children: formatMessage({
+              id: index.getTranslation("picker.view"),
+              defaultMessage: "View in HubSpot"
+            }) }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+      }
+    );
+  }
+);
+HubspotPropertyInput.displayName = "HubspotPropertyInput";
+exports.default = HubspotPropertyInput;

package/dist/_chunks/HubspotPropertyInput-av9782v6.mjs

@@ -0,0 +1,227 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { u as useIntl, o as objectLabel } from "./objectLabels-DwOMxLfh.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-C0XHwXog.mjs";
+import { u as useHubspotSchema } from "./useHubspotSchema-BGtg7Ffj.mjs";
+const oneLine = {
+  display: "block",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+};
+const HubspotPropertyInput = React.forwardRef(
+  ({
+    name,
+    value,
+    onChange,
+    attribute,
+    disabled,
+    error,
+    required,
+    label,
+    hint,
+    labelAction
+  }, ref) => {
+    const intl = useIntl();
+    const { formatMessage } = intl;
+    const { schema, loadError, refresh, refreshing } = useHubspotSchema();
+    const objectFieldName = attribute?.options?.objectField || "hsObject";
+    const siblingPath = React.useMemo(
+      () => name.replace(/[^.]+$/, objectFieldName),
+      [name, objectFieldName]
+    );
+    const siblingField = useField(siblingPath);
+    const selectedObject = siblingField?.value;
+    const optionsFieldName = attribute?.options?.optionsField || "options";
+    const optionsPath = React.useMemo(
+      () => name.replace(/[^.]+$/, optionsFieldName),
+      [name, optionsFieldName]
+    );
+    const optionsField = useField(optionsPath);
+    const [imported, setImported] = React.useState(false);
+    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
+    const previousObject = React.useRef(selectedObject);
+    React.useEffect(() => {
+      const previous = previousObject.current;
+      previousObject.current = selectedObject;
+      if (!previous || previous === selectedObject || !selectedObject) return;
+      if (!value || !schema?.configured) return;
+      const validHere = schema.properties.some(
+        (p) => p.object === selectedObject && p.name === value
+      );
+      if (!validHere) emit("");
+    }, [selectedObject]);
+    const options = React.useMemo(() => {
+      const all = schema?.properties ?? [];
+      const scoped = selectedObject ? all.filter((p) => p.object === selectedObject) : all;
+      const sorted = selectedObject ? [...scoped].sort(
+        (a, b) => (a.group ?? "").localeCompare(b.group ?? "") || a.label.localeCompare(b.label)
+      ) : scoped;
+      const shown = sorted.map((p) => ({
+        value: p.name,
+        label: selectedObject ? `${p.group ? `${p.group} • ` : ""}${p.label} (${p.name})` : `${objectLabel(intl, p.object)} • ${p.label} (${p.name})`
+      }));
+      if (value && !scoped.some((p) => p.name === value)) {
+        const elsewhere = all.find((p) => p.name === value);
+        shown.unshift({
+          value,
+          label: elsewhere ? formatMessage(
+            {
+              id: getTranslation("picker.belongs-to"),
+              defaultMessage: "{property} — belongs to {object}"
+            },
+            {
+              property: value,
+              object: objectLabel(intl, elsewhere.object)
+            }
+          ) : formatMessage(
+            {
+              id: getTranslation("picker.unknown"),
+              defaultMessage: "{property} — unknown to the portal"
+            },
+            { property: value }
+          )
+        });
+      }
+      return shown;
+    }, [schema, selectedObject, value, intl, formatMessage]);
+    const describe = () => {
+      if (loadError !== null) {
+        return loadError || formatMessage({
+          id: getTranslation("picker.load-error"),
+          defaultMessage: "HubSpot properties unavailable"
+        });
+      }
+      if (schema && !schema.configured) {
+        return formatMessage({
+          id: getTranslation("picker.not-configured"),
+          defaultMessage: "No HubSpot API key — free text. Set it in Settings → HubSpot."
+        });
+      }
+      if (selectedObject && schema?.unavailable.some((u) => u.object === selectedObject)) {
+        return formatMessage(
+          {
+            id: getTranslation("picker.object-unavailable"),
+            defaultMessage: "Properties of “{object}” unreadable — missing scope on the token."
+          },
+          { object: objectLabel(intl, selectedObject) }
+        );
+      }
+      return hint;
+    };
+    const crmLink = schema?.portalId && value && schema.properties.some((p) => p.name === value) ? `https://${schema.uiDomain || "app.hubspot.com"}/property-settings/${schema.portalId}/properties?search=${encodeURIComponent(value)}` : null;
+    const selectedProperty = value && schema ? schema.properties.find(
+      (p) => p.name === value && (!selectedObject || p.object === selectedObject)
+    ) : void 0;
+    const importable = selectedProperty?.type === "enumeration" && (selectedProperty.options?.length ?? 0) > 0;
+    React.useEffect(() => setImported(false), [value]);
+    const importOptions = () => {
+      if (!selectedProperty || !optionsField) return;
+      const rows = selectedProperty.options.map((o, i) => ({
+        __temp_key__: `a${i}`,
+        value: o.value,
+        label: o.label ?? o.value
+      }));
+      optionsField.onChange({
+        target: { name: optionsPath, value: rows, type: "json" }
+      });
+      setImported(true);
+    };
+    return /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        name,
+        error,
+        hint: describe(),
+        required,
+        children: [
+          /* @__PURE__ */ jsx(Field.Label, { action: labelAction, children: label }),
+          !schema ? /* @__PURE__ */ jsx(Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsx(Loader, { small: true, children: formatMessage({
+            id: getTranslation("picker.loading"),
+            defaultMessage: "Loading HubSpot properties…"
+          }) }) }) : schema.configured ? /* @__PURE__ */ jsx(
+            Combobox,
+            {
+              ref,
+              value: value || "",
+              onChange: emit,
+              onClear: () => emit(""),
+              disabled,
+              placeholder: formatMessage({
+                id: getTranslation("picker.placeholder"),
+                defaultMessage: "Search a property…"
+              }),
+              autocomplete: { type: "list", filter: "contains" },
+              noOptionsMessage: () => formatMessage({
+                id: getTranslation("picker.no-results"),
+                defaultMessage: "No matching property — properties are managed in HubSpot."
+              }),
+              children: options.map((o) => /* @__PURE__ */ jsx(ComboboxOption, { value: o.value, textValue: o.label, children: /* @__PURE__ */ jsx("span", { title: o.label, style: oneLine, children: o.label }) }, o.value))
+            }
+          ) : /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              ref,
+              value: value || "",
+              onChange: (e) => emit(e.target.value),
+              disabled,
+              placeholder: formatMessage({
+                id: getTranslation("picker.free-placeholder"),
+                defaultMessage: "e.g. hs_role, numberofemployees"
+              })
+            }
+          ),
+          schema?.configured ? /* @__PURE__ */ jsxs(Flex, { paddingTop: 1, gap: 3, alignItems: "center", wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                label: formatMessage({
+                  id: getTranslation("picker.refresh"),
+                  defaultMessage: "Refresh the properties from HubSpot"
+                }),
+                variant: "ghost",
+                size: "XS",
+                onClick: refresh,
+                disabled: disabled || refreshing,
+                children: /* @__PURE__ */ jsx(ArrowClockwise, {})
+              }
+            ),
+            importable ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "tertiary",
+                size: "S",
+                onClick: importOptions,
+                disabled,
+                children: formatMessage(
+                  {
+                    id: getTranslation("picker.import"),
+                    defaultMessage: "Import the {count} options from HubSpot"
+                  },
+                  { count: selectedProperty?.options.length ?? 0 }
+                )
+              }
+            ) : null,
+            imported ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success600", children: formatMessage({
+              id: getTranslation("picker.imported"),
+              defaultMessage: "Options imported — save to keep them."
+            }) }) : null,
+            crmLink ? /* @__PURE__ */ jsx(Link, { href: crmLink, isExternal: true, children: formatMessage({
+              id: getTranslation("picker.view"),
+              defaultMessage: "View in HubSpot"
+            }) }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx(Field.Hint, {}),
+          /* @__PURE__ */ jsx(Field.Error, {})
+        ]
+      }
+    );
+  }
+);
+HubspotPropertyInput.displayName = "HubspotPropertyInput";
+export {
+  HubspotPropertyInput as default
+};

package/dist/_chunks/{Settings-CvbKVl-t.js → Settings-CPxe6LdH.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const objectLabels = require("./objectLabels-B76t8qqg.js");
+const objectLabels = require("./objectLabels-DksWJnOK.js");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BUlB1rK9.js");
+const index = require("./index-B3c9qEYU.js");
 require("react-dom");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/dist/_chunks/{Settings-CQsB0B2T.mjs → Settings-DTzk6GWO.mjs}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { u as useIntl, o as objectLabel } from "./objectLabels-dM4o67Fz.mjs";
+import { u as useIntl, o as objectLabel } from "./objectLabels-DwOMxLfh.mjs";
 import { Flex, Divider, Typography, Button, Box, Link as Link$1, Badge, Loader, Field } from "@strapi/design-system";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation, P as PLUGIN_ID } from "./index-CKoBcX1T.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-C0XHwXog.mjs";
 import "react-dom";
 /**
  * @remix-run/router v1.23.3

package/dist/_chunks/{en-PBG7-vMR.js → en-BN5fD3ai.js}

@@ -27,6 +27,7 @@ const en = {
   "picker.unknown": "{property} — unknown to the portal",
   "picker.view": "View in HubSpot",
   "picker.no-results": "No matching property — properties are managed in HubSpot.",
+  "picker.refresh": "Refresh the properties from HubSpot",
   "picker.import": "Import the {count} options from HubSpot",
   "picker.imported": "Options imported — save to keep them.",
   "settings.subtitle": "The private app token used to read the portal's properties and validate form mappings.",

package/dist/_chunks/{en-D4ueeUcJ.mjs → en-xeTTAUtX.mjs}

@@ -25,6 +25,7 @@ const en = {
   "picker.unknown": "{property} — unknown to the portal",
   "picker.view": "View in HubSpot",
   "picker.no-results": "No matching property — properties are managed in HubSpot.",
+  "picker.refresh": "Refresh the properties from HubSpot",
   "picker.import": "Import the {count} options from HubSpot",
   "picker.imported": "Options imported — save to keep them.",
   "settings.subtitle": "The private app token used to read the portal's properties and validate form mappings.",

package/dist/_chunks/{fr-DYnxVmIO.mjs → fr-BKODkfPy.mjs}

@@ -25,6 +25,7 @@ const fr = {
   "picker.unknown": "{property} — inconnue du portail",
   "picker.view": "Voir dans HubSpot",
   "picker.no-results": "Aucune propriété correspondante — les propriétés se gèrent dans HubSpot.",
+  "picker.refresh": "Rafraîchir les propriétés depuis HubSpot",
   "picker.import": "Importer les {count} options depuis HubSpot",
   "picker.imported": "Options importées — enregistrez pour les conserver.",
   "settings.subtitle": "Le jeton d'application privée utilisé pour lire les propriétés du portail et valider les mappings de formulaires.",

package/dist/_chunks/{fr-DL4wdV8I.js → fr-D3-oO8Lt.js}

@@ -27,6 +27,7 @@ const fr = {
   "picker.unknown": "{property} — inconnue du portail",
   "picker.view": "Voir dans HubSpot",
   "picker.no-results": "Aucune propriété correspondante — les propriétés se gèrent dans HubSpot.",
+  "picker.refresh": "Rafraîchir les propriétés depuis HubSpot",
   "picker.import": "Importer les {count} options depuis HubSpot",
   "picker.imported": "Options importées — enregistrez pour les conserver.",
   "settings.subtitle": "Le jeton d'application privée utilisé pour lire les propriétés du portail et valider les mappings de formulaires.",

package/dist/_chunks/{index-BUlB1rK9.js → index-B3c9qEYU.js}

@@ -33,7 +33,7 @@ const index = {
         defaultMessage: "Picked from the portal's real properties"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotPropertyInput-DIPDPRXJ.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotPropertyInput-Dk0t0NVe.js"))
       },
       // Exposed in the Content-Type Builder. Without this, `objectField` could
       // only be set by hand-editing schema.json — which is not how anyone
@@ -96,7 +96,7 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-Br2jTFkG.js"))
+        Input: async () => Promise.resolve().then(() => require("./HubspotObjectInput-DpXMFiPg.js"))
       }
     });
     app.createSettingSection(
@@ -112,7 +112,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-CvbKVl-t.js"))).default
+          Component: async () => (await Promise.resolve().then(() => require("./Settings-CPxe6LdH.js"))).default
         }
       ]
     );
@@ -122,7 +122,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-PBG7-vMR.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-DL4wdV8I.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-BN5fD3ai.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-D3-oO8Lt.js")) }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };

package/dist/_chunks/{index-CKoBcX1T.mjs → index-C0XHwXog.mjs}

@@ -32,7 +32,7 @@ const index = {
         defaultMessage: "Picked from the portal's real properties"
       },
       components: {
-        Input: async () => import("./HubspotPropertyInput-CK6Yj9rC.mjs")
+        Input: async () => import("./HubspotPropertyInput-av9782v6.mjs")
       },
       // Exposed in the Content-Type Builder. Without this, `objectField` could
       // only be set by hand-editing schema.json — which is not how anyone
@@ -95,7 +95,7 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => import("./HubspotObjectInput-DutelVp6.mjs")
+        Input: async () => import("./HubspotObjectInput-D9r_sGFe.mjs")
       }
     });
     app.createSettingSection(
@@ -111,7 +111,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-CQsB0B2T.mjs")).default
+          Component: async () => (await import("./Settings-DTzk6GWO.mjs")).default
         }
       ]
     );
@@ -121,7 +121,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-D4ueeUcJ.mjs"), "./translations/fr.json": () => import("./fr-DYnxVmIO.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-xeTTAUtX.mjs"), "./translations/fr.json": () => import("./fr-BKODkfPy.mjs") }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };

package/dist/_chunks/{objectLabels-B76t8qqg.js → objectLabels-DksWJnOK.js}

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

package/dist/_chunks/{objectLabels-dM4o67Fz.mjs → objectLabels-DwOMxLfh.mjs}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { g as getTranslation } from "./index-CKoBcX1T.mjs";
+import { g as getTranslation } from "./index-C0XHwXog.mjs";
 var __assign = function() {
   __assign = Object.assign || function __assign2(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/_chunks/useHubspotSchema-BGtg7Ffj.mjs

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-C0XHwXog.mjs";
+let cached = null;
+let inFlight = null;
+const listeners = /* @__PURE__ */ new Set();
+const EMPTY = {
+  configured: false,
+  properties: [],
+  objects: [],
+  unavailable: []
+};
+const messageOf = (err) => err?.response?.data?.error?.message;
+function useHubspotSchema() {
+  const { get } = useFetchClient();
+  const [schema, setSchema] = React.useState(cached);
+  const [loadError, setLoadError] = React.useState(null);
+  const [refreshing, setRefreshing] = React.useState(false);
+  const load = React.useCallback(
+    async (refresh2) => {
+      if (!refresh2 && cached) return;
+      if (refresh2) setRefreshing(true);
+      if (refresh2 || !inFlight) {
+        inFlight = get(
+          `/${PLUGIN_ID}/properties${refresh2 ? "?refresh=1" : ""}`
+        ).then(({ data }) => data);
+      }
+      const request = inFlight;
+      try {
+        const data = await request;
+        cached = data;
+        setLoadError(null);
+        for (const notify of listeners) notify(data);
+      } catch (err) {
+        setSchema((current) => current ?? EMPTY);
+        setLoadError(messageOf(err) ?? "");
+      } finally {
+        if (inFlight === request) inFlight = null;
+        setRefreshing(false);
+      }
+    },
+    [get]
+  );
+  React.useEffect(() => {
+    const notify = (data) => setSchema(data);
+    listeners.add(notify);
+    if (cached) setSchema(cached);
+    load(false);
+    return () => {
+      listeners.delete(notify);
+    };
+  }, [load]);
+  const refresh = React.useCallback(() => load(true), [load]);
+  return { schema, loadError, refresh, refreshing };
+}
+export {
+  useHubspotSchema as u
+};

package/dist/_chunks/useHubspotSchema-C3vn1DuR.js

@@ -0,0 +1,75 @@
+"use strict";
+const React = require("react");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-B3c9qEYU.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+let cached = null;
+let inFlight = null;
+const listeners = /* @__PURE__ */ new Set();
+const EMPTY = {
+  configured: false,
+  properties: [],
+  objects: [],
+  unavailable: []
+};
+const messageOf = (err) => err?.response?.data?.error?.message;
+function useHubspotSchema() {
+  const { get } = admin.useFetchClient();
+  const [schema, setSchema] = React__namespace.useState(cached);
+  const [loadError, setLoadError] = React__namespace.useState(null);
+  const [refreshing, setRefreshing] = React__namespace.useState(false);
+  const load = React__namespace.useCallback(
+    async (refresh2) => {
+      if (!refresh2 && cached) return;
+      if (refresh2) setRefreshing(true);
+      if (refresh2 || !inFlight) {
+        inFlight = get(
+          `/${index.PLUGIN_ID}/properties${refresh2 ? "?refresh=1" : ""}`
+        ).then(({ data }) => data);
+      }
+      const request = inFlight;
+      try {
+        const data = await request;
+        cached = data;
+        setLoadError(null);
+        for (const notify of listeners) notify(data);
+      } catch (err) {
+        setSchema((current) => current ?? EMPTY);
+        setLoadError(messageOf(err) ?? "");
+      } finally {
+        if (inFlight === request) inFlight = null;
+        setRefreshing(false);
+      }
+    },
+    [get]
+  );
+  React__namespace.useEffect(() => {
+    const notify = (data) => setSchema(data);
+    listeners.add(notify);
+    if (cached) setSchema(cached);
+    load(false);
+    return () => {
+      listeners.delete(notify);
+    };
+  }, [load]);
+  const refresh = React__namespace.useCallback(() => load(true), [load]);
+  return { schema, loadError, refresh, refreshing };
+}
+exports.useHubspotSchema = useHubspotSchema;

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-BUlB1rK9.js");
+const index = require("../_chunks/index-B3c9qEYU.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-CKoBcX1T.mjs";
+import { i } from "../_chunks/index-C0XHwXog.mjs";
 export {
   i as default
 };

package/dist/admin/src/useHubspotSchema.d.ts

@@ -0,0 +1,28 @@
+export interface HsProperty {
+    name: string;
+    label: string;
+    object: string;
+    type?: string;
+    options: {
+        value: string;
+        label?: string;
+    }[];
+    group?: string;
+}
+export interface SchemaResponse {
+    configured: boolean;
+    properties: HsProperty[];
+    objects: string[];
+    unavailable: {
+        object: string;
+        reason: string;
+    }[];
+    portalId?: number;
+    uiDomain?: string;
+}
+export declare function useHubspotSchema(): {
+    schema: SchemaResponse | null;
+    loadError: string | null;
+    refresh: () => Promise<void>;
+    refreshing: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-hubspot",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "HubSpot integration for Strapi — pick CRM properties from a searchable list filtered by object, and catch bad mappings before they reach the API.",
   "keywords": [
     "strapi",

package/dist/_chunks/HubspotPropertyInput-CK6Yj9rC.mjs

@@ -1,177 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { u as useIntl, o as objectLabel } from "./objectLabels-dM4o67Fz.mjs";
-import { Field, Flex, Loader, Combobox, ComboboxOption, Button, Typography, Link } from "@strapi/design-system";
-import { useFetchClient, useField } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID, g as getTranslation } from "./index-CKoBcX1T.mjs";
-const oneLine = {
-  display: "block",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis"
-};
-const HubspotPropertyInput = React.forwardRef(
-  ({ name, value, onChange, attribute, disabled, error, required, label, hint, labelAction }, ref) => {
-    const intl = useIntl();
-    const { formatMessage } = intl;
-    const { get } = useFetchClient();
-    const [schema, setSchema] = React.useState(null);
-    const [loadError, setLoadError] = React.useState("");
-    const objectFieldName = attribute?.options?.objectField || "hsObject";
-    const siblingPath = React.useMemo(
-      () => name.replace(/[^.]+$/, objectFieldName),
-      [name, objectFieldName]
-    );
-    const siblingField = useField(siblingPath);
-    const selectedObject = siblingField?.value;
-    const optionsFieldName = attribute?.options?.optionsField || "options";
-    const optionsPath = React.useMemo(
-      () => name.replace(/[^.]+$/, optionsFieldName),
-      [name, optionsFieldName]
-    );
-    const optionsField = useField(optionsPath);
-    const [imported, setImported] = React.useState(false);
-    React.useEffect(() => {
-      let cancelled = false;
-      get(`/${PLUGIN_ID}/properties`).then(({ data }) => {
-        if (!cancelled) setSchema(data);
-      }).catch((err) => {
-        if (cancelled) return;
-        setSchema({ configured: false, properties: [], objects: [], unavailable: [] });
-        setLoadError(
-          err?.response?.data?.error?.message ?? formatMessage({
-            id: getTranslation("picker.load-error"),
-            defaultMessage: "HubSpot properties unavailable"
-          })
-        );
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, [get]);
-    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
-    const options = React.useMemo(() => {
-      const all = schema?.properties ?? [];
-      const scoped = selectedObject ? all.filter((p) => p.object === selectedObject) : all;
-      const sorted = selectedObject ? [...scoped].sort(
-        (a, b) => (a.group ?? "").localeCompare(b.group ?? "") || a.label.localeCompare(b.label)
-      ) : scoped;
-      const shown = sorted.map((p) => ({
-        value: p.name,
-        label: selectedObject ? `${p.group ? `${p.group} · ` : ""}${p.label} (${p.name})` : `${objectLabel(intl, p.object)} · ${p.label} (${p.name})`
-      }));
-      if (value && !scoped.some((p) => p.name === value)) {
-        const elsewhere = all.find((p) => p.name === value);
-        shown.unshift({
-          value,
-          label: elsewhere ? formatMessage(
-            { id: getTranslation("picker.belongs-to"), defaultMessage: "{property} — belongs to {object}" },
-            { property: value, object: objectLabel(intl, elsewhere.object) }
-          ) : formatMessage(
-            { id: getTranslation("picker.unknown"), defaultMessage: "{property} — unknown to the portal" },
-            { property: value }
-          )
-        });
-      }
-      return shown;
-    }, [schema, selectedObject, value, intl, formatMessage]);
-    const describe = () => {
-      if (loadError) return loadError;
-      if (schema && !schema.configured) {
-        return formatMessage({
-          id: getTranslation("picker.not-configured"),
-          defaultMessage: "No HubSpot API key — free text. Set it in Settings → HubSpot."
-        });
-      }
-      if (selectedObject && schema?.unavailable.some((u) => u.object === selectedObject)) {
-        return formatMessage(
-          {
-            id: getTranslation("picker.object-unavailable"),
-            defaultMessage: "Properties of “{object}” unreadable — missing scope on the token."
-          },
-          { object: objectLabel(intl, selectedObject) }
-        );
-      }
-      return hint;
-    };
-    const crmLink = schema?.portalId && value && schema.properties.some((p) => p.name === value) ? `https://${schema.uiDomain || "app.hubspot.com"}/property-settings/${schema.portalId}/properties?search=${encodeURIComponent(value)}` : null;
-    const selectedProperty = value && schema ? schema.properties.find(
-      (p) => p.name === value && (!selectedObject || p.object === selectedObject)
-    ) : void 0;
-    const importable = selectedProperty?.type === "enumeration" && (selectedProperty.options?.length ?? 0) > 0;
-    React.useEffect(() => setImported(false), [value]);
-    const importOptions = () => {
-      if (!selectedProperty || !optionsField) return;
-      const rows = selectedProperty.options.map((o, i) => ({
-        __temp_key__: `a${i}`,
-        value: o.value,
-        label: o.label ?? o.value
-      }));
-      optionsField.onChange({
-        target: { name: optionsPath, value: rows, type: "json" }
-      });
-      setImported(true);
-    };
-    return /* @__PURE__ */ jsxs(Field.Root, { name, error, hint: describe(), required, children: [
-      /* @__PURE__ */ jsx(Field.Label, { action: labelAction, children: label }),
-      !schema ? /* @__PURE__ */ jsx(Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsx(Loader, { small: true, children: formatMessage({
-        id: getTranslation("picker.loading"),
-        defaultMessage: "Loading HubSpot properties…"
-      }) }) }) : schema.configured ? /* @__PURE__ */ jsx(
-        Combobox,
-        {
-          ref,
-          value: value || "",
-          onChange: emit,
-          onClear: () => emit(""),
-          disabled,
-          placeholder: formatMessage({
-            id: getTranslation("picker.placeholder"),
-            defaultMessage: "Search a property…"
-          }),
-          autocomplete: { type: "list", filter: "contains" },
-          noOptionsMessage: () => formatMessage({
-            id: getTranslation("picker.no-results"),
-            defaultMessage: "No matching property — properties are managed in HubSpot."
-          }),
-          children: options.map((o) => /* @__PURE__ */ jsx(ComboboxOption, { value: o.value, textValue: o.label, children: /* @__PURE__ */ jsx("span", { title: o.label, style: oneLine, children: o.label }) }, o.value))
-        }
-      ) : /* @__PURE__ */ jsx(
-        Field.Input,
-        {
-          ref,
-          value: value || "",
-          onChange: (e) => emit(e.target.value),
-          disabled,
-          placeholder: formatMessage({
-            id: getTranslation("picker.free-placeholder"),
-            defaultMessage: "e.g. hs_role, numberofemployees"
-          })
-        }
-      ),
-      crmLink || importable ? /* @__PURE__ */ jsxs(Flex, { paddingTop: 1, gap: 3, alignItems: "center", wrap: "wrap", children: [
-        importable ? /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", onClick: importOptions, disabled, children: formatMessage(
-          {
-            id: getTranslation("picker.import"),
-            defaultMessage: "Import the {count} options from HubSpot"
-          },
-          { count: selectedProperty?.options.length ?? 0 }
-        ) }) : null,
-        imported ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success600", children: formatMessage({
-          id: getTranslation("picker.imported"),
-          defaultMessage: "Options imported — save to keep them."
-        }) }) : null,
-        crmLink ? /* @__PURE__ */ jsx(Link, { href: crmLink, isExternal: true, children: formatMessage({
-          id: getTranslation("picker.view"),
-          defaultMessage: "View in HubSpot"
-        }) }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsx(Field.Hint, {}),
-      /* @__PURE__ */ jsx(Field.Error, {})
-    ] });
-  }
-);
-HubspotPropertyInput.displayName = "HubspotPropertyInput";
-export {
-  HubspotPropertyInput as default
-};

package/dist/_chunks/HubspotPropertyInput-DIPDPRXJ.js

@@ -1,195 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const objectLabels = require("./objectLabels-B76t8qqg.js");
-const designSystem = require("@strapi/design-system");
-const admin = require("@strapi/strapi/admin");
-const index = require("./index-BUlB1rK9.js");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const oneLine = {
-  display: "block",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis"
-};
-const HubspotPropertyInput = React__namespace.forwardRef(
-  ({ name, value, onChange, attribute, disabled, error, required, label, hint, labelAction }, ref) => {
-    const intl = objectLabels.useIntl();
-    const { formatMessage } = intl;
-    const { get } = admin.useFetchClient();
-    const [schema, setSchema] = React__namespace.useState(null);
-    const [loadError, setLoadError] = React__namespace.useState("");
-    const objectFieldName = attribute?.options?.objectField || "hsObject";
-    const siblingPath = React__namespace.useMemo(
-      () => name.replace(/[^.]+$/, objectFieldName),
-      [name, objectFieldName]
-    );
-    const siblingField = admin.useField(siblingPath);
-    const selectedObject = siblingField?.value;
-    const optionsFieldName = attribute?.options?.optionsField || "options";
-    const optionsPath = React__namespace.useMemo(
-      () => name.replace(/[^.]+$/, optionsFieldName),
-      [name, optionsFieldName]
-    );
-    const optionsField = admin.useField(optionsPath);
-    const [imported, setImported] = React__namespace.useState(false);
-    React__namespace.useEffect(() => {
-      let cancelled = false;
-      get(`/${index.PLUGIN_ID}/properties`).then(({ data }) => {
-        if (!cancelled) setSchema(data);
-      }).catch((err) => {
-        if (cancelled) return;
-        setSchema({ configured: false, properties: [], objects: [], unavailable: [] });
-        setLoadError(
-          err?.response?.data?.error?.message ?? formatMessage({
-            id: index.getTranslation("picker.load-error"),
-            defaultMessage: "HubSpot properties unavailable"
-          })
-        );
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, [get]);
-    const emit = (next) => onChange({ target: { name, value: next ?? "", type: "string" } });
-    const options = React__namespace.useMemo(() => {
-      const all = schema?.properties ?? [];
-      const scoped = selectedObject ? all.filter((p) => p.object === selectedObject) : all;
-      const sorted = selectedObject ? [...scoped].sort(
-        (a, b) => (a.group ?? "").localeCompare(b.group ?? "") || a.label.localeCompare(b.label)
-      ) : scoped;
-      const shown = sorted.map((p) => ({
-        value: p.name,
-        label: selectedObject ? `${p.group ? `${p.group} · ` : ""}${p.label} (${p.name})` : `${objectLabels.objectLabel(intl, p.object)} · ${p.label} (${p.name})`
-      }));
-      if (value && !scoped.some((p) => p.name === value)) {
-        const elsewhere = all.find((p) => p.name === value);
-        shown.unshift({
-          value,
-          label: elsewhere ? formatMessage(
-            { id: index.getTranslation("picker.belongs-to"), defaultMessage: "{property} — belongs to {object}" },
-            { property: value, object: objectLabels.objectLabel(intl, elsewhere.object) }
-          ) : formatMessage(
-            { id: index.getTranslation("picker.unknown"), defaultMessage: "{property} — unknown to the portal" },
-            { property: value }
-          )
-        });
-      }
-      return shown;
-    }, [schema, selectedObject, value, intl, formatMessage]);
-    const describe = () => {
-      if (loadError) return loadError;
-      if (schema && !schema.configured) {
-        return formatMessage({
-          id: index.getTranslation("picker.not-configured"),
-          defaultMessage: "No HubSpot API key — free text. Set it in Settings → HubSpot."
-        });
-      }
-      if (selectedObject && schema?.unavailable.some((u) => u.object === selectedObject)) {
-        return formatMessage(
-          {
-            id: index.getTranslation("picker.object-unavailable"),
-            defaultMessage: "Properties of “{object}” unreadable — missing scope on the token."
-          },
-          { object: objectLabels.objectLabel(intl, selectedObject) }
-        );
-      }
-      return hint;
-    };
-    const crmLink = schema?.portalId && value && schema.properties.some((p) => p.name === value) ? `https://${schema.uiDomain || "app.hubspot.com"}/property-settings/${schema.portalId}/properties?search=${encodeURIComponent(value)}` : null;
-    const selectedProperty = value && schema ? schema.properties.find(
-      (p) => p.name === value && (!selectedObject || p.object === selectedObject)
-    ) : void 0;
-    const importable = selectedProperty?.type === "enumeration" && (selectedProperty.options?.length ?? 0) > 0;
-    React__namespace.useEffect(() => setImported(false), [value]);
-    const importOptions = () => {
-      if (!selectedProperty || !optionsField) return;
-      const rows = selectedProperty.options.map((o, i) => ({
-        __temp_key__: `a${i}`,
-        value: o.value,
-        label: o.label ?? o.value
-      }));
-      optionsField.onChange({
-        target: { name: optionsPath, value: rows, type: "json" }
-      });
-      setImported(true);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name, error, hint: describe(), required, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: labelAction, children: label }),
-      !schema ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: formatMessage({
-        id: index.getTranslation("picker.loading"),
-        defaultMessage: "Loading HubSpot properties…"
-      }) }) }) : schema.configured ? /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Combobox,
-        {
-          ref,
-          value: value || "",
-          onChange: emit,
-          onClear: () => emit(""),
-          disabled,
-          placeholder: formatMessage({
-            id: index.getTranslation("picker.placeholder"),
-            defaultMessage: "Search a property…"
-          }),
-          autocomplete: { type: "list", filter: "contains" },
-          noOptionsMessage: () => formatMessage({
-            id: index.getTranslation("picker.no-results"),
-            defaultMessage: "No matching property — properties are managed in HubSpot."
-          }),
-          children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: o.value, textValue: o.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { title: o.label, style: oneLine, children: o.label }) }, o.value))
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Field.Input,
-        {
-          ref,
-          value: value || "",
-          onChange: (e) => emit(e.target.value),
-          disabled,
-          placeholder: formatMessage({
-            id: index.getTranslation("picker.free-placeholder"),
-            defaultMessage: "e.g. hs_role, numberofemployees"
-          })
-        }
-      ),
-      crmLink || importable ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 1, gap: 3, alignItems: "center", wrap: "wrap", children: [
-        importable ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", size: "S", onClick: importOptions, disabled, children: formatMessage(
-          {
-            id: index.getTranslation("picker.import"),
-            defaultMessage: "Import the {count} options from HubSpot"
-          },
-          { count: selectedProperty?.options.length ?? 0 }
-        ) }) : null,
-        imported ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", children: formatMessage({
-          id: index.getTranslation("picker.imported"),
-          defaultMessage: "Options imported — save to keep them."
-        }) }) : null,
-        crmLink ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: crmLink, isExternal: true, children: formatMessage({
-          id: index.getTranslation("picker.view"),
-          defaultMessage: "View in HubSpot"
-        }) }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
-    ] });
-  }
-);
-HubspotPropertyInput.displayName = "HubspotPropertyInput";
-exports.default = HubspotPropertyInput;