strapi-plugin-hubspot 0.4.2 → 0.6.0

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

@@ -1,3 +1,4 @@
+import { PaperPlane } from "@strapi/icons";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
@@ -19,6 +20,13 @@ const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 const prefixPluginTranslations = (trad) => Object.fromEntries(Object.entries(trad).map(([key, value]) => [getTranslation(key), value]));
 const index = {
   register(app) {
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PaperPlane,
+      intlLabel: { id: `${PLUGIN_ID}.menu.label`, defaultMessage: "HubSpot Forms" },
+      permissions: [{ action: `plugin::${PLUGIN_ID}.forms`, subject: null }],
+      Component: async () => (await import("./Forms-CW1KFO9U.mjs")).default
+    });
     app.customFields.register({
       name: "property",
       pluginId: PLUGIN_ID,
@@ -32,7 +40,7 @@ const index = {
         defaultMessage: "Picked from the portal's real properties"
       },
       components: {
-        Input: async () => import("./HubspotPropertyInput-CK6Yj9rC.mjs")
+        Input: async () => import("./HubspotPropertyInput-C-52Lu24.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 +103,7 @@ const index = {
         defaultMessage: "Picked from the portal's configured objects"
       },
       components: {
-        Input: async () => import("./HubspotObjectInput-DutelVp6.mjs")
+        Input: async () => import("./HubspotObjectInput-CpxeM2J0.mjs")
       }
     });
     app.createSettingSection(
@@ -111,7 +119,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-2V7TH5CX.mjs")).default
         }
       ]
     );
@@ -121,7 +129,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-CJ9wYHgN.mjs"), "./translations/fr.json": () => import("./fr-DttDn-2Y.mjs") }), `./translations/${locale}.json`, 3);
           return { data: prefixPluginTranslations(data), locale };
         } catch {
           return { data: {}, locale };

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

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

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

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

package/dist/_chunks/useHubspotSchema-Bgrgg8Mt.js

@@ -0,0 +1,75 @@
+"use strict";
+const React = require("react");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-CMzg-x5i.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/_chunks/useHubspotSchema-DQkQcA_V.mjs

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-DkGOTp8p.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/admin/index.js

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

package/dist/admin/index.mjs

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

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { Condition, FormField } from "./types";
+interface Props {
+    /** The condition being edited (null/undefined = always visible). */
+    condition: Condition | null | undefined;
+    /** Fields a rule may reference — only the ones BEFORE the owner. */
+    candidates: FormField[];
+    onChange: (condition: Condition | null) => void;
+}
+/**
+ * "[earlier field ▾] [operator ▾] [value]" rows joined by AND/OR. Only earlier
+ * fields are offered, so the engine's single forward pass always has what a
+ * rule reads. The value input becomes a select when the referenced field has
+ * declared options.
+ */
+declare const ConditionEditor: ({ condition, candidates, onChange }: Props) => React.JSX.Element;
+export default ConditionEditor;

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { type FormField, type MappingProblem } from "./types";
+interface Props {
+    field: FormField;
+    /** Fields before this one — what its condition may read. */
+    candidates: FormField[];
+    problem?: MappingProblem;
+    onChange: (patch: Partial<FormField>) => void;
+}
+/**
+ * Everything about the selected field: identity, behaviour, options, the CRM
+ * mapping (object picker + property picker fed by the portal, one-click
+ * option import for enumerations) and its visibility condition.
+ */
+declare const FieldPanel: ({ field, candidates, problem, onChange }: Props) => React.JSX.Element;
+export default FieldPanel;

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

@@ -0,0 +1,90 @@
+/** Client-side mirror of the server's definition types (server/src/conditions.ts). */
+export type Operator = "eq" | "neq" | "contains" | "empty" | "notEmpty" | "gt" | "lt";
+export interface Rule {
+    field: string;
+    operator: Operator;
+    value?: string;
+}
+export interface Condition {
+    logic: "and" | "or";
+    rules: Rule[];
+}
+export type FieldType = "text" | "email" | "tel" | "number" | "website" | "textarea" | "select" | "checkbox" | "radio";
+export declare const FIELD_TYPES: FieldType[];
+export interface FieldOption {
+    value: string;
+    label?: string;
+}
+export interface FormField {
+    id: string;
+    name: string;
+    label: string;
+    type: FieldType;
+    placeholder?: string;
+    helpText?: string;
+    icon?: string;
+    class?: string;
+    width?: "full" | "half";
+    required?: boolean;
+    persist?: "session" | "days30";
+    options?: FieldOption[];
+    hubspot?: {
+        object?: string;
+        property?: string;
+    };
+    visibleIf?: Condition | null;
+}
+export interface FormStep {
+    id: string;
+    title?: string;
+    description?: string;
+    class?: string;
+    visibleIf?: Condition | null;
+    fields: FormField[];
+}
+export interface FormDefinition {
+    version: 1;
+    steps: FormStep[];
+}
+export interface FormEntryDto {
+    documentId: string;
+    name: string;
+    slug: string;
+    title?: string | null;
+    subtitle?: string | null;
+    nextLabel?: string | null;
+    submitLabel?: string | null;
+    successMessage?: string | null;
+    locale?: string | null;
+    updatedAt?: string;
+    definition: FormDefinition;
+}
+export interface FormListRow {
+    documentId: string;
+    name: string;
+    slug: string;
+    updatedAt: string;
+    published: boolean;
+    steps: number;
+    fields: number;
+}
+export interface DefinitionError {
+    code: "duplicate-name" | "missing-name" | "unknown-field" | "forward-reference" | "missing-value";
+    fieldId?: string;
+    stepId?: string;
+    name?: string;
+    target?: string;
+}
+export interface MappingProblem {
+    code: "unknown" | "wrong-object" | "whitespace" | "bad-option";
+    fieldId: string;
+    property: string;
+    object: string;
+    actualObject?: string;
+}
+/** Stable, unique-enough ids for steps and fields (never shown to anyone). */
+export declare const makeId: (prefix: "stp" | "fld") => string;
+/** Every field that comes before `beforeId` (a field or step id) in form order. */
+export declare function fieldsBefore(definition: FormDefinition, beforeId: string): FormField[];
+/** Field lookup across steps. */
+export declare function findField(definition: FormDefinition, fieldId: string): FormField | undefined;

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

@@ -14,6 +14,7 @@ declare const _default: {
         customFields: {
             register: (field: unknown) => void;
         };
+        addMenuLink: (link: unknown) => void;
         createSettingSection: (section: {
             id: string;
             intlLabel: {

package/dist/admin/src/pages/FormEditor.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+/**
+ * The builder: steps and field cards on the left (reordered with the arrows —
+ * a field pushed past the edge of its step slides into the neighbour), the
+ * properties of the selection on the right, save/publish on top. Structure
+ * problems and CRM mapping problems land as badges on the cards they concern.
+ */
+declare const FormEditor: () => React.JSX.Element;
+export default FormEditor;

package/dist/admin/src/pages/Forms.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+/** The Forms menu entry: the list at the root, the builder at /:documentId. */
+declare const Forms: () => import("react").JSX.Element;
+export default Forms;

package/dist/admin/src/pages/FormsList.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+/**
+ * The forms list: every form built with the plugin, its publication state,
+ * and the door to the builder. Creating a form only asks for a name — slug
+ * and everything else happen in the editor.
+ */
+declare const FormsList: () => React.JSX.Element;
+export default FormsList;

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;
+};