strapi-plugin-hubspot 0.8.0 → 0.10.0

package/dist/_chunks/{Forms-B8kkPY0c.js → Forms-BVkE1C46.js}

@@ -7,9 +7,9 @@ const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-P7p8ASb6.js");
-const objectLabels = require("./objectLabels-Dn-zriuZ.js");
-const useHubspotSchema = require("./useHubspotSchema-BottzdRR.js");
+const index$1 = require("./index-rgjWxSn4.js");
+const objectLabels = require("./objectLabels-mBjwR5EE.js");
+const useHubspotSchema = require("./useHubspotSchema-CJEiHbjz.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -28,8 +28,31 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const OPERATORS = ["eq", "neq", "contains", "empty", "notEmpty", "gt", "lt"];
-const NEEDS_VALUE = /* @__PURE__ */ new Set(["eq", "neq", "contains", "gt", "lt"]);
+const OPERATORS = [
+  "eq",
+  "neq",
+  "in",
+  "notIn",
+  "contains",
+  "notContains",
+  "startsWith",
+  "endsWith",
+  "empty",
+  "notEmpty",
+  "gt",
+  "lt"
+];
+const NEEDS_VALUE = /* @__PURE__ */ new Set([
+  "eq",
+  "neq",
+  "contains",
+  "notContains",
+  "startsWith",
+  "endsWith",
+  "gt",
+  "lt"
+]);
+const NEEDS_VALUES = /* @__PURE__ */ new Set(["in", "notIn"]);
 const ConditionEditor = ({ condition, candidates, onChange }) => {
   const { formatMessage } = index.useIntl();
   const t = (id, defaultMessage) => formatMessage({ id: index$1.getTranslation(id), defaultMessage });
@@ -40,7 +63,12 @@ const ConditionEditor = ({ condition, candidates, onChange }) => {
     empty: t("condition.op.empty", "is empty"),
     notEmpty: t("condition.op.notEmpty", "is filled"),
     gt: t("condition.op.gt", "is greater than"),
-    lt: t("condition.op.lt", "is less than")
+    lt: t("condition.op.lt", "is less than"),
+    in: t("condition.op.in", "is any of"),
+    notIn: t("condition.op.notIn", "is none of"),
+    notContains: t("condition.op.notContains", "doesn't contain"),
+    startsWith: t("condition.op.startsWith", "starts with"),
+    endsWith: t("condition.op.endsWith", "ends with")
   };
   const rules = condition?.rules ?? [];
   const logic = condition?.logic ?? "and";
@@ -74,10 +102,31 @@ const ConditionEditor = ({ condition, candidates, onChange }) => {
           {
             "aria-label": t("condition.operator", "Operator"),
             value: rule.operator,
-            onChange: (v) => updateRule(index2, { operator: v }),
+            onChange: (v) => updateRule(index2, { operator: v, value: "", values: [] }),
             children: OPERATORS.map((op) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: op, children: opLabel[op] }, op))
           }
         ) }),
