@dani-builder/strapi-plugin-builder 1.0.0 → 1.1.0

package/dist/admin/api.d.ts

@@ -1,12 +1,13 @@
 import type { useFetchClient } from "@strapi/strapi/admin";
-import type { FormDocument, FormDraft, FormField, FormTarget } from "./form";
+import type { Delivery, FormDocument, FormDraft, FormField, FormTarget } from "./form";
 type Client = ReturnType<typeof useFetchClient>;
 export declare function formApi(client: Client): {
     list(): Promise<FormDocument[]>;
     get(id: string): Promise<FormDocument>;
     targets(): Promise<FormTarget[]>;
     fields(targetUid: string): Promise<FormField[]>;
-    save(form: FormDraft, id?: string): Promise<FormDocument>;
+    save(form: FormDraft, id?: string, includeNotifications?: boolean): Promise<FormDocument>;
+    testSend(id: string, sampleFields: Record<string, unknown>): Promise<Delivery[]>;
     remove(id: string): Promise<void>;
     export(id: string): Promise<Record<string, unknown>>;
     import(data: Record<string, unknown>, id?: string): Promise<FormDocument>;

package/dist/admin/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../admin/src/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE7E,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAEhD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM;;YAKpB,MAAM;;sBAWI,MAAM;eAOb,SAAS,OAAO,MAAM;eAWtB,MAAM;eAGN,MAAM;iBAOJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,MAAM;EAa1D;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,QASxE"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../admin/src/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,QAAQ,CAAC;AAEhB,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAEhD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM;;YAKpB,MAAM;;sBAWI,MAAM;eAOb,SAAS,OAAO,MAAM;iBAWpB,MAAM,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;eAQ/C,MAAM;eAGN,MAAM;iBAOJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,MAAM;EAa1D;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,QASxE"}

