@paroicms/contact-form-plugin 0.30.0 → 0.32.0

package/backend/dist/configuration.js

@@ -0,0 +1,19 @@
+import { type } from "arktype";
+const ConfigurationAT = type({
+    "googleRecaptchaSiteKey?": "string|undefined|null",
+    "googleRecaptchaSecretKey?": "string|undefined|null",
+    "+": "reject",
+}).pipe((data) => ({
+    googleRecaptchaSiteKey: data.googleRecaptchaSiteKey ?? undefined,
+    googleRecaptchaSecretKey: data.googleRecaptchaSecretKey ?? undefined,
+}));
+export function getConfiguration(service) {
+    const configuration = ConfigurationAT.assert(service.configuration);
+    if (!!configuration.googleRecaptchaSecretKey !== !!configuration.googleRecaptchaSiteKey) {
+        throw new Error("[Contact Form] Invalid Google reCAPTCHA configuration");
+    }
+    if (!configuration.googleRecaptchaSiteKey) {
+        service.logger.warn("[Contact Form] Google reCAPTCHA keys are not set. The contact form will not be protected.");
+    }
+    return configuration;
+}

package/backend/dist/contact-form-mail.js

@@ -1,6 +1,7 @@
 import { ensureString, messageOf } from "@paroicms/public-anywhere-lib";
 import { escapeHtml, } from "@paroicms/public-server-lib";