+        NEEDS_VALUES.has(rule.operator) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: "1", minWidth: "140px", children: targetOptions.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.MultiSelect,
+          {
+            "aria-label": t("condition.values", "Values"),
+            value: rule.values ?? [],
+            withTags: true,
+            onChange: (values) => updateRule(index2, { values }),
+            children: targetOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: o.value, children: o.label || o.value }, o.value))
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.TextInput,
+          {
+            "aria-label": t("condition.values", "Values"),
+            placeholder: t("condition.values-placeholder", "value1, value2…"),
+            defaultValue: (rule.values ?? []).join(", "),
+            onBlur: (e) => updateRule(index2, {
+              values: e.target.value.split(",").map((v) => v.trim()).filter(Boolean)
+            })
+          },
+          `${index2}-${rule.operator}`
+        ) }),
         NEEDS_VALUE.has(rule.operator) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: "1", minWidth: "110px", children: targetOptions.length ? /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.SingleSelect,
           {
@@ -930,6 +979,12 @@ const FormsList = () => {
   const [error, setError] = React__namespace.useState(null);
   const [sources, setSources] = React__namespace.useState([]);
   const [sourceId, setSourceId] = React__namespace.useState("");
+  const [hsForms, setHsForms] = React__namespace.useState([]);
+  const [hsFormId, setHsFormId] = React__namespace.useState("");
+  const [hsError, setHsError] = React__namespace.useState(null);
+  const [report, setReport] = React__namespace.useState(
+    null
+  );
   const t = (id, defaultMessage, values) => formatMessage({ id: index$1.getTranslation(id), defaultMessage }, values);
   const load = React__namespace.useCallback(async () => {
     const { data } = await get(`/${index$1.PLUGIN_ID}/builder/forms`);
@@ -940,6 +995,17 @@ const FormsList = () => {
     get(
       `/${index$1.PLUGIN_ID}/builder/import/sources`
     ).then(({ data }) => setSources(data.sources ?? [])).catch(() => setSources([]));
+    get(`/${index$1.PLUGIN_ID}/builder/import/hubspot`).then(({ data }) => setHsForms(data.configured ? data.forms ?? [] : [])).catch(
+      () => (
+        // Reachable settings but no portal list: almost always the missing scope.
+        setHsError(
+          t(
+            "forms.hubspot-list-error",
+            "Could not list the portal's forms — the token needs the `forms` read scope."
+          )
+        )
+      )
+    );
   }, [load]);
   const runImport = async () => {
     if (!sourceId) return;
@@ -955,6 +1021,48 @@ const FormsList = () => {
       setBusy(false);
     }
   };
+  const runHubspotImport = async () => {
+    if (!hsFormId) return;
+    setBusy(true);
+    setError(null);
+    setReport(null);
+    try {
+      const { data } = await post(
+        `/${index$1.PLUGIN_ID}/builder/import/hubspot`,
+        { formId: hsFormId }
+      );
+      if (data.skipped.length) {
+        setReport(data);
+        setBusy(false);
+        await load();
+      } else {
+        navigate(data.documentId);
+      }
+    } catch {
+      setError(t("forms.import-error", "Could not import the form."));
+      setBusy(false);
+    }
+  };
+  const skippedLine = (item) => {
+    const label = item.label ?? "";
+    const detail = item.detail ?? "";
+    switch (item.code) {
+      case "field-type":
+        return t("forms.skipped-field-type", '"{label}" skipped — unsupported type ({detail})', { label, detail });
+      case "hidden-field":
+        return t("forms.skipped-hidden", '"{label}" skipped — hidden fields are not supported yet', { label });
+      case "object":
+        return t("forms.skipped-object", '"{label}" skipped — unmapped object ({detail})', { label, detail });
+      case "duplicate":
+        return t("forms.skipped-duplicate", '"{label}" skipped — the name "{detail}" is already used', { label, detail });
+      case "condition":
+        return t("forms.skipped-condition", 'Condition on "{label}" dropped — no equivalent operator ({detail})', { label, detail });
+      case "rich-text":
+        return t("forms.skipped-rich-text", "A content block was skipped — the builder has no rich-text element");
+      case "legal-consent":
+        return t("forms.skipped-consent", "The GDPR consent block was skipped — rebuild it as a field if needed");
+    }
+  };
   const create = async () => {
     if (!name.trim()) return;
     setBusy(true);
@@ -1007,6 +1115,7 @@ const FormsList = () => {
         ) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.List, {}), onClick: () => navigate("submissions"), children: t("forms.submissions", "Submissions") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.TextInput,
           {
@@ -1021,38 +1130,74 @@ const FormsList = () => {
       ] })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: error }) }),
