@netlib/widerrufsbutton 2.1.1 → 2.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fallback.cjs.js +10 -15
- package/dist/fallback.es.js +13 -17
- package/dist/index.cjs.js +17 -22
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +83 -99
- package/dist/types.d.ts +4 -7
- package/dist/widerruf.html +0 -4
- package/dist/widerrufsbutton.iife.js +9 -9
- package/package.json +1 -1
package/dist/fallback.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=`
|
|
2
2
|
/* Widerrufsbutton widget — prefix: wrb- */
|
|
3
3
|
.wrb-btn {
|
|
4
4
|
display: inline-flex;
|
|
@@ -227,11 +227,10 @@
|
|
|
227
227
|
color: #374151;
|
|
228
228
|
text-decoration: underline;
|
|
229
229
|
}
|
|
230
|
-
`;function r(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function
|
|
230
|
+
`;function r(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function o(e){if(!e.privacyUrl)return"";const a=r(e.privacyLabel??"Datenschutz");return`
|
|
231
231
|
<div class="wrb-legal-links">
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
</div>`:""}function s(e,a="",t=""){const l=r(e.successUrl??a),i=r(e.errorUrl??t);return`
|
|
232
|
+
<a href="${r(e.privacyUrl)}" class="wrb-legal-link" rel="noopener noreferrer">${a}</a>
|
|
233
|
+
</div>`}function s(e,a="",t=""){const l=r(e.successUrl??a),i=r(e.errorUrl??t);return`
|
|
235
234
|
<div class="wrb-field">
|
|
236
235
|
<label class="wrb-label">
|
|
237
236
|
Vorname <span class="wrb-required" aria-hidden="true">*</span>
|
|
@@ -270,10 +269,6 @@
|
|
|
270
269
|
Freiwillige Angabe – ein Widerruf ist ohne Angabe von Gründen möglich.
|
|
271
270
|
</p>
|
|
272
271
|
</div>
|
|
273
|
-
<div class="wrb-field">
|
|
274
|
-
<label class="wrb-label">Nachricht</label>
|
|
275
|
-
<textarea class="wrb-textarea" name="userMessage" placeholder="Optional" rows="3"></textarea>
|
|
276
|
-
</div>
|
|
277
272
|
<input type="hidden" name="action" value="${r(e.action)}">
|
|
278
273
|
${l?`<input type="hidden" name="successUrl" value="${l}">`:""}
|
|
279
274
|
${i?`<input type="hidden" name="errorUrl" value="${i}">`:""}`}function d(e){const a=e.companyName?`Widerruf – ${r(e.companyName)}`:"Widerrufsformular",t=r(e.formAction??e.apiUrl??"/rest/v1/apiCancellation");return`<!DOCTYPE html>
|
|
@@ -294,7 +289,7 @@
|
|
|
294
289
|
}
|
|
295
290
|
.wrb-page .wrb-modal { max-height: none; }
|
|
296
291
|
.wrb-page .wrb-modal-title { font-size: 20px; }
|
|
297
|
-
${
|
|
292
|
+
${n}
|
|
298
293
|
</style>
|
|
299
294
|
</head>
|
|
300
295
|
<body>
|
|
@@ -313,7 +308,7 @@
|
|
|
313
308
|
</button>
|
|
314
309
|
</div>
|
|
315
310
|
</form>
|
|
316
|
-
${
|
|
311
|
+
${o(e)}
|
|
317
312
|
</div>
|
|
318
313
|
</div>
|
|
319
314
|
</div>
|
|
@@ -321,7 +316,7 @@
|
|
|
321
316
|
</html>`}function b(e,{inlineStyles:a=!0}={}){const t=e.companyName?`Widerruf – ${r(e.companyName)}`:"Widerrufsformular",l=r(e.formAction??e.apiUrl??"/rest/v1/apiCancellation"),i=`
|
|
322
317
|
#wrb-modal, #wrb-success, #wrb-error { display: none; }
|
|
323
318
|
#wrb-modal:target, #wrb-success:target, #wrb-error:target { display: flex; }`;return`${a?`<style>${i}
|
|
324
|
-
${
|
|
319
|
+
${n}</style>`:`<style>${i}</style>`}
|
|
325
320
|
|
|
326
321
|
<!-- Widerruf: Form-Modal -->
|
|
327
322
|
<div id="wrb-modal" class="wrb-overlay" role="dialog" aria-modal="true" aria-labelledby="wrb-modal-title">
|
|
@@ -341,7 +336,7 @@ ${o}</style>`:`<style>${i}</style>`}
|
|
|
341
336
|
</button>
|
|
342
337
|
</div>
|
|
343
338
|
</form>
|
|
344
|
-
${
|
|
339
|
+
${o(e)}
|
|
345
340
|
</div>
|
|
346
341
|
</div>
|
|
347
342
|
</div>
|
|
@@ -362,7 +357,7 @@ ${o}</style>`:`<style>${i}</style>`}
|
|
|
362
357
|
Bestätigung per E-Mail.
|
|
363
358
|
</p>
|
|
364
359
|
</div>
|
|
365
|
-
${
|
|
360
|
+
${o(e)}
|
|
366
361
|
</div>
|
|
367
362
|
</div>
|
|
368
363
|
</div>
|
|
@@ -383,7 +378,7 @@ ${o}</style>`:`<style>${i}</style>`}
|
|
|
383
378
|
<a href="#" class="wrb-cancel-btn">Schließen</a>
|
|
384
379
|
<a href="#wrb-modal" class="wrb-submit-btn">Erneut versuchen</a>
|
|
385
380
|
</div>
|
|
386
|
-
${
|
|
381
|
+
${o(e)}
|
|
387
382
|
</div>
|
|
388
383
|
</div>
|
|
389
384
|
</div>`}exports.generateFallbackHtml=d;exports.generateModalHtml=b;
|
package/dist/fallback.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const n = `
|
|
2
2
|
/* Widerrufsbutton widget — prefix: wrb- */
|
|
3
3
|
.wrb-btn {
|
|
4
4
|
display: inline-flex;
|
|
@@ -231,13 +231,13 @@ const o = `
|
|
|
231
231
|
function r(e) {
|
|
232
232
|
return e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
233
233
|
}
|
|
234
|
-
function
|
|
235
|
-
|
|
236
|
-
|
|
234
|
+
function o(e) {
|
|
235
|
+
if (!e.privacyUrl) return "";
|
|
236
|
+
const a = r(e.privacyLabel ?? "Datenschutz");
|
|
237
|
+
return `
|
|
237
238
|
<div class="wrb-legal-links">
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
</div>` : "";
|
|
239
|
+
<a href="${r(e.privacyUrl)}" class="wrb-legal-link" rel="noopener noreferrer">${a}</a>
|
|
240
|
+
</div>`;
|
|
241
241
|
}
|
|
242
242
|
function s(e, a = "", t = "") {
|
|
243
243
|
const l = r(e.successUrl ?? a), i = r(e.errorUrl ?? t);
|
|
@@ -280,10 +280,6 @@ function s(e, a = "", t = "") {
|
|
|
280
280
|
Freiwillige Angabe – ein Widerruf ist ohne Angabe von Gründen möglich.
|
|
281
281
|
</p>
|
|
282
282
|
</div>
|
|
283
|
-
<div class="wrb-field">
|
|
284
|
-
<label class="wrb-label">Nachricht</label>
|
|
285
|
-
<textarea class="wrb-textarea" name="userMessage" placeholder="Optional" rows="3"></textarea>
|
|
286
|
-
</div>
|
|
287
283
|
<input type="hidden" name="action" value="${r(e.action)}">
|
|
288
284
|
${l ? `<input type="hidden" name="successUrl" value="${l}">` : ""}
|
|
289
285
|
${i ? `<input type="hidden" name="errorUrl" value="${i}">` : ""}`;
|
|
@@ -308,7 +304,7 @@ function b(e) {
|
|
|
308
304
|
}
|
|
309
305
|
.wrb-page .wrb-modal { max-height: none; }
|
|
310
306
|
.wrb-page .wrb-modal-title { font-size: 20px; }
|
|
311
|
-
${
|
|
307
|
+
${n}
|
|
312
308
|
</style>
|
|
313
309
|
</head>
|
|
314
310
|
<body>
|
|
@@ -327,7 +323,7 @@ function b(e) {
|
|
|
327
323
|
</button>
|
|
328
324
|
</div>
|
|
329
325
|
</form>
|
|
330
|
-
${
|
|
326
|
+
${o(e)}
|
|
331
327
|
</div>
|
|
332
328
|
</div>
|
|
333
329
|
</div>
|
|
@@ -339,7 +335,7 @@ function c(e, { inlineStyles: a = !0 } = {}) {
|
|
|
339
335
|
#wrb-modal, #wrb-success, #wrb-error { display: none; }
|
|
340
336
|
#wrb-modal:target, #wrb-success:target, #wrb-error:target { display: flex; }`;
|
|
341
337
|
return `${a ? `<style>${i}
|
|
342
|
-
${
|
|
338
|
+
${n}</style>` : `<style>${i}</style>`}
|
|
343
339
|
|
|
344
340
|
<!-- Widerruf: Form-Modal -->
|
|
345
341
|
<div id="wrb-modal" class="wrb-overlay" role="dialog" aria-modal="true" aria-labelledby="wrb-modal-title">
|
|
@@ -359,7 +355,7 @@ ${o}</style>` : `<style>${i}</style>`}
|
|
|
359
355
|
</button>
|
|
360
356
|
</div>
|
|
361
357
|
</form>
|
|
362
|
-
${
|
|
358
|
+
${o(e)}
|
|
363
359
|
</div>
|
|
364
360
|
</div>
|
|
365
361
|
</div>
|
|
@@ -380,7 +376,7 @@ ${o}</style>` : `<style>${i}</style>`}
|
|
|
380
376
|
Bestätigung per E-Mail.
|
|
381
377
|
</p>
|
|
382
378
|
</div>
|
|
383
|
-
${
|
|
379
|
+
${o(e)}
|
|
384
380
|
</div>
|
|
385
381
|
</div>
|
|
386
382
|
</div>
|
|
@@ -401,7 +397,7 @@ ${o}</style>` : `<style>${i}</style>`}
|
|
|
401
397
|
<a href="#" class="wrb-cancel-btn">Schließen</a>
|
|
402
398
|
<a href="#wrb-modal" class="wrb-submit-btn">Erneut versuchen</a>
|
|
403
399
|
</div>
|
|
404
|
-
${
|
|
400
|
+
${o(e)}
|
|
405
401
|
</div>
|
|
406
402
|
</div>
|
|
407
403
|
</div>`;
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),M=require("react-dom");async function q(e,a){const t={"Content-Type":"application/json"};e.authToken&&(t.Authorization=`Bearer ${e.authToken}`);const o={action:e.action,payload:{...a,...e.companyName?{companyName:e.companyName}:{},...e.senderEmail?{senderEmail:e.senderEmail}:{}}},n=await fetch(e.apiUrl,{method:"PATCH",headers:t,body:JSON.stringify(o)});let d;try{d=await n.json()}catch{if(!n.ok)throw new Error(`Server antwortete mit Status ${n.status}`);return}if(d!==null&&typeof d=="object"&&"ok"in d&&d.ok===!1){const l=d.message;throw new Error(typeof l=="string"&&l?l:`Server antwortete mit Status ${n.status}`)}if(!n.ok)throw new Error(`Server antwortete mit Status ${n.status}`)}const F={firstName:"",lastName:"",email:"",orderNumber:"",reason:""};function N(e){const a={};return e.firstName.trim()||(a.firstName="Bitte geben Sie Ihren Vornamen an."),e.lastName.trim()||(a.lastName="Bitte geben Sie Ihren Nachnamen an."),e.email.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email)||(a.email="Bitte geben Sie eine gültige E-Mail-Adresse an."):a.email="Bitte geben Sie Ihre E-Mail-Adresse an.",e.orderNumber.trim()||(a.orderNumber="Bitte geben Sie die Bestellnummer oder Vertragsnummer an."),a}function B({config:e,onClose:a}){const[t,o]=c.useState(F),[n,d]=c.useState({}),[l,k]=c.useState({}),[w,y]=c.useState("idle"),[S,$]=c.useState(""),E=c.useRef(null);c.useEffect(()=>{var u;(u=E.current)==null||u.focus();const s=b=>b.key==="Escape"&&a();return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[a]);function m(s,u){const b={...t,[s]:u};if(o(b),l[s]){const x=N(b);d(f=>({...f,[s]:x[s]}))}}function h(s){k(b=>({...b,[s]:!0}));const u=N(t);d(b=>({...b,[s]:u[s]}))}async function C(s){var x,f;s.preventDefault();const u=Object.fromEntries(Object.keys(t).map(g=>[g,!0]));k(u);const b=N(t);if(d(b),!(Object.keys(b).length>0)){y("loading"),$("");try{await q(e,t),y("success"),(x=e.onSuccess)==null||x.call(e)}catch(g){const W=g instanceof Error?g:new Error("Ein unbekannter Fehler ist aufgetreten.");$(W.message),y("error"),(f=e.onError)==null||f.call(e,W)}}}const T=e.companyName?`Widerruf – ${e.companyName}`:"Widerrufsformular";return r.jsx("div",{className:"wrb-overlay",role:"dialog","aria-modal":"true","aria-labelledby":"wrb-title",onClick:s=>s.target===s.currentTarget&&a(),children:r.jsxs("div",{className:"wrb-modal",children:[r.jsxs("div",{className:"wrb-modal-header",children:[r.jsx("h2",{className:"wrb-modal-title",id:"wrb-title",children:T}),r.jsx("button",{className:"wrb-close-btn",onClick:a,"aria-label":"Schließen",type:"button",children:"✕"})]}),w==="success"?r.jsxs("div",{className:"wrb-modal-body",children:[r.jsxs("div",{className:"wrb-success",children:[r.jsx("span",{className:"wrb-success-icon",children:"✓"}),r.jsx("h3",{children:"Widerruf eingegangen"}),r.jsxs("p",{children:["Ihr Widerruf wurde erfolgreich übermittelt. Sie erhalten in Kürze eine Bestätigung an ",r.jsx("strong",{children:t.email}),"."]})]}),r.jsx(z,{config:e})]}):r.jsxs("div",{className:"wrb-modal-body",children:[e.introText&&r.jsx("p",{className:"wrb-intro",children:e.introText}),w==="error"&&S&&r.jsx("div",{className:"wrb-alert wrb-alert-error",role:"alert",children:S}),r.jsxs("form",{onSubmit:C,noValidate:!0,children:[r.jsx(p,{label:"Vorname",required:!0,error:l.firstName?n.firstName:void 0,children:r.jsx("input",{ref:E,className:`wrb-input${l.firstName&&n.firstName?" wrb-error":""}`,type:"text",autoComplete:"given-name",value:t.firstName,onChange:s=>m("firstName",s.target.value),onBlur:()=>h("firstName"),placeholder:"Max"})}),r.jsx(p,{label:"Nachname",required:!0,error:l.lastName?n.lastName:void 0,children:r.jsx("input",{className:`wrb-input${l.lastName&&n.lastName?" wrb-error":""}`,type:"text",autoComplete:"family-name",value:t.lastName,onChange:s=>m("lastName",s.target.value),onBlur:()=>h("lastName"),placeholder:"Mustermann"})}),r.jsx(p,{label:"E-Mail-Adresse",required:!0,hint:"Hierüber erhalten Sie die Eingangsbestätigung.",error:l.email?n.email:void 0,children:r.jsx("input",{className:`wrb-input${l.email&&n.email?" wrb-error":""}`,type:"email",autoComplete:"email",value:t.email,onChange:s=>m("email",s.target.value),onBlur:()=>h("email"),placeholder:"name@beispiel.de"})}),r.jsx(p,{label:"Bestell- / Auftrags- / Vertragsnummer",required:!0,hint:"Zu finden in Ihrer Bestellbestätigung.",error:l.orderNumber?n.orderNumber:void 0,children:r.jsx("input",{className:`wrb-input${l.orderNumber&&n.orderNumber?" wrb-error":""}`,type:"text",value:t.orderNumber,onChange:s=>m("orderNumber",s.target.value),onBlur:()=>h("orderNumber"),placeholder:"z.B. 10045678"})}),r.jsx(p,{label:"Widerrufsgrund",hint:"Freiwillige Angabe – ein Widerruf ist ohne Angabe von Gründen möglich.",children:r.jsx("textarea",{className:"wrb-textarea",value:t.reason,onChange:s=>m("reason",s.target.value),placeholder:"Optional",rows:2})}),r.jsxs("div",{className:"wrb-actions",children:[r.jsx("button",{type:"button",className:"wrb-cancel-btn",onClick:a,children:e.cancelLabel??"Abbrechen"}),r.jsx("button",{type:"submit",className:"wrb-submit-btn",disabled:w==="loading",children:w==="loading"?"Wird gesendet…":e.submitLabel??"Absenden"})]})]}),r.jsx(z,{config:e})]})]})})}function p({label:e,required:a,hint:t,error:o,children:n}){return r.jsxs("div",{className:"wrb-field",children:[r.jsxs("label",{className:"wrb-label",children:[e,a&&r.jsx("span",{className:"wrb-required","aria-hidden":"true",children:"*"})]}),n,t&&!o&&r.jsx("p",{className:"wrb-hint",children:t}),o&&r.jsx("p",{className:"wrb-field-error",role:"alert",children:o})]})}function z({config:e}){return e.privacyUrl?r.jsx("div",{className:"wrb-legal-links",children:r.jsx("a",{href:e.privacyUrl,className:"wrb-legal-link",target:"_blank",rel:"noopener noreferrer",children:e.privacyLabel??"Datenschutz"})}):null}const j=`
|
|
2
2
|
/* Widerrufsbutton widget — prefix: wrb- */
|
|
3
3
|
.wrb-btn {
|
|
4
4
|
display: inline-flex;
|
|
@@ -227,11 +227,10 @@
|
|
|
227
227
|
color: #374151;
|
|
228
228
|
text-decoration: underline;
|
|
229
229
|
}
|
|
230
|
-
`;function
|
|
230
|
+
`;function L(){const e="wrb-styles";if(document.getElementById(e))return;const a=document.createElement("style");a.id=e,a.textContent=j,document.head.appendChild(a)}function O({config:e}){const[a,t]=c.useState(!1);return c.useEffect(()=>{L()},[]),r.jsxs(r.Fragment,{children:[r.jsx("button",{type:"button",className:`wrb-btn${e.buttonClass?` ${e.buttonClass}`:""}`,onClick:()=>t(!0),children:e.buttonLabel??"Vertrag widerrufen"}),a&&M.createPortal(r.jsx(B,{config:e,onClose:()=>t(!1)}),document.body)]})}function i(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function v(e){if(!e.privacyUrl)return"";const a=i(e.privacyLabel??"Datenschutz");return`
|
|
231
231
|
<div class="wrb-legal-links">
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
</div>`:""}function B(e,a="",t=""){const o=n(e.successUrl??a),l=n(e.errorUrl??t);return`
|
|
232
|
+
<a href="${i(e.privacyUrl)}" class="wrb-legal-link" rel="noopener noreferrer">${a}</a>
|
|
233
|
+
</div>`}function A(e,a="",t=""){const o=i(e.successUrl??a),n=i(e.errorUrl??t);return`
|
|
235
234
|
<div class="wrb-field">
|
|
236
235
|
<label class="wrb-label">
|
|
237
236
|
Vorname <span class="wrb-required" aria-hidden="true">*</span>
|
|
@@ -270,13 +269,9 @@
|
|
|
270
269
|
Freiwillige Angabe – ein Widerruf ist ohne Angabe von Gründen möglich.
|
|
271
270
|
</p>
|
|
272
271
|
</div>
|
|
273
|
-
<
|
|
274
|
-
<label class="wrb-label">Nachricht</label>
|
|
275
|
-
<textarea class="wrb-textarea" name="userMessage" placeholder="Optional" rows="3"></textarea>
|
|
276
|
-
</div>
|
|
277
|
-
<input type="hidden" name="action" value="${n(e.action)}">
|
|
272
|
+
<input type="hidden" name="action" value="${i(e.action)}">
|
|
278
273
|
${o?`<input type="hidden" name="successUrl" value="${o}">`:""}
|
|
279
|
-
${
|
|
274
|
+
${n?`<input type="hidden" name="errorUrl" value="${n}">`:""}`}function U(e){const a=e.companyName?`Widerruf – ${i(e.companyName)}`:"Widerrufsformular",t=i(e.formAction??e.apiUrl??"/rest/v1/apiCancellation");return`<!DOCTYPE html>
|
|
280
275
|
<html lang="de">
|
|
281
276
|
<head>
|
|
282
277
|
<meta charset="UTF-8">
|
|
@@ -304,12 +299,12 @@
|
|
|
304
299
|
<h1 class="wrb-modal-title">${a}</h1>
|
|
305
300
|
</div>
|
|
306
301
|
<div class="wrb-modal-body">
|
|
307
|
-
${e.introText?`<p class="wrb-intro">${
|
|
302
|
+
${e.introText?`<p class="wrb-intro">${i(e.introText)}</p>`:""}
|
|
308
303
|
<form method="POST" action="${t}" novalidate>
|
|
309
|
-
${
|
|
304
|
+
${A(e)}
|
|
310
305
|
<div class="wrb-actions">
|
|
311
306
|
<button type="submit" class="wrb-submit-btn">
|
|
312
|
-
${
|
|
307
|
+
${i(e.submitLabel??"Absenden")}
|
|
313
308
|
</button>
|
|
314
309
|
</div>
|
|
315
310
|
</form>
|
|
@@ -318,10 +313,10 @@
|
|
|
318
313
|
</div>
|
|
319
314
|
</div>
|
|
320
315
|
</body>
|
|
321
|
-
</html>`}function
|
|
316
|
+
</html>`}function I(e,{inlineStyles:a=!0}={}){const t=e.companyName?`Widerruf – ${i(e.companyName)}`:"Widerrufsformular",o=i(e.formAction??e.apiUrl??"/rest/v1/apiCancellation"),n=`
|
|
322
317
|
#wrb-modal, #wrb-success, #wrb-error { display: none; }
|
|
323
|
-
#wrb-modal:target, #wrb-success:target, #wrb-error:target { display: flex; }`;return`${a?`<style>${
|
|
324
|
-
${j}</style>`:`<style>${
|
|
318
|
+
#wrb-modal:target, #wrb-success:target, #wrb-error:target { display: flex; }`;return`${a?`<style>${n}
|
|
319
|
+
${j}</style>`:`<style>${n}</style>`}
|
|
325
320
|
|
|
326
321
|
<!-- Widerruf: Form-Modal -->
|
|
327
322
|
<div id="wrb-modal" class="wrb-overlay" role="dialog" aria-modal="true" aria-labelledby="wrb-modal-title">
|
|
@@ -331,13 +326,13 @@ ${j}</style>`:`<style>${l}</style>`}
|
|
|
331
326
|
<a href="#" class="wrb-close-btn" aria-label="Schließen">✕</a>
|
|
332
327
|
</div>
|
|
333
328
|
<div class="wrb-modal-body">
|
|
334
|
-
${e.introText?`<p class="wrb-intro">${
|
|
329
|
+
${e.introText?`<p class="wrb-intro">${i(e.introText)}</p>`:""}
|
|
335
330
|
<form method="POST" action="${o}" novalidate>
|
|
336
|
-
${
|
|
331
|
+
${A(e,"#wrb-success","#wrb-error")}
|
|
337
332
|
<div class="wrb-actions">
|
|
338
|
-
<a href="#" class="wrb-cancel-btn">${
|
|
333
|
+
<a href="#" class="wrb-cancel-btn">${i(e.cancelLabel??"Abbrechen")}</a>
|
|
339
334
|
<button type="submit" class="wrb-submit-btn">
|
|
340
|
-
${
|
|
335
|
+
${i(e.submitLabel??"Absenden")}
|
|
341
336
|
</button>
|
|
342
337
|
</div>
|
|
343
338
|
</form>
|
|
@@ -386,4 +381,4 @@ ${j}</style>`:`<style>${l}</style>`}
|
|
|
386
381
|
${v(e)}
|
|
387
382
|
</div>
|
|
388
383
|
</div>
|
|
389
|
-
</div>`}exports.WiderrufsModal=
|
|
384
|
+
</div>`}exports.WiderrufsModal=B;exports.WiderrufsWidget=O;exports.generateFallbackHtml=U;exports.generateModalHtml=I;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { WiderrufsWidget } from './components/WiderrufsWidget';
|
|
2
2
|
export { WiderrufsModal } from './components/WiderrufsModal';
|
|
3
3
|
export { generateFallbackHtml, generateModalHtml } from './fallback';
|
|
4
|
-
export type { WiderrufsConfig, WiderrufsFormData, SubmitStatus
|
|
4
|
+
export type { WiderrufsConfig, WiderrufsFormData, SubmitStatus } from './types';
|