package/dist/admin/form-editor-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-editor-page.d.ts","sourceRoot":"","sources":["../../admin/src/form-editor-page.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,+BAwRnE"}
+{"version":3,"file":"form-editor-page.d.ts","sourceRoot":"","sources":["../../admin/src/form-editor-page.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,+BA+TnE"}

package/dist/admin/form.d.ts

@@ -14,7 +14,29 @@ export interface FormField {
     min?: number;
     max?: number;
 }
+export interface NotificationConfig {
+    email?: {
+        to: string[];
+        cc?: string[];
+        replyToField?: string;
+        subject: string;
+        body: string;
+    };
+    webhook?: {
+        url: string;
+        secret?: string;
+        headers?: Record<string, string>;
+    };
+}
+export interface Delivery {
+    channel: "email" | "webhook" | "afterSave";
+    status: "sent" | "failed";
+    attempts: number;
+    lastError: string | null;
+    sentAt: string | null;
+}
 export interface FormDraft {
+    notifications?: NotificationConfig;
     slug: string;
     name: string;
     targetUid: string;
@@ -33,8 +55,8 @@ export interface FormTarget {
     name: string;
 }
 export declare const emptyForm: FormDraft;
-/** Explicitly omit notification configuration and all server-owned metadata. */
-export declare function savePayload(form: FormDraft): FormDraft;
+/** Only send notifications after the editor has been opened. */
+export declare function savePayload(form: FormDraft, includeNotifications?: boolean): FormDraft;
 export declare function moveField(fields: FormField[], index: number, direction: number): FormField[];
 export declare function setRequired(field: FormField, required: boolean, schema: FormField): FormField;
 export declare function parseImport(source: string): Record<string, unknown>;

package/dist/admin/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../admin/src/form.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AACD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,eAAO,MAAM,SAAS,EAAE,SAMvB,CAAC;AACF,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAWtD;AACD,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,EAAE,EACnB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,SAAS,EAAE,CAQb;AACD,wBAAgB,WAAW,CACzB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,SAAS,GAChB,SAAS,CAEX;AACD,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAUnE;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAUnD"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../admin/src/form.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE;QACN,EAAE,EAAE,MAAM,EAAE,CAAC;QACb,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC9E;AACD,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AACD,MAAM,WAAW,SAAS;IACxB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AACD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,eAAO,MAAM,SAAS,EAAE,SAMvB,CAAC;AACF,gEAAgE;AAChE,wBAAgB,WAAW,CACzB,IAAI,EAAE,SAAS,EACf,oBAAoB,UAAQ,GAC3B,SAAS,CAqBX;AACD,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,EAAE,EACnB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,SAAS,EAAE,CAQb;AACD,wBAAgB,WAAW,CACzB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,SAAS,GAChB,SAAS,CAEX;AACD,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAUnE;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAUnD"}

package/dist/admin/index.mjs

@@ -14,8 +14,14 @@ var __export = (target, all) => {
 };
 
 // admin/src/form.ts
-function savePayload(form) {
+function savePayload(form, includeNotifications = false) {
+  const notifications = structuredClone(form.notifications ?? {});
+  if (notifications.email) {
+    notifications.email.to = notifications.email.to.map((value) => value.trim()).filter(Boolean);
+    notifications.email.cc = notifications.email.cc?.map((value) => value.trim()).filter(Boolean);
+  }
   return {
+    ...includeNotifications ? { notifications } : {},
     slug: form.slug,
     name: form.name,
     targetUid: form.targetUid,
@@ -89,13 +95,19 @@ function formApi(client) {
         params: { targetUid }
       })).data.data;
     },
-    async save(form, id) {
-      const body = { data: savePayload(form) };
+    async save(form, id, includeNotifications = false) {
+      const body = { data: savePayload(form, includeNotifications) };
       return (id ? await client.put(
         `${root}/${encodeURIComponent(id)}`,
         body
       ) : await client.post(root, body)).data.data;
     },
+    async testSend(id, sampleFields) {
+      return (await client.post(
+        `${root}/${encodeURIComponent(id)}/test-send`,
+        { data: sampleFields }
+      )).data.data;
+    },
     async remove(id) {
       await client.del(`${root}/${encodeURIComponent(id)}`);
     },
@@ -134,6 +146,7 @@ var init_api = __esm({
 });
 
 // admin/src/ui.tsx
+import { useId } from "react";
 import { Box, Flex, Typography } from "@strapi/design-system";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Section({
@@ -151,9 +164,13 @@ function TextField({
   onChange,
   disabled,
   required,
-  multiline
+  multiline,
+  secret,
+  error
 }) {
+  const errorId = useId();
   const props = {
+    "aria-describedby": error ? errorId : void 0,
     value,
     disabled,
     required,
@@ -170,7 +187,16 @@ function TextField({
   };
   return /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 6 }, children: [
     /* @__PURE__ */ jsx2(Typography, { children: label }),
-    multiline ? /* @__PURE__ */ jsx2("textarea", { ...props, rows: 3 }) : /* @__PURE__ */ jsx2("input", { ...props })
+    multiline ? /* @__PURE__ */ jsx2("textarea", { ...props, rows: 3, "aria-invalid": Boolean(error) }) : /* @__PURE__ */ jsx2(
+      "input",
+      {
+        ...props,
+        type: secret ? "password" : "text",
+        autoComplete: secret ? "new-password" : void 0,
+        "aria-invalid": Boolean(error)
+      }
+    ),
+    error && /* @__PURE__ */ jsx2(Typography, { id: errorId, textColor: "danger700", role: "alert", children: error })
   ] });
 }
 function ErrorNotice({ message }) {
@@ -618,32 +644,537 @@ var init_field_editor = __esm({
   }
 });
 
-// admin/src/form-editor-page.tsx
-import { useEffect as useEffect2, useRef as useRef3, useState as useState3 } from "react";
+// admin/src/notifications.ts
+function placeholders(fields) {
+  return [
+    ...fields.map((field) => `field.${field.name}`),
+    "form.name",
+    "submission.id",
+    "submission.receivedAt"
+  ];
+}
+function templateError(value, fields) {
+  const allowed = placeholders(fields);
+  let invalid = false;
+  const rest = value.replace(/{{\s*([^{}]+?)\s*}}/g, (_, key) => {
+    if (!allowed.includes(key)) invalid = true;
+    return "";
+  });
+  return invalid || rest.includes("{{") || rest.includes("}}") ? "Use only the available placeholders." : "";
+}
+function notificationErrors(config, fields) {
+  const errors = {};
+  if (config.email) {
+    if (config.email.replyToField && !fields.some(
+      (field) => field.type === "email" && field.name === config.email?.replyToField
+    ))
+      errors.replyToField = "Choose an email field in this form, or None.";
+    for (const key of ["subject", "body"]) {
+      const error = templateError(config.email[key], fields);
+      if (error) errors[key] = error;
+    }
+    for (const key of ["to", "cc"]) {
+      if (config.email[key]?.some((value) => /[{}]/.test(value)))
+        errors[key] = "Recipients must be fixed email addresses; placeholders are not allowed.";
+    }
+  }
+  if (config.webhook) {
+    try {
+      const url = new URL(config.webhook.url);
+      if (!["http:", "https:"].includes(url.protocol) || url.username || url.password)
+        throw Error("url");
+    } catch {
+      errors.url = "Enter an HTTP or HTTPS URL without credentials.";
+    }
+  }
+  return errors;
+}
+function samplePayload(fields, values) {
+  return Object.fromEntries(
+    fields.flatMap((field) => {
+      const value = values[field.name] ?? "";
+      if (!value && !field.required) return [];
+      return [
+        [
+          field.name,
+          value && ["integer", "decimal"].includes(field.type) ? Number(value) : value && field.type === "boolean" ? value === "true" : value
+        ]
+      ];
+    })
+  );
+}
+function sampleErrors(error) {
+  const response = error && typeof error === "object" && "response" in error ? error.response : void 0;
+  const details = response?.data?.error?.details?.errors;
+  if (!Array.isArray(details)) return {};
+  return Object.fromEntries(
+    details.flatMap((entry) => {
+      if (!entry || typeof entry !== "object" || !("field" in entry) || !("code" in entry) || typeof entry.field !== "string" || typeof entry.code !== "string")
+        return [];
+      return [[entry.field, entry.code]];
+    })
+  );
+}
+var init_notifications = __esm({
+  "admin/src/notifications.ts"() {
+    "use strict";
+  }
+});
+
+// admin/src/notification-editor.tsx
+import { useState as useState3 } from "react";
 import { Button as Button4, Flex as Flex5, Typography as Typography5 } from "@strapi/design-system";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function NotificationEditor({
+  value,
+  fields,
+  opened,
+  onOpen,
+  onChange,
+  disabled,
+  saveError
+}) {
+  const [target, setTarget] = useState3("body");
+  const errors = notificationErrors(value, fields);
+  function toggle(channel, enabled) {
+    const next = { ...value };
+    if (!enabled) delete next[channel];
+    else if (channel === "email")
+      next.email = {
+        to: [],
+        cc: [],
+        subject: "New submission: {{form.name}}",
+        body: "Submission {{submission.id}} received at {{submission.receivedAt}}"
+      };
+    else next.webhook = { url: "" };
+    onChange(next);
+  }
+  return /* @__PURE__ */ jsxs6(Section, { title: "Notifications", children: [
+    /* @__PURE__ */ jsx6(
+      Button4,
+      {
+        type: "button",
+        variant: "tertiary",
+        onClick: onOpen,
+        disabled: opened,
+        children: opened ? "Notification settings opened" : "Open notification settings"
+      }
+    ),
+    opened && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Enable a channel to send notifications. Changes take effect after saving the form." }),
+      saveError.startsWith("notifications:") && /* @__PURE__ */ jsx6(ErrorNotice, { message: saveError }),
+      /* @__PURE__ */ jsxs6("label", { children: [
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            type: "checkbox",
+            disabled,
+            checked: Boolean(value.email),
+            onChange: (event) => toggle("email", event.target.checked)
+          }
+        ),
+        " ",
+        "Email notifications"
+      ] }),
+      value.email && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        ["to", "cc"].map((key) => /* @__PURE__ */ jsx6(
+          TextField,
+          {
+            label: key === "to" ? "To (one address per line)" : "Cc (one address per line)",
+            multiline: true,
+            value: (value.email?.[key] ?? []).join("\n"),
+            disabled,
+            error: errors[key],
+            onChange: (text) => onChange({
+              ...value,
+              email: { ...value.email, [key]: text.split("\n") }
+            })
+          },
+          key
+        )),
+        /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Use fixed email addresses. Empty lines are ignored when saving." }),
+        /* @__PURE__ */ jsxs6("label", { children: [
+          "Reply-to field",
+          /* @__PURE__ */ jsxs6(
+            "select",
+            {
+              style: { width: "100%", padding: 10 },
+              disabled,
+              value: value.email.replyToField ?? "",
+              "aria-invalid": Boolean(errors.replyToField),
+              onChange: (event) => {
+                const email = { ...value.email };
+                delete email.replyToField;
+                if (event.target.value)
+                  email.replyToField = event.target.value;
+                onChange({ ...value, email });
+              },
+              children: [
+                /* @__PURE__ */ jsx6("option", { value: "", children: "None" }),
+                fields.filter((field) => field.type === "email").map((field) => /* @__PURE__ */ jsxs6("option", { value: field.name, children: [
+                  field.label,
+                  " (",
+                  field.name,
+                  ")"
+                ] }, field.name))
+              ]
+            }
+          )
+        ] }),
+        errors.replyToField && /* @__PURE__ */ jsx6(ErrorNotice, { message: errors.replyToField }),
+        /* @__PURE__ */ jsx6(
+          TextField,
+          {
+            label: "Email subject",
+            value: value.email.subject,
+            disabled,
+            error: errors.subject,
+            onChange: (subject) => onChange({ ...value, email: { ...value.email, subject } })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          TextField,
+          {
+            label: "Email body",
+            multiline: true,
+            value: value.email.body,
+            disabled,
+            error: errors.body,
+            onChange: (body) => onChange({ ...value, email: { ...value.email, body } })
+          }
+        ),
+        /* @__PURE__ */ jsxs6("label", { children: [
+          "Insert placeholder into",
+          /* @__PURE__ */ jsxs6(
+            "select",
+            {
+              style: { width: "100%", padding: 10 },
+              disabled,
+              value: target,
+              onChange: (event) => setTarget(
+                event.target.value === "subject" ? "subject" : "body"
+              ),
+              children: [
+                /* @__PURE__ */ jsx6("option", { value: "subject", children: "Subject" }),
+                /* @__PURE__ */ jsx6("option", { value: "body", children: "Body" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx6(Flex5, { gap: 2, wrap: "wrap", children: placeholders(fields).map((key) => /* @__PURE__ */ jsx6(
+          Button4,
+          {
+            type: "button",
+            style: {
+              maxWidth: "100%",
+              height: "auto",
+              whiteSpace: "normal",
+              overflowWrap: "anywhere"
+            },
+            size: "S",
+            variant: "tertiary",
+            disabled,
+            onClick: () => onChange({
+              ...value,
+              email: {
+                ...value.email,
+                [target]: `${value.email[target]}{{${key}}}`
+              }
+            }),
+            children: `{{${key}}}`
+          },
+          key
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs6("label", { children: [
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            type: "checkbox",
+            disabled,
+            checked: Boolean(value.webhook),
+            onChange: (event) => toggle("webhook", event.target.checked)
+          }
+        ),
+        " ",
+        "Webhook notifications"
+      ] }),
+      value.webhook && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx6(
+          TextField,
+          {
+            label: "Webhook URL",
+            value: value.webhook.url,
+            disabled,
+            error: errors.url,
+            onChange: (url) => onChange({ ...value, webhook: { ...value.webhook, url } })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          TextField,
+          {
+            label: "Webhook secret",
+            secret: true,
+            value: value.webhook.secret ?? "",
+            disabled,
+            onChange: (secret) => {
+              const webhook = { ...value.webhook };
+              delete webhook.secret;
+              if (secret) webhook.secret = secret;
+              onChange({ ...value, webhook });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Stored secrets and header values appear as ********. Leave them untouched to preserve them, or enter a replacement. Clear a secret or remove a header to delete it." }),
+        Object.entries(value.webhook.headers ?? {}).map(
+          ([name, header]) => /* @__PURE__ */ jsxs6(
+            Flex5,
+            {
+              direction: "column",
+              alignItems: "stretch",
+              gap: 2,
+              children: [
+                /* @__PURE__ */ jsx6(
+                  TextField,
+                  {
+                    label: `Header: ${name}`,
+                    secret: true,
+                    value: header,
+                    disabled,
+                    onChange: (next) => onChange({
+                      ...value,
+                      webhook: {
+                        ...value.webhook,
+                        headers: {
+                          ...value.webhook.headers,
+                          [name]: next
+                        }
+                      }
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxs6(
+                  Button4,
+                  {
+                    type: "button",
+                    variant: "tertiary",
+                    disabled,
+                    onClick: () => {
+                      const headers = { ...value.webhook.headers };
+                      delete headers[name];
+                      onChange({
+                        ...value,
+                        webhook: { ...value.webhook, headers }
+                      });
+                    },
+                    children: [
+                      "Remove ",
+                      name
+                    ]
+                  }
+                )
+              ]
+            },
+            name
+          )
+        ),
+        /* @__PURE__ */ jsx6(
+          AddHeader,
+          {
+            disabled,
+            names: Object.keys(value.webhook.headers ?? {}),
+            onAdd: (name, header) => onChange({
+              ...value,
+              webhook: {
+                ...value.webhook,
+                headers: { ...value.webhook.headers, [name]: header }
+              }
+            })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AddHeader({
+  disabled,
+  names,
+  onAdd
+}) {
+  const [name, setName] = useState3("");
+  const [value, setValue] = useState3("");
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(
+      TextField,
+      {
+        label: "New header name",
+        value: name,
+        disabled,
+        onChange: setName
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      TextField,
+      {
+        label: "New header value",
+        secret: true,
+        value,
+        disabled,
+        onChange: setValue
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Button4,
+      {
+        type: "button",
+        variant: "tertiary",
+        disabled: disabled || !name.trim() || !value || names.some((item) => item.toLowerCase() === name.trim().toLowerCase()),
+        onClick: () => {
+          onAdd(name.trim(), value);
+          setName("");
+          setValue("");
+        },
+        children: "Add header"
+      }
+    )
+  ] });
+}
+function NotificationTest({
+  fields,
+  disabled,
+  send
+}) {
+  const [values, setValues] = useState3({});
+  const [results, setResults] = useState3(null);
+  const [error, setError] = useState3("");
+  const [errors, setErrors] = useState3({});
+  const [busy, setBusy] = useState3(false);
+  return /* @__PURE__ */ jsxs6(Section, { title: "Test notifications", children: [
+    /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Sends real notifications using the saved settings and these sample values, including hidden fields. Save all changes before testing. No submission record is created." }),
+    disabled && /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Testing requires a saved form, no unsaved changes and forms.update permission." }),
+    fields.map((field) => /* @__PURE__ */ jsx6("div", { style: { display: "grid", gap: 6 }, children: field.type === "boolean" ? /* @__PURE__ */ jsxs6("label", { children: [
+      /* @__PURE__ */ jsxs6(Typography5, { children: [
+        field.label,
+        " (",
+        field.name,
+        ")",
+        field.visibility === "hidden" ? " \xB7 hidden" : ""
+      ] }),
+      /* @__PURE__ */ jsxs6(
+        "select",
+        {
+          disabled: disabled || busy,
+          value: values[field.name] ?? "",
+          onChange: (event) => setValues({ ...values, [field.name]: event.target.value }),
+          children: [
+            /* @__PURE__ */ jsx6("option", { value: "", children: "Choose a value" }),
+            /* @__PURE__ */ jsx6("option", { value: "true", children: "True" }),
+            /* @__PURE__ */ jsx6("option", { value: "false", children: "False" })
+          ]
+        }
+      ),
+      errors[field.name] && /* @__PURE__ */ jsx6(ErrorNotice, { message: errors[field.name] ?? "" })
+    ] }) : /* @__PURE__ */ jsx6(
+      TextField,
+      {
+        label: `${field.label} (${field.name})${field.visibility === "hidden" ? " \xB7 hidden" : ""}`,
+        value: values[field.name] ?? "",
+        disabled: disabled || busy,
+        error: errors[field.name],
+        onChange: (next) => setValues({ ...values, [field.name]: next })
+      }
+    ) }, field.name)),
+    /* @__PURE__ */ jsx6(
+      Button4,
+      {
+        type: "button",
+        disabled: disabled || busy,
+        onClick: async () => {
+          setBusy(true);
+          setError("");
+          setErrors({});
+          setResults(null);
+          try {
+            setResults(await send(samplePayload(fields, values)));
+          } catch (cause) {
+            setError(errorMessage(cause));
+            setErrors(sampleErrors(cause));
+          } finally {
+            setBusy(false);
+          }
+        },
+        children: busy ? "Sending test\u2026" : "Send test notifications"
+      }
+    ),
+    /* @__PURE__ */ jsx6(ErrorNotice, { message: error }),
+    /* @__PURE__ */ jsxs6("div", { "aria-live": "polite", children: [
+      results?.length === 0 && /* @__PURE__ */ jsx6(Typography5, { children: "No notification channels are enabled in the saved settings." }),
+      results?.map((delivery) => /* @__PURE__ */ jsx6(
+        "div",
+        {
+          style: { overflowWrap: "anywhere", marginTop: 12 },
+          children: /* @__PURE__ */ jsxs6(
+            Typography5,
+            {
+              textColor: delivery.status === "sent" ? "success700" : "danger700",
+              children: [
+                delivery.channel,
+                ":",
+                " ",
+                delivery.status === "sent" ? "Success" : "Failed",
+                " \xB7",
+                " ",
+                delivery.attempts,
+                " attempt(s)",
+                delivery.lastError ? ` \xB7 ${delivery.lastError}` : "",
+                delivery.sentAt ? ` \xB7 ${delivery.sentAt}` : ""
+              ]
+            }
+          )
+        },
+        delivery.channel
+      ))
+    ] })
+  ] });
+}
+var init_notification_editor = __esm({
+  "admin/src/notification-editor.tsx"() {
+    "use strict";
+    init_form();
+    init_notifications();
+    init_ui();
+  }
+});
+
+// admin/src/form-editor-page.tsx
+import { useEffect as useEffect2, useRef as useRef3, useState as useState4 } from "react";
+import { Button as Button5, Flex as Flex6, Typography as Typography6 } from "@strapi/design-system";
 import { Layouts as Layouts2, Page as Page2, useFetchClient as useFetchClient2 } from "@strapi/strapi/admin";
 import { useNavigate as useNavigate2, useParams } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function FormEditorPage({ canUpdate }) {
   const { documentId } = useParams();
   const client = useFetchClient2();
   const { get } = client;
   const navigate = useNavigate2();
-  const [draft, setDraft] = useState3(emptyForm);
-  const [version, setVersion] = useState3(null);
-  const [targets, setTargets] = useState3([]);
-  const [schema, setSchema] = useState3([]);
-  const [loading, setLoading] = useState3(true);
-  const [fieldsLoading, setFieldsLoading] = useState3(false);
-  const [error, setError] = useState3("");
-  const [loaded, setLoaded] = useState3(false);
-  const [busy, setBusy] = useState3(false);
-  const [retry, setRetry] = useState3(0);
+  const [draft, setDraft] = useState4(emptyForm);
+  const [notificationsOpened, setNotificationsOpened] = useState4(false);
+  const [savedDraft, setSavedDraft] = useState4("");
+  const [version, setVersion] = useState4(null);
+  const [targets, setTargets] = useState4([]);
+  const [schema, setSchema] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [fieldsLoading, setFieldsLoading] = useState4(false);
+  const [error, setError] = useState4("");
+  const [loaded, setLoaded] = useState4(false);
+  const [busy, setBusy] = useState4(false);
+  const [retry, setRetry] = useState4(0);
   const lock = useRef3(false);
   const targetRequest = useRef3(0);
   useEffect2(() => {
     let active = true;
     setLoading(true);
+    setNotificationsOpened(false);
     setLoaded(false);
     setError("");
     async function load() {
@@ -663,6 +1194,7 @@ function FormEditorPage({ canUpdate }) {
             consent: { ...emptyForm.consent }
           }
         );
+        setSavedDraft(saved ? JSON.stringify(savePayload(saved, true)) : "");
         setVersion(saved?.version ?? null);
         setSchema(attrs);
         setLoaded(true);
@@ -712,16 +1244,16 @@ function FormEditorPage({ canUpdate }) {
       setBusy(false);
     }
   }
-  if (loading) return /* @__PURE__ */ jsx6(Page2.Loading, {});
+  if (loading) return /* @__PURE__ */ jsx7(Page2.Loading, {});
   const disabled = !canUpdate || busy || fieldsLoading;
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(
       Layouts2.Header,
       {
         title: documentId ? draft.name || "Form" : "Create form",
         subtitle: version ? `Form version ${version} \xB7 assigned by server on every save` : "New forms start at version 1.",
-        navigationAction: /* @__PURE__ */ jsx6(
-          Button4,
+        navigationAction: /* @__PURE__ */ jsx7(
+          Button5,
           {
             variant: "tertiary",
             onClick: () => navigate("/plugins/builder/forms"),
@@ -730,18 +1262,23 @@ function FormEditorPage({ canUpdate }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx6(Layouts2.Content, { children: /* @__PURE__ */ jsxs6(Flex5, { direction: "column", alignItems: "stretch", gap: 6, children: [
-      /* @__PURE__ */ jsx6(ErrorNotice, { message: error }),
-      !loaded ? /* @__PURE__ */ jsx6(Button4, { onClick: () => setRetry((value) => value + 1), children: "Retry loading form" }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-        /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(Layouts2.Content, { children: /* @__PURE__ */ jsxs7(Flex6, { direction: "column", alignItems: "stretch", gap: 6, children: [
+      /* @__PURE__ */ jsx7(ErrorNotice, { message: error }),
+      !loaded ? /* @__PURE__ */ jsx7(Button5, { onClick: () => setRetry((value) => value + 1), children: "Retry loading form" }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx7(
           "form",
           {
             onSubmit: (event) => {
               event.preventDefault();
               if (disabled) return;
               void run(async () => {
-                const saved = await formApi(client).save(draft, documentId);
+                const saved = await formApi(client).save(
+                  draft,
+                  documentId,
+                  notificationsOpened
+                );
                 setDraft(saved);
+                setSavedDraft(JSON.stringify(savePayload(saved, true)));
                 setVersion(saved.version);
                 if (!documentId)
                   navigate(`/plugins/builder/forms/${saved.documentId}`, {
@@ -749,9 +1286,9 @@ function FormEditorPage({ canUpdate }) {
                   });
               });
             },
-            children: /* @__PURE__ */ jsxs6(Flex5, { direction: "column", alignItems: "stretch", gap: 6, children: [
-              /* @__PURE__ */ jsxs6(Section, { title: "Definition", children: [
-                /* @__PURE__ */ jsx6(
+            children: /* @__PURE__ */ jsxs7(Flex6, { direction: "column", alignItems: "stretch", gap: 6, children: [
+              /* @__PURE__ */ jsxs7(Section, { title: "Definition", children: [
+                /* @__PURE__ */ jsx7(
                   TextField,
                   {
                     label: "Name",
@@ -761,7 +1298,7 @@ function FormEditorPage({ canUpdate }) {
                     onChange: (name) => setDraft({ ...draft, name })
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   TextField,
                   {
                     label: "Slug",
@@ -771,11 +1308,11 @@ function FormEditorPage({ canUpdate }) {
                     onChange: (slug) => setDraft({ ...draft, slug })
                   }
                 ),
-                /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Use lowercase letters, numbers and hyphens. The slug cannot change after creation." }),
-                /* @__PURE__ */ jsxs6("label", { children: [
+                /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Use lowercase letters, numbers and hyphens. The slug cannot change after creation." }),
+                /* @__PURE__ */ jsxs7("label", { children: [
                   "Target content type",
                   " ",
-                  /* @__PURE__ */ jsxs6(
+                  /* @__PURE__ */ jsxs7(
                     "select",
                     {
                       required: true,
@@ -784,8 +1321,8 @@ function FormEditorPage({ canUpdate }) {
                       onChange: (event) => void selectTarget(event.target.value),
                       style: { padding: 10, width: "100%" },
                       children: [
-                        /* @__PURE__ */ jsx6("option", { value: "", children: "Select a target" }),
-                        targets.map((target) => /* @__PURE__ */ jsxs6("option", { value: target.uid, children: [
+                        /* @__PURE__ */ jsx7("option", { value: "", children: "Select a target" }),
+                        targets.map((target) => /* @__PURE__ */ jsxs7("option", { value: target.uid, children: [
                           target.name,
                           " \u2014 ",
                           target.uid
@@ -794,9 +1331,9 @@ function FormEditorPage({ canUpdate }) {
                     }
                   )
                 ] }),
-                fieldsLoading && /* @__PURE__ */ jsx6(Typography5, { children: "Loading target fields\u2026" })
+                fieldsLoading && /* @__PURE__ */ jsx7(Typography6, { children: "Loading target fields\u2026" })
               ] }),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 FieldEditor,
                 {
                   fields: draft.fields,
@@ -805,8 +1342,8 @@ function FormEditorPage({ canUpdate }) {
                   onChange: (fields) => setDraft({ ...draft, fields })
                 }
               ),
-              /* @__PURE__ */ jsxs6(Section, { title: "Consent", children: [
-                /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsxs7(Section, { title: "Consent", children: [
+                /* @__PURE__ */ jsx7(
                   TextField,
                   {
                     label: "Consent label",
@@ -820,7 +1357,7 @@ function FormEditorPage({ canUpdate }) {
                     })
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   TextField,
                   {
                     label: "Consent version",
@@ -836,10 +1373,22 @@ function FormEditorPage({ canUpdate }) {
                     })
                   }
                 ),
-                /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Consent version identifies the terms accepted by the visitor and is separate from the server form version." })
+                /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Consent version identifies the terms accepted by the visitor and is separate from the server form version." })
               ] }),
-              canUpdate && /* @__PURE__ */ jsx6(
-                Button4,
+              /* @__PURE__ */ jsx7(
+                NotificationEditor,
+                {
+                  value: draft.notifications ?? {},
+                  fields: draft.fields,
+                  opened: notificationsOpened,
+                  onOpen: () => setNotificationsOpened(true),
+                  onChange: (notifications) => setDraft({ ...draft, notifications }),
+                  disabled,
+                  saveError: error
+                }
+              ),
+              canUpdate && /* @__PURE__ */ jsx7(
+                Button5,
                 {
                   type: "submit",
                   disabled: disabled || !draft.targetUid || !draft.fields.length,
@@ -849,9 +1398,18 @@ function FormEditorPage({ canUpdate }) {
             ] })
           }
         ),
-        documentId && /* @__PURE__ */ jsxs6(Section, { title: "Portable definition", children: [
-          /* @__PURE__ */ jsx6(
-            Button4,
+        notificationsOpened && /* @__PURE__ */ jsx7(
+          NotificationTest,
+          {
+            fields: draft.fields,
+            disabled: disabled || !documentId || JSON.stringify(savePayload(draft, true)) !== savedDraft,
+            send: (sample) => formApi(client).testSend(documentId, sample)
+          },
+          savedDraft
+        ),
+        documentId && /* @__PURE__ */ jsxs7(Section, { title: "Portable definition", children: [
+          /* @__PURE__ */ jsx7(
+            Button5,
             {
               disabled: busy,
               onClick: () => void run(
@@ -863,8 +1421,8 @@ function FormEditorPage({ canUpdate }) {
               children: "Export saved form JSON"
             }
           ),
-          /* @__PURE__ */ jsx6(Typography5, { variant: "pi", children: "Export uses the saved definition. Notification credentials are masked by the server." }),
-          canUpdate && /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Export uses the saved definition. Notification credentials are masked by the server." }),
+          canUpdate && /* @__PURE__ */ jsx7(
             ImportForm,
             {
               replace: true,
@@ -879,6 +1437,11 @@ function FormEditorPage({ canUpdate }) {
                     documentId
                   );
                   setDraft(saved);
+                  setSavedDraft(
+                    JSON.stringify(savePayload(saved, true))
+                  );
+                  setNotificationsOpened(false);
+                  setError("");
                   setVersion(saved.version);
                   setSchema(
                     await formApi(client).fields(saved.targetUid)
@@ -902,6 +1465,7 @@ var init_form_editor_page = __esm({
     init_form();
     init_ui();
     init_field_editor();
+    init_notification_editor();
     init_import_form();
   }
 });
@@ -913,7 +1477,7 @@ __export(app_exports, {
 });
 import { Navigate, Route, Routes } from "react-router-dom";
 import { Layouts as Layouts3, Page as Page3, useRBAC } from "@strapi/strapi/admin";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function App() {
   const { allowedActions, isLoading } = useRBAC(
     ["read", "update"].map((action) => ({
@@ -921,31 +1485,31 @@ function App() {
       subject: null
     }))
   );
-  if (isLoading) return /* @__PURE__ */ jsx7(Page3.Loading, {});
-  if (!allowedActions.canRead) return /* @__PURE__ */ jsx7(Page3.NoPermissions, {});
+  if (isLoading) return /* @__PURE__ */ jsx8(Page3.Loading, {});
+  if (!allowedActions.canRead) return /* @__PURE__ */ jsx8(Page3.NoPermissions, {});
   const canUpdate = allowedActions.canUpdate === true;
-  return /* @__PURE__ */ jsx7(Layouts3.Root, { children: /* @__PURE__ */ jsxs7(Routes, { children: [
-    /* @__PURE__ */ jsx7(Route, { index: true, element: /* @__PURE__ */ jsx7(Navigate, { to: "forms", replace: true }) }),
-    /* @__PURE__ */ jsx7(Route, { path: "forms", element: /* @__PURE__ */ jsx7(FormListPage, { canUpdate }) }),
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(Layouts3.Root, { children: /* @__PURE__ */ jsxs8(Routes, { children: [
+    /* @__PURE__ */ jsx8(Route, { index: true, element: /* @__PURE__ */ jsx8(Navigate, { to: "forms", replace: true }) }),
+    /* @__PURE__ */ jsx8(Route, { path: "forms", element: /* @__PURE__ */ jsx8(FormListPage, { canUpdate }) }),
+    /* @__PURE__ */ jsx8(
       Route,
       {
         path: "forms/new",
-        element: canUpdate ? /* @__PURE__ */ jsx7(FormEditorPage, { canUpdate: true }) : /* @__PURE__ */ jsx7(Page3.NoPermissions, {})
+        element: canUpdate ? /* @__PURE__ */ jsx8(FormEditorPage, { canUpdate: true }) : /* @__PURE__ */ jsx8(Page3.NoPermissions, {})
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       Route,
       {
         path: "forms/:documentId",
-        element: /* @__PURE__ */ jsx7(FormEditorPage, { canUpdate })
+        element: /* @__PURE__ */ jsx8(FormEditorPage, { canUpdate })
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       Route,
       {
         path: "*",
-        element: /* @__PURE__ */ jsx7(Page3.Error, { content: "Form page not found." })
+        element: /* @__PURE__ */ jsx8(Page3.Error, { content: "Form page not found." })
       }
     )
   ] }) });

package/dist/admin/notification-editor.d.ts

@@ -0,0 +1,16 @@
+import type { Delivery, FormField, NotificationConfig } from "./form";
+export declare function NotificationEditor({ value, fields, opened, onOpen, onChange, disabled, saveError, }: {
+    value: NotificationConfig;
+    fields: FormField[];
+    opened: boolean;
+    onOpen: () => void;
+    onChange: (value: NotificationConfig) => void;
+    disabled: boolean;
+    saveError: string;
+}): import("react").JSX.Element;
+export declare function NotificationTest({ fields, disabled, send, }: {
+    fields: FormField[];
+    disabled: boolean;
+    send: (sample: Record<string, unknown>) => Promise<Delivery[]>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=notification-editor.d.ts.map

package/dist/admin/notification-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-editor.d.ts","sourceRoot":"","sources":["../../admin/src/notification-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAUtE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,+BAoQA;AA+CD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,IAAI,GACL,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;CAChE,+BAqGA"}

package/dist/admin/notifications.d.ts

@@ -0,0 +1,8 @@
+import type { FormField, NotificationConfig } from "./form";
+export declare function placeholders(fields: FormField[]): string[];
+export declare function templateError(value: string, fields: FormField[]): string;
+export declare function notificationErrors(config: NotificationConfig, fields: FormField[]): Record<string, string>;
+/** Empty optional values are omitted; hidden fields use the same types as visible fields. */
+export declare function samplePayload(fields: FormField[], values: Record<string, string>): Record<string, unknown>;
+export declare function sampleErrors(error: unknown): Record<string, string>;
+//# sourceMappingURL=notifications.d.ts.map

package/dist/admin/notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../admin/src/notifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5D,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,CAO1D;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAUxE;AACD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,kBAAkB,EAC1B,MAAM,EAAE,SAAS,EAAE,GAClB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAmCxB;AACD,6FAA6F;AAC7F,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,EAAE,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiBzB;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuBnE"}

package/dist/admin/ui.d.ts

@@ -3,13 +3,15 @@ export declare function Section({ title, children, }: {
     title: string;
     children: ReactNode;
 }): import("react").JSX.Element;
-export declare function TextField({ label, value, onChange, disabled, required, multiline, }: {
+export declare function TextField({ label, value, onChange, disabled, required, multiline, secret, error, }: {
     label: string;
     value: string;
     onChange: (value: string) => void;
     disabled?: boolean;
     required?: boolean;
     multiline?: boolean;
+    secret?: boolean;
+    error?: string;
 }): import("react").JSX.Element;
 export declare function ErrorNotice({ message }: {
     message: string;

package/dist/admin/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../admin/src/ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAWA;AACD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAwBA;AACD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,sCAM3D"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../admin/src/ui.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAWA;AACD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAwCA;AACD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,sCAM3D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dani-builder/strapi-plugin-builder",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Daniworks Builder — reusable CMS components, content types, and smart API for Strapi v5",
   "license": "MIT",
   "strapi": {
@@ -72,7 +72,7 @@
     "directory": "packages/strapi-plugin-builder"
   },
   "dependencies": {
-    "@dani-builder/strapi-client": "^1.0.0"
+    "@dani-builder/strapi-client": "^1.1.0"
   },
   "devDependencies": {
     "@strapi/strapi": "5.54.0",