-    sources.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 4, marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", justifyContent: "space-between", children: [
+    (sources.length > 0 || hsForms.length > 0 || hsError) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 4, marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+      hsForms.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: t("forms.import-hubspot-title", "Import from your HubSpot portal") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", tag: "p", children: t(
+            "forms.import-hubspot-hint",
+            "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              "aria-label": t("forms.import-hubspot-source", "HubSpot form to import"),
+              placeholder: t("forms.import-hubspot-source", "HubSpot form to import"),
+              value: hsFormId,
+              onChange: (v) => setHsFormId(String(v)),
+              children: hsForms.map((f) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: f.id, children: f.name }, f.id))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: runHubspotImport, disabled: busy || !hsFormId, children: t("forms.import", "Import") })
+        ] })
+      ] }),
+      hsError && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", children: hsError }),
+      sources.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: t("forms.import-title", "Import an existing form") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", tag: "p", children: t(
+            "forms.import-hint",
+            "Converts a legacy content-type form (all locales) into a draft here — same slug, source untouched. Re-importing overwrites the draft."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              "aria-label": t("forms.import-source", "Form to import"),
+              placeholder: t("forms.import-source", "Form to import"),
+              value: sourceId,
+              onChange: (v) => setSourceId(String(v)),
+              children: sources.map((s) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: s.documentId, children: [
+                s.name,
+                " ",
+                s.slug ? `(${s.slug})` : ""
+              ] }, s.documentId))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: runImport, disabled: busy || !sourceId, children: t("forms.import", "Import") })
+        ] })
+      ] })
+    ] }) }),
+    report && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "warning100", hasRadius: true, padding: 4, marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-start", gap: 4, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: t("forms.import-title", "Import an existing form") }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", tag: "p", children: t(
-          "forms.import-hint",
-          "Converts a legacy content-type form (all locales) into a draft here — same slug, source untouched. Re-importing overwrites the draft."
-        ) })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", textColor: "warning700", children: t("forms.report-title", "Imported with gaps") }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { tag: "ul", paddingTop: 2, style: { listStyle: "disc", paddingLeft: 16 }, children: report.skipped.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", children: skippedLine(item) }) }, i)) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.SingleSelect,
-          {
-            "aria-label": t("forms.import-source", "Form to import"),
-            placeholder: t("forms.import-source", "Form to import"),
-            value: sourceId,
-            onChange: (v) => setSourceId(String(v)),
-            children: sources.map((s) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: s.documentId, children: [
-              s.name,
-              " ",
-              s.slug ? `(${s.slug})` : ""
-            ] }, s.documentId))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: runImport, disabled: busy || !sourceId, children: t("forms.import", "Import") })
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, shrink: 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: () => setReport(null), children: t("forms.report-dismiss", "Dismiss") }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => navigate(report.documentId), children: t("forms.report-open", "Open the form") })
       ] })
     ] }) }),
-    !rows ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: t("forms.loading", "Loading…") }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: t("forms.empty", "No form yet — name one above to open the builder.") }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 6, rowCount: rows.length, children: [
+    !rows ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: t("forms.loading", "Loading…") }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: t("forms.empty", "No form yet — name one above to open the builder.") }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 7, rowCount: rows.length, children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-name", "Name") }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-slug", "Slug") }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-structure", "Structure") }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-status", "Status") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-submissions", "Submissions") }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-updated", "Updated") }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("forms.col-actions", "Actions") }) })
       ] }) }),
@@ -1069,6 +1214,15 @@ const FormsList = () => {
               fields: row.fields
             }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: row.published ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: t("forms.published", "Published") }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: t("forms.draft", "Draft") }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { onClick: (e) => e.stopPropagation(), children: row.submissions > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: "ghost",
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.List, {}),
+                onClick: () => navigate(`submissions?form=${encodeURIComponent(row.slug)}`),
+                children: row.submissions
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "—" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: row.updatedAt ? new Date(row.updatedAt).toLocaleString() : "—" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1097,8 +1251,169 @@ const FormsList = () => {
     ] })
   ] });
 };
