@netlib/widerrufsbutton 2.1.9 → 2.1.13

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as c, Fragment as F } from "react/jsx-runtime";
-import { useState as m, useRef as L, useEffect as T } from "react";
-import { createPortal as O } from "react-dom";
-async function U(e, r) {
+import { jsx as n, jsxs as c, Fragment as O } from "react/jsx-runtime";
+import { useState as f, useRef as j, useEffect as q } from "react";
+import { createPortal as I } from "react-dom";
+async function R(e, r) {
   const t = {
     "Content-Type": "application/json"
   };
@@ -13,87 +13,90 @@ async function U(e, r) {
       ...e.companyName ? { companyName: e.companyName } : {},
       ...e.senderEmail ? { senderEmail: e.senderEmail } : {}
     }
-  }, i = await fetch(e.apiUrl, {
+  }, a = await fetch(e.apiUrl, {
     method: "PATCH",
     headers: t,
     body: JSON.stringify(o)
   });
-  let d;
+  let b;
   try {
-    d = await i.json();
+    b = await a.json();
   } catch {
-    if (!i.ok) throw new Error(`Server antwortete mit Status ${i.status}`);
+    if (!a.ok) throw new Error(`Server antwortete mit Status ${a.status}`);
     return;
   }
-  if (d !== null && typeof d == "object" && "ok" in d && d.ok === !1) {
-    const s = d.message;
-    throw new Error(typeof s == "string" && s ? s : `Server antwortete mit Status ${i.status}`);
+  if (b !== null && typeof b == "object" && "ok" in b && b.ok === !1) {
+    const s = b.message;
+    throw new Error(typeof s == "string" && s ? s : `Server antwortete mit Status ${a.status}`);
   }
-  if (!i.ok)
-    throw new Error(`Server antwortete mit Status ${i.status}`);
+  if (!a.ok)
+    throw new Error(`Server antwortete mit Status ${a.status}`);
 }
-const I = {
+const P = {
   firstName: "",
   lastName: "",
   email: "",
   orderNumber: "",
   reason: ""
 };
-function k(e) {
+function A(e) {
   const r = {};
-  return e.firstName.trim() || (r.firstName = "Bitte geben Sie Ihren Vornamen an."), e.lastName.trim() || (r.lastName = "Bitte geben Sie Ihren Nachnamen an."), e.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email) || (r.email = "Bitte geben Sie eine gültige E-Mail-Adresse an.") : r.email = "Bitte geben Sie Ihre E-Mail-Adresse an.", e.orderNumber.trim() || (r.orderNumber = "Bitte geben Sie die Bestellnummer oder Vertragsnummer an."), r;
-}
-function P({ config: e, onClose: r }) {
-  const [t, o] = m(I), [i, d] = m({}), [s, E] = m({}), [h, N] = m("idle"), [S, z] = m(""), W = L(null);
-  T(() => {
-    var u;
-    (u = W.current) == null || u.focus();
-    const n = (b) => b.key === "Escape" && r();
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  return e.firstName.trim() || (r.firstName = "Bitte geben Sie Ihren Vornamen an."), e.lastName.trim() || (r.lastName = "Bitte geben Sie Ihren Nachnamen an."), e.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email) || (r.email = "Bitte geben Sie eine gültige E-Mail-Adresse an.") : r.email = "Bitte geben Sie Ihre E-Mail-Adresse an.", e.orderNumber.trim() || (r.orderNumber = "Bitte geben Sie die Rechnungs-, Lieferschein- oder Auftragsnummer an."), r;
+}
+function D({ config: e, onClose: r }) {
+  const [t, o] = f(P), [a, b] = f({}), [s, x] = f({}), [h, u] = f("idle"), [d, w] = f(""), v = j(null), z = j(null);
+  q(() => {
+    var p;
+    (p = v.current) == null || p.focus();
+    const i = (m) => m.key === "Escape" && r();
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [r]);
-  function p(n, u) {
-    const b = { ...t, [n]: u };
-    if (o(b), s[n]) {
-      const x = k(b);
-      d((v) => ({ ...v, [n]: x[n] }));
+  function g(i, p) {
+    const m = { ...t, [i]: p };
+    if (o(m), s[i]) {
+      const k = A(m);
+      b((S) => ({ ...S, [i]: k[i] }));
     }
   }
-  function f(n) {
-    E((b) => ({ ...b, [n]: !0 }));
-    const u = k(t);
-    d((b) => ({ ...b, [n]: u[n] }));
+  function N(i) {
+    x((m) => ({ ...m, [i]: !0 }));
+    const p = A(t);
+    b((m) => ({ ...m, [i]: p[i] }));
   }
-  async function M(n) {
-    var x, v;
-    n.preventDefault();
-    const u = Object.fromEntries(
-      Object.keys(t).map((g) => [g, !0])
+  async function M(i) {
+    var k, S, C;
+    if (i.preventDefault(), (((k = z.current) == null ? void 0 : k.value) ?? "").trim() !== "") {
+      u("success");
+      return;
+    }
+    const p = Object.fromEntries(
+      Object.keys(t).map(($) => [$, !0])
     );
-    E(u);
-    const b = k(t);
-    if (d(b), !(Object.keys(b).length > 0)) {
-      N("loading"), z("");
+    x(p);
+    const m = A(t);
+    if (b(m), !(Object.keys(m).length > 0)) {
+      u("loading"), w("");
       try {
-        await U(e, t), N("success"), (x = e.onSuccess) == null || x.call(e);
-      } catch (g) {
-        const A = g instanceof Error ? g : new Error("Ein unbekannter Fehler ist aufgetreten.");
-        z(A.message), N("error"), (v = e.onError) == null || v.call(e, A);
+        await R(e, t), u("success"), (S = e.onSuccess) == null || S.call(e);
+      } catch ($) {
+        const T = $ instanceof Error ? $ : new Error("Ein unbekannter Fehler ist aufgetreten.");
+        w(T.message), u("error"), (C = e.onError) == null || C.call(e, T);
       }
     }
   }
-  const q = e.companyName ? `Widerruf – ${e.companyName}` : "Widerrufsformular";
-  return /* @__PURE__ */ a(
+  const U = e.companyName ? `Widerruf – ${e.companyName}` : "Widerrufsformular";
+  return /* @__PURE__ */ n(
     "div",
     {
       className: "wrb-overlay",
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "wrb-title",
-      onClick: (n) => n.target === n.currentTarget && r(),
+      onClick: (i) => i.target === i.currentTarget && r(),
       children: /* @__PURE__ */ c("div", { className: "wrb-modal", children: [
         /* @__PURE__ */ c("div", { className: "wrb-modal-header", children: [
-          /* @__PURE__ */ a("h2", { className: "wrb-modal-title", id: "wrb-title", children: q }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ n("h2", { className: "wrb-modal-title", id: "wrb-title", children: U }),
+          /* @__PURE__ */ n(
             "button",
             {
               className: "wrb-close-btn",
@@ -106,120 +109,133 @@ function P({ config: e, onClose: r }) {
         ] }),
         h === "success" ? /* @__PURE__ */ c("div", { className: "wrb-modal-body", children: [
           /* @__PURE__ */ c("div", { className: "wrb-success", children: [
-            /* @__PURE__ */ a("span", { className: "wrb-success-icon", children: "✓" }),
-            /* @__PURE__ */ a("h3", { children: "Widerruf eingegangen" }),
+            /* @__PURE__ */ n("span", { className: "wrb-success-icon", children: "✓" }),
+            /* @__PURE__ */ n("h3", { children: "Widerruf eingegangen" }),
             /* @__PURE__ */ c("p", { children: [
               "Ihr Widerruf wurde erfolgreich übermittelt. Sie erhalten in Kürze eine Bestätigung an ",
-              /* @__PURE__ */ a("strong", { children: t.email }),
+              /* @__PURE__ */ n("strong", { children: t.email }),
               "."
             ] })
           ] }),
-          /* @__PURE__ */ a(B, { config: e })
+          /* @__PURE__ */ n(B, { config: e })
         ] }) : /* @__PURE__ */ c("div", { className: "wrb-modal-body", children: [
-          e.introText && /* @__PURE__ */ a("p", { className: "wrb-intro", children: e.introText }),
-          h === "error" && S && /* @__PURE__ */ a("div", { className: "wrb-alert wrb-alert-error", role: "alert", children: S }),
+          e.introText && /* @__PURE__ */ n("p", { className: "wrb-intro", children: e.introText }),
+          h === "error" && d && /* @__PURE__ */ n("div", { className: "wrb-alert wrb-alert-error", role: "alert", children: d }),
           /* @__PURE__ */ c("form", { onSubmit: M, noValidate: !0, children: [
-            /* @__PURE__ */ a(
-              w,
+            /* @__PURE__ */ n(
+              y,
               {
                 label: "Vorname",
                 required: !0,
-                error: s.firstName ? i.firstName : void 0,
-                children: /* @__PURE__ */ a(
+                error: s.firstName ? a.firstName : void 0,
+                children: /* @__PURE__ */ n(
                   "input",
                   {
-                    ref: W,
-                    className: `wrb-input${s.firstName && i.firstName ? " wrb-error" : ""}`,
+                    ref: v,
+                    className: `wrb-input${s.firstName && a.firstName ? " wrb-error" : ""}`,
                     type: "text",
                     autoComplete: "given-name",
                     value: t.firstName,
-                    onChange: (n) => p("firstName", n.target.value),
-                    onBlur: () => f("firstName"),
+                    onChange: (i) => g("firstName", i.target.value),
+                    onBlur: () => N("firstName"),
                     placeholder: "Max"
                   }
                 )
               }
             ),
-            /* @__PURE__ */ a(
-              w,
+            /* @__PURE__ */ n(
+              y,
               {
                 label: "Nachname",
                 required: !0,
-                error: s.lastName ? i.lastName : void 0,
-                children: /* @__PURE__ */ a(
+                error: s.lastName ? a.lastName : void 0,
+                children: /* @__PURE__ */ n(
                   "input",
                   {
-                    className: `wrb-input${s.lastName && i.lastName ? " wrb-error" : ""}`,
+                    className: `wrb-input${s.lastName && a.lastName ? " wrb-error" : ""}`,
                     type: "text",
                     autoComplete: "family-name",
                     value: t.lastName,
-                    onChange: (n) => p("lastName", n.target.value),
-                    onBlur: () => f("lastName"),
+                    onChange: (i) => g("lastName", i.target.value),
+                    onBlur: () => N("lastName"),
                     placeholder: "Mustermann"
                   }
                 )
               }
             ),
-            /* @__PURE__ */ a(
-              w,
+            /* @__PURE__ */ n(
+              y,
               {
                 label: "E-Mail-Adresse",
                 required: !0,
-                hint: "Hierüber erhalten Sie die Eingangsbestätigung.",
-                error: s.email ? i.email : void 0,
-                children: /* @__PURE__ */ a(
+                hint: "An diese Adresse senden wir Ihnen die Eingangsbestätigung.",
+                error: s.email ? a.email : void 0,
+                children: /* @__PURE__ */ n(
                   "input",
                   {
-                    className: `wrb-input${s.email && i.email ? " wrb-error" : ""}`,
+                    className: `wrb-input${s.email && a.email ? " wrb-error" : ""}`,
                     type: "email",
                     autoComplete: "email",
                     value: t.email,
-                    onChange: (n) => p("email", n.target.value),
-                    onBlur: () => f("email"),
+                    onChange: (i) => g("email", i.target.value),
+                    onBlur: () => N("email"),
                     placeholder: "name@beispiel.de"
                   }
                 )
               }
             ),
-            /* @__PURE__ */ a(
-              w,
+            /* @__PURE__ */ n(
+              y,
               {
-                label: "Bestell- / Auftrags- / Vertragsnummer",
+                label: "Rechnungs- / Lieferschein- / Auftragsnummer",
                 required: !0,
-                hint: "Zu finden in Ihrer Bestellbestätigung.",
-                error: s.orderNumber ? i.orderNumber : void 0,
-                children: /* @__PURE__ */ a(
+                error: s.orderNumber ? a.orderNumber : void 0,
+                children: /* @__PURE__ */ n(
                   "input",
                   {
-                    className: `wrb-input${s.orderNumber && i.orderNumber ? " wrb-error" : ""}`,
+                    className: `wrb-input${s.orderNumber && a.orderNumber ? " wrb-error" : ""}`,
                     type: "text",
                     value: t.orderNumber,
-                    onChange: (n) => p("orderNumber", n.target.value),
-                    onBlur: () => f("orderNumber"),
-                    placeholder: "z.B. 10045678"
+                    onChange: (i) => g("orderNumber", i.target.value),
+                    onBlur: () => N("orderNumber"),
+                    placeholder: "z.B. RE123456"
                   }
                 )
               }
             ),
-            /* @__PURE__ */ a(
-              w,
+            /* @__PURE__ */ n(
+              y,
               {
                 label: "Widerrufsgrund",
                 hint: "Freiwillige Angabe – ein Widerruf ist ohne Angabe von Gründen möglich.",
-                children: /* @__PURE__ */ a(
+                children: /* @__PURE__ */ n(
                   "textarea",
                   {
                     className: "wrb-textarea",
                     value: t.reason,
-                    onChange: (n) => p("reason", n.target.value),
+                    onChange: (i) => g("reason", i.target.value),
                     placeholder: "Optional",
                     rows: 2
                   }
                 )
               }
             ),
+            /* @__PURE__ */ c("div", { className: "wrb-hp", "aria-hidden": "true", children: [
+              /* @__PURE__ */ n("label", { children: "Website (leer lassen)" }),
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: z,
+                  type: "text",
+                  name: "wrbWebsite",
+                  tabIndex: -1,
+                  autoComplete: "off",
+                  defaultValue: ""
+                }
+              )
+            ] }),
             /* @__PURE__ */ c("div", { className: "wrb-actions", children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -228,7 +244,7 @@ function P({ config: e, onClose: r }) {
                   children: e.cancelLabel ?? "Abbrechen"
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "submit",
@@ -239,25 +255,25 @@ function P({ config: e, onClose: r }) {
               )
             ] })
           ] }),
-          /* @__PURE__ */ a(B, { config: e })
+          /* @__PURE__ */ n(B, { config: e })
         ] })
       ] })
     }
   );
 }
-function w({ label: e, required: r, hint: t, error: o, children: i }) {
+function y({ label: e, required: r, hint: t, error: o, children: a }) {
   return /* @__PURE__ */ c("div", { className: "wrb-field", children: [
     /* @__PURE__ */ c("label", { className: "wrb-label", children: [
       e,
-      r && /* @__PURE__ */ a("span", { className: "wrb-required", "aria-hidden": "true", children: "*" })
+      r && /* @__PURE__ */ n("span", { className: "wrb-required", "aria-hidden": "true", children: "*" })
     ] }),
-    i,
-    t && !o && /* @__PURE__ */ a("p", { className: "wrb-hint", children: t }),
-    o && /* @__PURE__ */ a("p", { className: "wrb-field-error", role: "alert", children: o })
+    a,
+    t && !o && /* @__PURE__ */ n("p", { className: "wrb-hint", children: t }),
+    o && /* @__PURE__ */ n("p", { className: "wrb-field-error", role: "alert", children: o })
   ] });
 }
 function B({ config: e }) {
-  return e.privacyUrl ? /* @__PURE__ */ a("div", { className: "wrb-legal-links", children: /* @__PURE__ */ a(
+  return e.privacyUrl ? /* @__PURE__ */ n("div", { className: "wrb-legal-links", children: /* @__PURE__ */ n(
     "a",
     {
       href: e.privacyUrl,
@@ -268,7 +284,7 @@ function B({ config: e }) {
     }
   ) }) : null;
 }
-const $ = `
+const W = `
 /* Widerrufsbutton widget — prefix: wrb- */
 .wrb-btn {
   display: inline-flex;
@@ -497,19 +513,79 @@ const $ = `
   color: #374151;
   text-decoration: underline;
 }
+
+/* Honeypot — off-screen, never visible, not tabbable */
+.wrb-hp {
+  position: absolute !important;
+  left: -10000px !important;
+  top: auto !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
 `;
 function V() {
   const e = "wrb-styles";
   if (document.getElementById(e)) return;
   const r = document.createElement("style");
-  r.id = e, r.textContent = $, document.head.appendChild(r);
-}
-function K({ config: e }) {
-  const [r, t] = m(!1);
-  return T(() => {
-    V();
-  }, []), /* @__PURE__ */ c(F, { children: [
-    /* @__PURE__ */ a(
+  r.id = e, r.textContent = W, document.head.appendChild(r);
+}
+function H(e) {
+  e.dataset.wrbUpgraded || (e.dataset.wrbUpgraded = "true", e.addEventListener("submit", async (r) => {
+    r.preventDefault();
+    const t = e.querySelector('.wrb-submit-btn, button[type="submit"]'), o = (t == null ? void 0 : t.textContent) ?? "";
+    t && (t.disabled = !0, t.textContent = "Wird gesendet…");
+    const a = new FormData(e);
+    if (String(a.get("wrbWebsite") ?? "").trim() !== "") {
+      e.reset(), location.hash = "#wrb-success", t && (t.disabled = !1, t.textContent = o);
+      return;
+    }
+    const b = String(a.get("action") ?? ""), s = {
+      firstName: String(a.get("firstName") ?? ""),
+      lastName: String(a.get("lastName") ?? ""),
+      email: String(a.get("email") ?? ""),
+      orderNumber: String(a.get("orderNumber") ?? ""),
+      reason: String(a.get("reason") ?? "")
+    };
+    e.dataset.companyName && (s.companyName = e.dataset.companyName), e.dataset.senderEmail && (s.senderEmail = e.dataset.senderEmail);
+    const x = { "Content-Type": "application/json" };
+    e.dataset.authToken && (x.Authorization = `Bearer ${e.dataset.authToken}`);
+    const h = e.getAttribute("action") ?? "";
+    try {
+      const u = await fetch(h, {
+        method: "PATCH",
+        headers: x,
+        body: JSON.stringify({ action: b, payload: s })
+      });
+      let d = null;
+      try {
+        d = await u.json();
+      } catch {
+      }
+      if (!(d && typeof d == "object" && "ok" in d ? d.ok !== !1 : u.ok)) {
+        const v = d && typeof d == "object" && "message" in d ? String(d.message ?? "") : "";
+        throw new Error(v || `Server antwortete mit Status ${u.status}`);
+      }
+      e.reset(), location.hash = "#wrb-success";
+    } catch (u) {
+      const d = u instanceof Error ? u : new Error("Unbekannter Fehler"), w = document.querySelector("#wrb-error .wrb-alert");
+      w && (w.textContent = d.message), location.hash = "#wrb-error";
+    } finally {
+      t && (t.disabled = !1, t.textContent = o);
+    }
+  }));
+}
+function K() {
+  typeof document > "u" || document.querySelectorAll("#wrb-modal form").forEach(H);
+}
+function J({ config: e }) {
+  const [r, t] = f(!1);
+  return q(() => {
+    V(), K();
+  }, []), /* @__PURE__ */ c(O, { children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -518,8 +594,8 @@ function K({ config: e }) {
         children: e.buttonLabel ?? "Vertrag widerrufen"
       }
     ),
-    r && O(
-      /* @__PURE__ */ a(P, { config: e, onClose: () => t(!1) }),
+    r && I(
+      /* @__PURE__ */ n(D, { config: e, onClose: () => t(!1) }),
       document.body
     )
   ] });
@@ -527,7 +603,7 @@ function K({ config: e }) {
 function l(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function y(e) {
+function E(e) {
   if (!e.privacyUrl) return "";
   const r = l(e.privacyLabel ?? "Datenschutz");
   return `
@@ -535,12 +611,12 @@ function y(e) {
         <a href="${l(e.privacyUrl)}" class="wrb-legal-link" rel="noopener noreferrer">${r}</a>
       </div>`;
 }
-function C(e) {
+function F(e) {
   const r = [];
   return e.companyName && r.push(`data-company-name="${l(e.companyName)}"`), e.senderEmail && r.push(`data-sender-email="${l(e.senderEmail)}"`), e.authToken && r.push(`data-auth-token="${l(e.authToken)}"`), r.length ? " " + r.join(" ") : "";
 }
-function j(e, r = "", t = "") {
-  const o = l(e.successUrl ?? r), i = l(e.errorUrl ?? t);
+function L(e, r = "", t = "") {
+  const o = l(e.successUrl ?? r), a = l(e.errorUrl ?? t);
   return `
           <div class="wrb-field">
             <label class="wrb-label">
@@ -562,16 +638,15 @@ function j(e, r = "", t = "") {
             </label>
             <input class="wrb-input" type="email" name="email" autocomplete="email"
               placeholder="name@beispiel.de" required>
-            <p class="wrb-hint">Hierüber erhalten Sie die Eingangsbestätigung.</p>
+            <p class="wrb-hint"An diese Adresse senden wir Ihnen die Eingangsbestätigung.</p>
           </div>
           <div class="wrb-field">
             <label class="wrb-label">
-              Bestell- / Auftrags- / Vertragsnummer
+              Rechnungs- / Lieferschein- / Auftragsnummer
               <span class="wrb-required" aria-hidden="true">*</span>
             </label>
             <input class="wrb-input" type="text" name="orderNumber"
-              placeholder="z.B. 10045678" required>
-            <p class="wrb-hint">Zu finden in Ihrer Bestellbestätigung.</p>
+              placeholder="z.B. RE123456" required>
           </div>
           <div class="wrb-field">
             <label class="wrb-label">Widerrufsgrund</label>
@@ -582,9 +657,13 @@ function j(e, r = "", t = "") {
           </div>
           <input type="hidden" name="action" value="${l(e.action)}">
           ${o ? `<input type="hidden" name="successUrl" value="${o}">` : ""}
-          ${i ? `<input type="hidden" name="errorUrl" value="${i}">` : ""}`;
+          ${a ? `<input type="hidden" name="errorUrl" value="${a}">` : ""}
+          <div class="wrb-hp" aria-hidden="true">
+            <label>Website (leer lassen)</label>
+            <input type="text" name="wrbWebsite" tabindex="-1" autocomplete="off" value="">
+          </div>`;
 }
-function Y(e) {
+function Q(e) {
   const r = e.companyName ? `Widerruf – ${l(e.companyName)}` : "Widerrufsformular", t = l(e.formAction ?? e.apiUrl ?? "/rest/v1/apiCancellation");
   return `<!DOCTYPE html>
 <html lang="de">
@@ -604,7 +683,7 @@ function Y(e) {
     }
     .wrb-page .wrb-modal { max-height: none; }
     .wrb-page .wrb-modal-title { font-size: 20px; }
-    ${$}
+    ${W}
   </style>
 </head>
 <body>
@@ -615,27 +694,27 @@ function Y(e) {
       </div>
       <div class="wrb-modal-body">
         ${e.introText ? `<p class="wrb-intro">${l(e.introText)}</p>` : ""}
-        <form method="POST" action="${t}"${C(e)}>
-          ${j(e)}
+        <form method="POST" action="${t}"${F(e)}>
+          ${L(e)}
           <div class="wrb-actions">
             <button type="submit" class="wrb-submit-btn">
               ${l(e.submitLabel ?? "Absenden")}
             </button>
           </div>
         </form>
-        ${y(e)}
+        ${E(e)}
       </div>
     </div>
   </div>
 </body>
 </html>`;
 }
-function _(e, { inlineStyles: r = !0 } = {}) {
-  const t = e.companyName ? `Widerruf – ${l(e.companyName)}` : "Widerrufsformular", o = l(e.formAction ?? e.apiUrl ?? "/rest/v1/apiCancellation"), i = `
+function X(e, { inlineStyles: r = !0 } = {}) {
+  const t = e.companyName ? `Widerruf – ${l(e.companyName)}` : "Widerrufsformular", o = l(e.formAction ?? e.apiUrl ?? "/rest/v1/apiCancellation"), a = `
 #wrb-modal, #wrb-success, #wrb-error { display: none; }
 #wrb-modal:target, #wrb-success:target, #wrb-error:target { display: flex; }`;
-  return `${r ? `<style>${i}
-${$}</style>` : `<style>${i}</style>`}
+  return `${r ? `<style>${a}
+${W}</style>` : `<style>${a}</style>`}
 
 <!-- Widerruf: Form-Modal -->
 <div id="wrb-modal" class="wrb-overlay" role="dialog" aria-modal="true" aria-labelledby="wrb-modal-title">
@@ -646,8 +725,8 @@ ${$}</style>` : `<style>${i}</style>`}
     </div>
     <div class="wrb-modal-body">
       ${e.introText ? `<p class="wrb-intro">${l(e.introText)}</p>` : ""}
-      <form method="POST" action="${o}"${C(e)}>
-        ${j(e, "#wrb-success", "#wrb-error")}
+      <form method="POST" action="${o}"${F(e)}>
+        ${L(e, "#wrb-success", "#wrb-error")}
         <div class="wrb-actions">
           <a href="#" class="wrb-cancel-btn">${l(e.cancelLabel ?? "Abbrechen")}</a>
           <button type="submit" class="wrb-submit-btn">
@@ -655,7 +734,7 @@ ${$}</style>` : `<style>${i}</style>`}
           </button>
         </div>
       </form>
-      ${y(e)}
+      ${E(e)}
     </div>
   </div>
 </div>
@@ -676,7 +755,7 @@ ${$}</style>` : `<style>${i}</style>`}
           Bestätigung per E-Mail.
         </p>
       </div>
-      ${y(e)}
+      ${E(e)}
     </div>
   </div>
 </div>
@@ -697,14 +776,16 @@ ${$}</style>` : `<style>${i}</style>`}
         <a href="#" class="wrb-cancel-btn">Schließen</a>
         <a href="#wrb-modal" class="wrb-submit-btn">Erneut versuchen</a>
       </div>
-      ${y(e)}
+      ${E(e)}
     </div>
   </div>
 </div>`;
 }
 export {
-  P as WiderrufsModal,
-  K as WiderrufsWidget,
-  Y as generateFallbackHtml,
-  _ as generateModalHtml
+  D as WiderrufsModal,
+  J as WiderrufsWidget,
+  Q as generateFallbackHtml,
+  X as generateModalHtml,
+  K as upgradeAllStaticForms,
+  H as upgradeStaticForm
 };