-export async function sendContactFormMail(service, input, i18n) {
+import { validateRecaptchaResponse } from "./validate-recaptcha-response.js";
+export async function sendContactFormMail(service, configuration, input, i18n) {
     const { email, name, message, subject, gRecaptchaResponse } = input;
     let contactEmail;
     try {
@@ -10,7 +11,11 @@ export async function sendContactFormMail(service, input, i18n) {
         }));
         if (!contactEmail)
             throw new Error(`['${service.fqdn}'] missing 'contactEmail'`);
-        if (!(await service.validateRecaptchaResponse(gRecaptchaResponse))) {
+        if (configuration.googleRecaptchaSecretKey &&
+            !(await validateRecaptchaResponse(service, {
+                gRecaptchaResponse,
+                secretKey: configuration.googleRecaptchaSecretKey,
+            }))) {
             throw new Error("invalid recaptcha response");
         }
         const defaultSubject = i18n.translate({

package/backend/dist/{plugin.js → index.js}

@@ -1,17 +1,16 @@
-import { escapeHtml, loadSimpleTranslatorFromDirectory, makeStylesheetLinkAsyncTag, resolveModuleDirectory, } from "@paroicms/public-server-lib";
-import { type } from "arktype";
-import { readFileSync } from "node:fs";
+import { escapeHtml, loadSimpleTranslatorFromDirectory, makeStylesheetLinkAsyncTag, } from "@paroicms/public-server-lib";
+import { esmDirName, extractPackageNameAndVersionSync } from "@paroicms/script-lib";
 import { dirname, join } from "node:path";
+import { getConfiguration } from "./configuration.js";
 import { sendContactFormMail } from "./contact-form-mail.js";
 import { SendMailInputBody } from "./data-format.js";
-const SLUG = "contact-form";
-const projectDir = resolveModuleDirectory(import.meta.url, { parent: true });
+export const projectDir = dirname(esmDirName(import.meta.url));
 const packageDir = dirname(projectDir);
-const version = type({ version: "string", "+": "ignore" }).assert(JSON.parse(readFileSync(join(packageDir, "package.json"), "utf-8"))).version;
+const { version } = extractPackageNameAndVersionSync(packageDir);
 const plugin = {
     version,
-    slug: SLUG,
     async siteInit(service) {
+        const configuration = getConfiguration(service);
         const simpleI18n = await loadSimpleTranslatorFromDirectory({
             l10nDir: join(projectDir, "locales"),
             logger: service.logger,
@@ -21,7 +20,7 @@ const plugin = {
             if (!state.has("paContactForm"))
                 return;
             return [
-                `<script type="module" src="${service.pluginAssetsUrl}/contact-form-plugin.mjs" class="js-script-${SLUG}" data-google-recaptcha-site-key="${escapeHtml(service.configuration.googleRecaptchaSiteKey)}" async></script>`,
+                `<script type="module" src="${service.pluginAssetsUrl}/contact-form-plugin.mjs" class="js-script-contact-form" data-google-recaptcha-site-key="${escapeHtml(configuration.googleRecaptchaSiteKey ?? "")}" async></script>`,
                 makeStylesheetLinkAsyncTag(`${service.pluginAssetsUrl}/contact-form-plugin.css`),
             ];
         });
@@ -43,7 +42,7 @@ const plugin = {
                 res.status(400).send({ status: 400, message: error.message });
                 return;
             }
-            const result = await sendContactFormMail(service, input, simpleI18n);
+            const result = await sendContactFormMail(service, configuration, input, simpleI18n);
             res.send(result);
         });
     },

package/backend/dist/validate-recaptcha-response.js

@@ -0,0 +1,20 @@
+import { ApiError } from "@paroicms/public-server-lib";
+export async function validateRecaptchaResponse(service, { gRecaptchaResponse, secretKey, }) {
+    if (!gRecaptchaResponse)
+        throw new ApiError("Missing gRecaptchaResponse", 400);
+    if (!secretKey) {
+        throw new Error("Invalid configuration, missing 'recaptchaPrivateKey'");
+    }
+    const url = `https://www.google.com/recaptcha/api/siteverify?secret=${secretKey}&response=${gRecaptchaResponse}`;
+    const response = await fetch(url, {
+        method: "post",
+    });
+    if (response.status < 200 || response.status >= 300) {
+        throw new Error("Failed to call the Google Recaptcha API");
+    }
+    const result = (await response.json());
+    if (result.hostname !== service.fqdn) {
+        throw new ApiError("Unauthorized", 401);
+    }
+    return result.success;
+}

package/frontend/dist/contact-form-plugin.mjs

@@ -1 +1 @@
-import{template as v,insert as c,setAttribute as p,createComponent as I,effect as b,render as ae}from"https://esm.sh/solid-js@1.9.7/web";import{createMemo as oe,createSignal as i,Show as U,onMount as re,onCleanup as ce}from"https://esm.sh/solid-js@1.9.7";const le={en:{en:"English",fr:"French",es:"Spanish",de:"German",it:"Italian",pt:"Portuguese"},fr:{en:"Anglais",fr:"Français",es:"Espagnol",de:"Allemand",it:"Italien",pt:"Portugais"},es:{en:"Inglés",fr:"Francés",es:"Español",de:"Alemán",it:"Italiano",pt:"Portugués"},de:{en:"Englisch",fr:"Französisch",es:"Spanisch",de:"Deutsch",it:"Italienisch",pt:"Portugiesisch"},it:{en:"Inglese",fr:"Francese",es:"Spagnolo",de:"Tedesco",it:"Italiano",pt:"Portoghese"},pt:{en:"Inglês",fr:"Francês",es:"Espanhol",de:"Alemão",it:"Italiano",pt:"Português"}},z=Object.keys(le);function ie(e,{pluginLanguages:s,siteLanguages:n=[]}){if(s.includes(e)||z.includes(e)&&s.includes(e))return e;const a=n.find((o=>z.includes(o)&&s.includes(o)));return a||(s.includes("en")?"en":s[0]??"en")}const G=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function V(e,s,n){for(const[a,o]of Object.entries(s)){const d=`${n}.${a}`;e[d]=o,G(o)&&V(e,o,d)}}function de(e){const s={...e};for(const[n,a]of Object.entries(e))G(a)&&V(s,a,n);return s}const me=(e,s)=>{if(s)for(const[n,a]of Object.entries(s))e=e.replace(new RegExp(`{{\\s*${n}\\s*}}`,"g"),a);return e},ue=e=>e;function he(e,s=ue){return(n,...a)=>{n[0]==="."&&(n=n.slice(1));const o=e()?.[n];switch(typeof o){case"function":return o(...a);case"string":return s(o,a[0]);default:return o}}}const ge="Name",pe="E-Mail",fe="Betreff",$e="Nachricht",Pe="Senden",be="johndoe@gmail.com",ve="John Doe",Ee="Der Betreff Ihrer Nachricht",je="Geben Sie hier Ihre Nachricht ein…",Me="Unerwarteter Fehler, die Nachricht konnte nicht gesendet werden.",Se="Zur Startseite zurückkehren",we="Ihre Nachricht wurde gesendet. Falls es eine Antwort gibt, wird sie an diese Adresse gesendet:",ye={name:ge,email:pe,subject:fe,message:$e,send:Pe,emailPlaceholder:be,namePlaceholder:ve,subjectPlaceholder:Ee,messagePlaceholder:je,unexpectedErrorMessage:Me,returnHome:Se,successMessage:we},Fe="Name",xe="Email",Ie="Subject",_e="Message",Ce="Send",Re="johndoe@gmail.com",He="John Doe",ke="The subject of your message",Ae="Enter your message here…",Ne="Unexpected error, the message could not be sent.",De="Return Home",Oe="Your message has been sent. If there is a response, it will be sent to the address:",Le={name:Fe,email:xe,subject:Ie,message:_e,send:Ce,emailPlaceholder:Re,namePlaceholder:He,subjectPlaceholder:ke,messagePlaceholder:Ae,unexpectedErrorMessage:Ne,returnHome:De,successMessage:Oe},Te="Nombre",Je="Email",Ue="Asunto",ze="Mensaje",Be="Enviar",qe="johndoe@gmail.com",Ge="John Doe",Ve="El asunto de su mensaje",Ye="Ingrese su mensaje aquí…",Ze="Error inesperado, no se pudo enviar el mensaje.",Qe="Volver al Inicio",We="Su mensaje ha sido enviado. Si hay una respuesta, será enviada a la dirección:",Xe={name:Te,email:Je,subject:Ue,message:ze,send:Be,emailPlaceholder:qe,namePlaceholder:Ge,subjectPlaceholder:Ve,messagePlaceholder:Ye,unexpectedErrorMessage:Ze,returnHome:Qe,successMessage:We},Ke="Nom",es="Courriel",ss="Sujet",ts="Message",ns="Envoyer",as="johndoe@gmail.com",os="John Doe",rs="Le sujet de votre message",cs="Saisissez votre message…",ls="Erreur inattendue, le message n'a pas pu être envoyé.",is="Retourner à l'accueil",ds="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",ms={name:Ke,email:es,subject:ss,message:ts,send:ns,emailPlaceholder:as,namePlaceholder:os,subjectPlaceholder:rs,messagePlaceholder:cs,unexpectedErrorMessage:ls,returnHome:is,successMessage:ds},us="Nome",hs="Email",gs="Oggetto",ps="Messaggio",fs="Invia",$s="johndoe@gmail.com",Ps="John Doe",bs="L'oggetto del tuo messaggio",vs="Inserisci qui il tuo messaggio…",Es="Errore imprevisto, il messaggio non è stato inviato.",js="Torna alla Home",Ms="Il tuo messaggio è stato inviato. Se c'è una risposta, sarà inviata all'indirizzo:",Ss={name:us,email:hs,subject:gs,message:ps,send:fs,emailPlaceholder:$s,namePlaceholder:Ps,subjectPlaceholder:bs,messagePlaceholder:vs,unexpectedErrorMessage:Es,returnHome:js,successMessage:Ms},ws="Nome",ys="Email",Fs="Assunto",xs="Mensagem",Is="Enviar",_s="johndoe@gmail.com",Cs="John Doe",Rs="O assunto da sua mensagem",Hs="Digite sua mensagem aqui…",ks="Erro inesperado, a mensagem não pôde ser enviada.",As="Voltar ao Início",Ns="Sua mensagem foi enviada. Se houver uma resposta, ela será enviada para o endereço:",Ds={name:ws,email:ys,subject:Fs,message:xs,send:Is,emailPlaceholder:_s,namePlaceholder:Cs,subjectPlaceholder:Rs,messagePlaceholder:Hs,unexpectedErrorMessage:ks,returnHome:As,successMessage:Ns},B={en:Le,fr:ms,es:Xe,de:ye,it:Ss,pt:Ds};function Os(e,s){const n=oe((()=>{const o=Object.keys(B),E=ie(e,{pluginLanguages:o,siteLanguages:s});return de(B[E])}));return{t:he(n,me)}}async function Ls(e,s,n){n(!0);try{const a=await Ts(e);return s.reset(),a}finally{n(!1)}}async function Ts(e){const s=await fetch("/api/plugin/contact-form",{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(s.status!==200){const a=await s.text();throw new Error(`Unexpected error: ${a}`)}return await s.json()}var Js=v("<div class=PaForm-error>"),Us=v('<div class=PaForm-ended><div class=PaForm-message><p> <i></i></p></div><div class=PaForm-action><a class="PaForm-button PaButton">'),zs=v('<form class=PaForm><div class=PaForm-fields><label class=PaField><span class=PaField-label></span><input class=PaField-input type=text name=name required></label><label class=PaField><span class=PaField-label></span><input class=PaField-input type=email name=email required></label><label class=PaField><span class=PaField-label></span><textarea class=PaField-input rows=5 name=message required></textarea></label></div><div class=PaForm-action><button class="PaForm-button PaButton"type=submit>'),Bs=v("<div class=PaForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function qs({googleRecaptchaSiteKey:e,language:s,homeUrl:n}){const[a,o]=i(""),[d,E]=i(""),[C,Y]=i(""),[Z,Q]=i(),[R,H]=i(!e),[k,j]=i(),[W,A]=i(""),[X,K]=i(!1),{t:r}=Os(s),ee=async l=>{try{if(l.preventDefault(),!R()||!f)throw new Error("Recaptcha error");const m=await Ls({language:s,name:a(),message:C(),email:d(),gRecaptchaResponse:Z()},f,K);m.success?j(!0):(j(!1),A(m.message??r("unexpectedErrorMessage")))}catch{j(!1),A(r("unexpectedErrorMessage"))}},f=(()=>{var l=zs(),m=l.firstChild,N=m.firstChild,D=N.firstChild,M=D.nextSibling,O=N.nextSibling,L=O.firstChild,S=L.nextSibling,ne=O.nextSibling,T=ne.firstChild,w=T.nextSibling,y=m.nextSibling,F=y.firstChild;return l.addEventListener("submit",ee),c(D,(()=>r("name"))),M.addEventListener("change",(t=>o(t.currentTarget.value))),c(L,(()=>r("email"))),S.addEventListener("change",(t=>{E(t.currentTarget.value)})),c(T,(()=>r("message"))),w.addEventListener("change",(t=>Y(t.currentTarget.value))),c(l,e&&(()=>{var t=Bs(),u=t.firstChild;return p(u,"data-sitekey",e),t})(),y),c(l,I(U,{get when(){return k()===!1},get children(){var t=Js();return c(t,W),t}}),y),c(F,(()=>r("send"))),c(l,I(U,{get when(){return k()===!0},get children(){var t=Us(),u=t.firstChild,h=u.firstChild,g=h.firstChild,$=g.nextSibling,P=u.nextSibling,J=P.firstChild;return c(h,(()=>r("successMessage")),g),c($,d),p(J,"href",n),c(J,(()=>r("returnHome"))),t}}),null),b((t=>{var u=r("namePlaceholder"),h=r("emailPlaceholder"),g=r("messagePlaceholder"),$=!!X(),P=!R();return u!==t.e&&p(M,"placeholder",t.e=u),h!==t.t&&p(S,"placeholder",t.t=h),g!==t.a&&p(w,"placeholder",t.a=g),$!==t.o&&F.classList.toggle("inProgress",t.o=$),P!==t.i&&(F.disabled=t.i=P),t}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),b((()=>M.value=a())),b((()=>S.value=d())),b((()=>w.value=C())),l})();return re((()=>{e&&(window.onRecaptchaSubmitted=se,window.onRecaptchaExpired=te)})),ce((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),f;function se(l){if(!l)return;H(!0);const m=f?.elements.namedItem("g-recaptcha-response");Q(m.value)}function te(){H(!1)}}let _;const[x]=document.getElementsByClassName("js-script-contact-form");x&&x instanceof HTMLScriptElement&&(_=x.dataset.googleRecaptchaSiteKey);if(!_)throw new Error('Missing "data-google-recaptcha-site-key" or the script element "js-script-contact-form"');function Gs(e,{language:s}){if(!s)throw new Error("Missing language");e.dataset.recaptchaKey&&console.warn('Remove "data-recaptcha-key" attribute, it is not needed anymore.');const n=e.dataset.homeUrl;if(!n)throw new Error('Missing "data-home-url"');const a=document.createElement("script");a.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(a),ae((()=>I(qs,{googleRecaptchaSiteKey:_,language:s,homeUrl:n})),e)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",q):q();function q(){const e=document.documentElement.lang,s=document.querySelector("[data-effect='paContactForm']");s&&Gs(s,{language:e})}
+import{template as E,insert as c,setAttribute as p,createComponent as I,effect as b,render as ae}from"https://esm.sh/solid-js@1.9.7/web";import{createMemo as oe,createSignal as i,Show as U,onMount as re,onCleanup as ce}from"https://esm.sh/solid-js@1.9.7";const le={en:{en:"English",fr:"French",es:"Spanish",de:"German",it:"Italian",pt:"Portuguese"},fr:{en:"Anglais",fr:"Français",es:"Espagnol",de:"Allemand",it:"Italien",pt:"Portugais"},es:{en:"Inglés",fr:"Francés",es:"Español",de:"Alemán",it:"Italiano",pt:"Portugués"},de:{en:"Englisch",fr:"Französisch",es:"Spanisch",de:"Deutsch",it:"Italienisch",pt:"Portugiesisch"},it:{en:"Inglese",fr:"Francese",es:"Spagnolo",de:"Tedesco",it:"Italiano",pt:"Portoghese"},pt:{en:"Inglês",fr:"Francês",es:"Espanhol",de:"Alemão",it:"Italiano",pt:"Português"}},J=Object.keys(le);function ie(e,{pluginLanguages:s,siteLanguages:n=[]}){if(s.includes(e)||J.includes(e)&&s.includes(e))return e;const a=n.find((o=>J.includes(o)&&s.includes(o)));return a||(s.includes("en")?"en":s[0]??"en")}const q=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function G(e,s,n){for(const[a,o]of Object.entries(s)){const d=`${n}.${a}`;e[d]=o,q(o)&&G(e,o,d)}}function de(e){const s={...e};for(const[n,a]of Object.entries(e))q(a)&&G(s,a,n);return s}const me=(e,s)=>{if(s)for(const[n,a]of Object.entries(s))e=e.replace(new RegExp(`{{\\s*${n}\\s*}}`,"g"),a);return e},ue=e=>e;function he(e,s=ue){return(n,...a)=>{n[0]==="."&&(n=n.slice(1));const o=e()?.[n];switch(typeof o){case"function":return o(...a);case"string":return s(o,a[0]);default:return o}}}const ge="Name",pe="E-Mail",fe="Betreff",$e="Nachricht",Pe="Senden",be="johndoe@gmail.com",ve="John Doe",Ee="Der Betreff Ihrer Nachricht",je="Geben Sie hier Ihre Nachricht ein…",Me="Unerwarteter Fehler, die Nachricht konnte nicht gesendet werden.",Se="Zur Startseite zurückkehren",we="Ihre Nachricht wurde gesendet. Falls es eine Antwort gibt, wird sie an diese Adresse gesendet:",ye={name:ge,email:pe,subject:fe,message:$e,send:Pe,emailPlaceholder:be,namePlaceholder:ve,subjectPlaceholder:Ee,messagePlaceholder:je,unexpectedErrorMessage:Me,returnHome:Se,successMessage:we},Fe="Name",xe="Email",Ie="Subject",_e="Message",Ce="Send",Re="johndoe@gmail.com",He="John Doe",Ae="The subject of your message",ke="Enter your message here…",Ne="Unexpected error, the message could not be sent.",De="Return Home",Oe="Your message has been sent. If there is a response, it will be sent to the address:",Le={name:Fe,email:xe,subject:Ie,message:_e,send:Ce,emailPlaceholder:Re,namePlaceholder:He,subjectPlaceholder:Ae,messagePlaceholder:ke,unexpectedErrorMessage:Ne,returnHome:De,successMessage:Oe},Te="Nombre",Ue="Email",Je="Asunto",ze="Mensaje",Be="Enviar",qe="johndoe@gmail.com",Ge="John Doe",Ve="El asunto de su mensaje",Ye="Ingrese su mensaje aquí…",Ze="Error inesperado, no se pudo enviar el mensaje.",Ke="Volver al Inicio",Qe="Su mensaje ha sido enviado. Si hay una respuesta, será enviada a la dirección:",We={name:Te,email:Ue,subject:Je,message:ze,send:Be,emailPlaceholder:qe,namePlaceholder:Ge,subjectPlaceholder:Ve,messagePlaceholder:Ye,unexpectedErrorMessage:Ze,returnHome:Ke,successMessage:Qe},Xe="Nom",es="Courriel",ss="Sujet",ts="Message",ns="Envoyer",as="johndoe@gmail.com",os="John Doe",rs="Le sujet de votre message",cs="Saisissez votre message…",ls="Erreur inattendue, le message n'a pas pu être envoyé.",is="Retourner à l'accueil",ds="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",ms={name:Xe,email:es,subject:ss,message:ts,send:ns,emailPlaceholder:as,namePlaceholder:os,subjectPlaceholder:rs,messagePlaceholder:cs,unexpectedErrorMessage:ls,returnHome:is,successMessage:ds},us="Nome",hs="Email",gs="Oggetto",ps="Messaggio",fs="Invia",$s="johndoe@gmail.com",Ps="John Doe",bs="L'oggetto del tuo messaggio",vs="Inserisci qui il tuo messaggio…",Es="Errore imprevisto, il messaggio non è stato inviato.",js="Torna alla Home",Ms="Il tuo messaggio è stato inviato. Se c'è una risposta, sarà inviata all'indirizzo:",Ss={name:us,email:hs,subject:gs,message:ps,send:fs,emailPlaceholder:$s,namePlaceholder:Ps,subjectPlaceholder:bs,messagePlaceholder:vs,unexpectedErrorMessage:Es,returnHome:js,successMessage:Ms},ws="Nome",ys="Email",Fs="Assunto",xs="Mensagem",Is="Enviar",_s="johndoe@gmail.com",Cs="John Doe",Rs="O assunto da sua mensagem",Hs="Digite sua mensagem aqui…",As="Erro inesperado, a mensagem não pôde ser enviada.",ks="Voltar ao Início",Ns="Sua mensagem foi enviada. Se houver uma resposta, ela será enviada para o endereço:",Ds={name:ws,email:ys,subject:Fs,message:xs,send:Is,emailPlaceholder:_s,namePlaceholder:Cs,subjectPlaceholder:Rs,messagePlaceholder:Hs,unexpectedErrorMessage:As,returnHome:ks,successMessage:Ns},z={en:Le,fr:ms,es:We,de:ye,it:Ss,pt:Ds};function Os(e,s){const n=oe((()=>{const o=Object.keys(z),j=ie(e,{pluginLanguages:o,siteLanguages:s});return de(z[j])}));return{t:he(n,me)}}const Ls="/api/plugin/contact-form-plugin",Ts=Ls;async function Us(e,s,n){n(!0);try{const a=await Js(e);return s.reset(),a}finally{n(!1)}}async function Js(e){const s=await fetch(Ts,{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(s.status!==200){const a=await s.text();throw new Error(`Unexpected error: ${a}`)}return await s.json()}var zs=E("<div class=PaForm-error>"),Bs=E('<div class=PaForm-ended><div class=PaForm-message><p> <i></i></p></div><div class=PaForm-action><a class="PaForm-button PaButton">'),qs=E('<form class=PaForm><div class=PaForm-fields><label class=PaField><span class=PaField-label></span><input class=PaField-input type=text name=name required></label><label class=PaField><span class=PaField-label></span><input class=PaField-input type=email name=email required></label><label class=PaField><span class=PaField-label></span><textarea class=PaField-input rows=5 name=message required></textarea></label></div><div class=PaForm-action><button class="PaForm-button PaButton"type=submit>'),Gs=E("<div class=PaForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function Vs({googleRecaptchaSiteKey:e,language:s,homeUrl:n}){const[a,o]=i(""),[d,j]=i(""),[_,Y]=i(""),[Z,K]=i(),[C,R]=i(!e),[H,M]=i(),[Q,A]=i(""),[W,X]=i(!1),{t:r}=Os(s),ee=async l=>{try{if(l.preventDefault(),!C()||!f)throw new Error("Recaptcha error");const m=await Us({language:s,name:a(),message:_(),email:d(),gRecaptchaResponse:Z()},f,X);m.success?M(!0):(M(!1),A(m.message??r("unexpectedErrorMessage")))}catch{M(!1),A(r("unexpectedErrorMessage"))}},f=(()=>{var l=qs(),m=l.firstChild,k=m.firstChild,N=k.firstChild,S=N.nextSibling,D=k.nextSibling,O=D.firstChild,w=O.nextSibling,ne=D.nextSibling,L=ne.firstChild,y=L.nextSibling,F=m.nextSibling,x=F.firstChild;return l.addEventListener("submit",ee),c(N,(()=>r("name"))),S.addEventListener("change",(t=>o(t.currentTarget.value))),c(O,(()=>r("email"))),w.addEventListener("change",(t=>{j(t.currentTarget.value)})),c(L,(()=>r("message"))),y.addEventListener("change",(t=>Y(t.currentTarget.value))),c(l,e&&(()=>{var t=Gs(),u=t.firstChild;return p(u,"data-sitekey",e),t})(),F),c(l,I(U,{get when(){return H()===!1},get children(){var t=zs();return c(t,Q),t}}),F),c(x,(()=>r("send"))),c(l,I(U,{get when(){return H()===!0},get children(){var t=Bs(),u=t.firstChild,h=u.firstChild,g=h.firstChild,$=g.nextSibling,P=u.nextSibling,T=P.firstChild;return c(h,(()=>r("successMessage")),g),c($,d),p(T,"href",n),c(T,(()=>r("returnHome"))),t}}),null),b((t=>{var u=r("namePlaceholder"),h=r("emailPlaceholder"),g=r("messagePlaceholder"),$=!!W(),P=!C();return u!==t.e&&p(S,"placeholder",t.e=u),h!==t.t&&p(w,"placeholder",t.t=h),g!==t.a&&p(y,"placeholder",t.a=g),$!==t.o&&x.classList.toggle("inProgress",t.o=$),P!==t.i&&(x.disabled=t.i=P),t}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),b((()=>S.value=a())),b((()=>w.value=d())),b((()=>y.value=_())),l})();return re((()=>{e&&(window.onRecaptchaSubmitted=se,window.onRecaptchaExpired=te)})),ce((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),f;function se(l){if(!l)return;R(!0);const m=f?.elements.namedItem("g-recaptcha-response");K(m.value)}function te(){R(!1)}}let V;const[v]=document.getElementsByClassName("js-script-contact-form");if(v&&v instanceof HTMLScriptElement){if(!v.dataset.googleRecaptchaSiteKey)throw new Error('missing "data-google-recaptcha-site-key" in ".js-script-contact-form" element');V=v.dataset.googleRecaptchaSiteKey}function Ys(e,{language:s}){if(!s)throw new Error("Missing language");e.dataset.recaptchaKey&&console.warn('Remove "data-recaptcha-key" attribute, it is not needed anymore.');const n=e.dataset.homeUrl;if(!n)throw new Error('Missing "data-home-url"');const a=document.createElement("script");a.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(a),ae((()=>I(Vs,{googleRecaptchaSiteKey:V,language:s,homeUrl:n})),e)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",B):B();function B(){const e=document.documentElement.lang,s=document.querySelector("[data-effect='paContactForm']");s&&Ys(s,{language:e})}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/contact-form-plugin",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "description": "Contact form plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -16,17 +16,17 @@
   "author": "Paroi Team",
   "license": "MIT",
   "type": "module",
-  "main": "backend/dist/plugin.js",
+  "main": "backend/dist/index.js",
   "scripts": {
-    "dev:public": "(cd frontend && vite)",
-    "build": "npm run build:backend && npm run build:public",
+    "build": "npm run build:backend && npm run build:frontend",
     "build:backend": "(cd backend && tsc)",
-    "build:public": "(cd frontend && tsc && vite build && npm run minify:public)",
-    "minify:public": "terser frontend/dist/contact-form-plugin.mjs --output frontend/dist/contact-form-plugin.mjs",
-    "build:public:watch": "(cd frontend && tsc && vite build --watch)",
+    "build:backend:watch": "(cd backend && tsc --watch --preserveWatchOutput)",
+    "build:frontend": "(cd frontend && npm run build)",
+    "build:frontend:watch": "(cd frontend && npm run build:watch)",
     "clear": "rimraf backend/dist/* frontend/dist/*"
   },
   "dependencies": {
+    "@paroicms/script-lib": "0.2.0",
     "arktype": "~2.1.20"
   },
   "peerDependencies": {
@@ -34,18 +34,11 @@
     "@paroicms/public-server-lib": "0"
   },
   "devDependencies": {
-    "@paroicms/public-anywhere-lib": "0.32.0",
-    "@paroicms/public-server-lib": "0.41.0",
-    "@solid-primitives/i18n": "~2.2.1",
+    "@paroicms/public-anywhere-lib": "0.34.0",
+    "@paroicms/public-server-lib": "0.43.0",
     "@types/node": "~24.0.1",
     "rimraf": "~6.0.1",
-    "sass": "~1.89.2",
-    "solid-devtools": "~0.34.0",
-    "solid-js": "1.9.7",
-    "terser": "~5.42.0",
-    "typescript": "~5.8.3",
-    "vite": "~6.3.5",
-    "vite-plugin-solid": "~2.11.6"
+    "typescript": "~5.8.3"
   },
   "files": [
     "backend/dist",