+const PAGE_SIZE = 20;
+const preview = (values, max = 3) => {
+  const parts = Object.entries(values ?? {}).slice(0, max).map(([k, v]) => `${k}: ${String(v)}`);
+  const more = Object.keys(values ?? {}).length - max;
+  return parts.join(" · ") + (more > 0 ? ` · +${more}` : "");
+};
+const Submissions = () => {
+  const { formatMessage } = index.useIntl();
+  const { get } = admin.useFetchClient();
+  const navigate = reactRouterDom.useNavigate();
+  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
+  const form = searchParams.get("form") ?? "";
+  const [forms, setForms] = React__namespace.useState([]);
+  const [rows, setRows] = React__namespace.useState(null);
+  const [total, setTotal] = React__namespace.useState(0);
+  const [page, setPage] = React__namespace.useState(1);
+  const [selected, setSelected] = React__namespace.useState(null);
+  const [error, setError] = React__namespace.useState(null);
+  const [exporting, setExporting] = React__namespace.useState(false);
+  const t = (id, defaultMessage, values) => formatMessage({ id: index$1.getTranslation(id), defaultMessage }, values);
+  React__namespace.useEffect(() => {
+    get(`/${index$1.PLUGIN_ID}/builder/forms`).then(({ data }) => setForms(data.forms)).catch(() => setForms([]));
+  }, [get]);
+  React__namespace.useEffect(() => {
+    setRows(null);
+    const query = new URLSearchParams({ page: String(page), pageSize: String(PAGE_SIZE) });
+    if (form) query.set("form", form);
+    get(
+      `/${index$1.PLUGIN_ID}/builder/submissions?${query}`
+    ).then(({ data }) => {
+      setRows(data.submissions);
+      setTotal(data.total);
+    }).catch(() => setError(t("submissions.load-error", "Could not load the submissions.")));
+  }, [get, form, page]);
+  const changeForm = (slug) => {
+    setPage(1);
+    setSearchParams(slug ? { form: slug } : {});
+  };
+  const exportCsv = async () => {
+    if (!form) return;
+    setExporting(true);
+    setError(null);
+    try {
+      const { data } = await get(
+        `/${index$1.PLUGIN_ID}/builder/submissions/export?form=${encodeURIComponent(form)}`
+      );
+      const url = URL.createObjectURL(new Blob([data.csv], { type: "text/csv;charset=utf-8" }));
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = data.filename;
+      link.click();
+      URL.revokeObjectURL(url);
+    } catch {
+      setError(t("submissions.export-error", "Could not export the submissions."));
+    } finally {
+      setExporting(false);
+    }
+  };
+  const pages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 8, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-end", paddingBottom: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: t("submissions.back", "Back to the forms"), onClick: () => navigate(".."), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: t("submissions.title", "Submissions") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: t(
+          "submissions.subtitle",
+          "Every answer received by the built forms — stored whatever the CRM's mood."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelect,
+          {
+            "aria-label": t("submissions.filter", "Filter by form"),
+            placeholder: t("submissions.all-forms", "All forms"),
+            value: form,
+            onChange: (v) => changeForm(String(v)),
+            onClear: () => changeForm(""),
+            children: forms.map((f) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: f.slug, children: f.name }, f.slug))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+            onClick: exportCsv,
+            disabled: !form || exporting,
+            title: form ? void 0 : t("submissions.export-pick", "Pick a form to export"),
+            children: t("submissions.export", "Export CSV")
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: error }) }),
+    !rows ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: t("submissions.loading", "Loading…") }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: form ? t("submissions.empty-form", "No submission for this form yet.") : t("submissions.empty", "No submission yet.") }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 5, rowCount: rows.length, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("submissions.col-date", "Date") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("submissions.col-form", "Form") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("submissions.col-email", "Email") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("submissions.col-answers", "Answers") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("submissions.col-crm", "CRM") }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Tr,
+          {
+            onClick: () => setSelected(row),
+            style: { cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: row.createdAt ? new Date(row.createdAt).toLocaleString() : "—" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: row.formTitle || row.form }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: row.email || "—" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", ellipsis: true, children: preview(row.values) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: row.hubspotSynced ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: t("submissions.synced", "Synced") }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: t("submissions.not-synced", "Not synced") }) })
+            ]
+          },
+          row.documentId
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", paddingTop: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: t("submissions.count", "{total, plural, one {# submission} other {# submissions}}", {
+          total
+        }) }),
+        pages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", disabled: page <= 1, onClick: () => setPage(page - 1), children: t("submissions.prev", "Previous") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: t("submissions.page", "{page} / {pages}", { page, pages }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: "tertiary",
+              disabled: page >= pages,
+              onClick: () => setPage(page + 1),
+              children: t("submissions.next", "Next")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: Boolean(selected), onOpenChange: (open) => !open && setSelected(null), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Title, { children: [
+        selected?.formTitle || selected?.form,
+        " ",
+        selected?.createdAt ? `— ${new Date(selected.createdAt).toLocaleString()}` : ""
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: selected && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+        Object.entries(selected.values ?? {}).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", tag: "p", children: key }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", children: String(value) })
+        ] }, key)),
+        selected.meta?.pagePath && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", tag: "p", children: t("submissions.meta-page", "Submitted from") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", children: selected.meta.pagePath })
+        ] })
+      ] }) })
+    ] }) })
+  ] });
+};
 const Forms = () => /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(FormsList, {}) }),
+  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "submissions", element: /* @__PURE__ */ jsxRuntime.jsx(Submissions, {}) }),
   /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: ":documentId", element: /* @__PURE__ */ jsxRuntime.jsx(FormEditor, {}) })
 ] });
 exports.default = Forms;

package/dist/_chunks/{HubspotFormInput-BVknnlmR.mjs → HubspotFormInput-QJldybwT.mjs}

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

package/dist/_chunks/{HubspotFormInput-kx3LlQYF.js → HubspotFormInput-ddrrD-GJ.js}

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

package/dist/_chunks/{HubspotObjectInput-B-Y1PZ6c.mjs → HubspotObjectInput-B_W9dpvD.mjs}

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

package/dist/_chunks/{HubspotObjectInput-BOO1PvOj.js → HubspotObjectInput-DZ4H-vju.js}

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
-const index$1 = require("./index-P7p8ASb6.js");
-const objectLabels = require("./objectLabels-Dn-zriuZ.js");
-const useHubspotSchema = require("./useHubspotSchema-BottzdRR.js");
+const index$1 = require("./index-rgjWxSn4.js");
+const objectLabels = require("./objectLabels-mBjwR5EE.js");
+const useHubspotSchema = require("./useHubspotSchema-CJEiHbjz.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotPropertyInput-awfD1opH.js → HubspotPropertyInput-BJHUy5Zr.js}

@@ -6,9 +6,9 @@ const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-P7p8ASb6.js");
-const objectLabels = require("./objectLabels-Dn-zriuZ.js");
-const useHubspotSchema = require("./useHubspotSchema-BottzdRR.js");
+const index$1 = require("./index-rgjWxSn4.js");
+const objectLabels = require("./objectLabels-mBjwR5EE.js");
+const useHubspotSchema = require("./useHubspotSchema-CJEiHbjz.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{HubspotPropertyInput-Drxn_Ddt.mjs → HubspotPropertyInput-CiVxcnEt.mjs}

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

package/dist/_chunks/{Settings-DrujhMxS.mjs → Settings-B0NyQtsh.mjs}

@@ -3,9 +3,9 @@ import * as React from "react";
 import { u as useIntl } from "./index-CEh8vkxY.mjs";
 import { Flex, Divider, Typography, Button, Box, Link, Badge, Loader, Field } from "@strapi/design-system";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation, P as PLUGIN_ID } from "./index-LrCSAHoH.mjs";
+import { g as getTranslation, P as PLUGIN_ID } from "./index-BpapRdHX.mjs";
 import { Link as Link$1 } from "react-router-dom";
-import { o as objectLabel } from "./objectLabels-yNrnTOBo.mjs";
+import { o as objectLabel } from "./objectLabels-DQYwGDr3.mjs";
 const AuditSection = ({ configured }) => {
   const intl = useIntl();
   const { formatMessage } = intl;

package/dist/_chunks/{Settings-BT1NhvxO.js → Settings-DaFRUzjG.js}

@@ -5,9 +5,9 @@ const React = require("react");
 const index = require("./index-DkTxsEqL.js");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index$1 = require("./index-P7p8ASb6.js");
+const index$1 = require("./index-rgjWxSn4.js");
 const reactRouterDom = require("react-router-dom");
-const objectLabels = require("./objectLabels-Dn-zriuZ.js");
+const objectLabels = require("./objectLabels-mBjwR5EE.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{en-BYKKi1LK.mjs → en-D1sHFQdN.mjs}

@@ -204,7 +204,54 @@ const en = {
   "panel.persist": "Answer memory",
   "panel.persist-session": "This visit only",
   "panel.persist-days30": "30 days (non-identifying fields only)",
-  "panel.class": "CSS classes"
+  "panel.class": "CSS classes",
+  "forms.col-submissions": "Submissions",
+  "forms.submissions": "Submissions",
+  "forms.import-hubspot-title": "Import from your HubSpot portal",
+  "forms.import-hubspot-hint": "Translates a form built in HubSpot into a draft here, CRM mapping included. What the builder can't express is skipped and reported. Re-importing overwrites the draft.",
+  "forms.import-hubspot-source": "HubSpot form to import",
+  "forms.hubspot-list-error": "Could not list the portal's forms — the token needs the `forms` read scope.",
+  "forms.report-title": "Imported with gaps",
+  "forms.report-dismiss": "Dismiss",
+  "forms.report-open": "Open the form",
+  "forms.skipped-field-type": '"{label}" skipped — unsupported type ({detail})',
+  "forms.skipped-hidden": '"{label}" skipped — hidden fields are not supported yet',
+  "forms.skipped-object": '"{label}" skipped — unmapped object ({detail})',
+  "forms.skipped-duplicate": '"{label}" skipped — the name "{detail}" is already used',
+  "forms.skipped-condition": 'Condition on "{label}" dropped — no equivalent operator ({detail})',
+  "forms.skipped-rich-text": "A content block was skipped — the builder has no rich-text element",
+  "forms.skipped-consent": "The GDPR consent block was skipped — rebuild it as a field if needed",
+  "submissions.title": "Submissions",
+  "submissions.subtitle": "Every answer received by the built forms — stored whatever the CRM's mood.",
+  "submissions.back": "Back to the forms",
+  "submissions.filter": "Filter by form",
+  "submissions.all-forms": "All forms",
+  "submissions.export": "Export CSV",
+  "submissions.export-pick": "Pick a form to export",
+  "submissions.export-error": "Could not export the submissions.",
+  "submissions.load-error": "Could not load the submissions.",
+  "submissions.loading": "Loading…",
+  "submissions.empty": "No submission yet.",
+  "submissions.empty-form": "No submission for this form yet.",
+  "submissions.col-date": "Date",
+  "submissions.col-form": "Form",
+  "submissions.col-email": "Email",
+  "submissions.col-answers": "Answers",
+  "submissions.col-crm": "CRM",
+  "submissions.synced": "Synced",
+  "submissions.not-synced": "Not synced",
+  "submissions.count": "{total, plural, one {# submission} other {# submissions}}",
+  "submissions.prev": "Previous",
+  "submissions.next": "Next",
+  "submissions.page": "{page} / {pages}",
+  "submissions.meta-page": "Submitted from",
+  "condition.op.in": "is any of",
+  "condition.op.notIn": "is none of",
+  "condition.op.notContains": "doesn't contain",
+  "condition.op.startsWith": "starts with",
+  "condition.op.endsWith": "ends with",
+  "condition.values": "Values",
+  "condition.values-placeholder": "value1, value2…"
 };
 export {
   en as default