@paroicms/contact-form-plugin 0.16.0 → 0.17.1

package/backend/dist/plugin.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const node_path_1 = require("node:path");
 const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
 const public_server_lib_1 = require("@paroicms/public-server-lib");
-const node_path_1 = require("node:path");
 const contact_form_mail_1 = require("./contact-form-mail");
 const data_format_1 = require("./data-format");
 const projectDir = (0, node_path_1.dirname)(__dirname);
@@ -15,7 +15,7 @@ const plugin = {
         const simpleI18n = await (0, public_server_lib_1.loadSimpleTranslatorFromDirectory)({
             l10nDir: (0, node_path_1.join)(projectDir, "locales"),
             languages: ["en", "fr"],
-            appLog: service.logger,
+            logger: service.logger,
         });
         service.setPublicAssetsDirectory((0, node_path_1.join)(packageDir, "public-front", "dist"));
         service.addHeadTag(`<link rel="stylesheet" href="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/style.css`)}">`, `<script type="module" src="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/public-front-plugin.mjs`)}"></script>`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/contact-form-plugin",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "description": "Contact form plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -32,18 +32,18 @@
     "@paroicms/public-server-lib": "0"
   },
   "devDependencies": {
-    "@paroicms/public-anywhere-lib": "0.12.0",
-    "@paroicms/public-server-lib": "0.20.0",
+    "@paroicms/public-anywhere-lib": "0.14.0",
+    "@paroicms/public-server-lib": "0.22.1",
     "@solid-primitives/i18n": "~2.1.1",
-    "@types/node": "~20.14.8",
+    "@types/node": "~22.10.7",
     "rimraf": "~6.0.1",
-    "sass": "~1.82.0",
-    "solid-devtools": "~0.30.1",
-    "solid-js": "1.9.3",
-    "typescript": "~5.7.2",
-    "vite": "~5.4.11",
-    "vite-plugin-solid": "~2.10.2",
-    "terser": "~5.36.0"
+    "sass": "~1.83.4",
+    "solid-devtools": "~0.33.0",
+    "solid-js": "1.9.4",
+    "typescript": "~5.7.3",
+    "vite": "~6.0.7",
+    "vite-plugin-solid": "~2.11.0",
+    "terser": "~5.37.0"
   },
   "main": "backend/dist/plugin.js",
   "files": [

package/public-front/dist/public-front-plugin.mjs

@@ -1 +1 @@
-import{insert as c,setAttribute as h,createComponent as M,effect as $,template as F,render as K}from"https://esm.sh/solid-js@1.9.3/web";import{createMemo as ee,createSignal as d,Show as D,onMount as te,onCleanup as se}from"https://esm.sh/solid-js@1.9.3";function ne(e){return e.varName?` for '${e.varName}'`:""}function ae(e,t={}){if(e==null||e===""&&!t.allowEmpty)throw new Error(`Missing string value${ne(t)}`);return typeof e=="string"?e:e.toString()}var N=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function U(e,t,a){for(const[n,r]of Object.entries(t)){const m=`${a}.${n}`;e[m]=r,N(r)&&U(e,r,m)}}function re(e){const t={...e};for(const[a,n]of Object.entries(e))N(n)&&U(t,n,a);return t}var oe=(e,t)=>{if(t)for(const[a,n]of Object.entries(t))e=e.replace(new RegExp(`{{\\s*${a}\\s*}}`,"g"),n);return e},ce=e=>e;function le(e,t=ce){return(a,...n)=>{a[0]==="."&&(a=a.slice(1));const r=e()?.[a];switch(typeof r){case"function":return r(...n);case"string":return t(r,n[0]);default:return r}}}const ie="Name",de="Email",ue="Subject",me="Message",ge="Send",pe="johndoe@gmail.com",he="John Doe",fe="The subject of your message",be="Enter your message here…",ve="Unexpected error, the message could not be sent.",$e="Return Home",Fe="Your message has been sent. If there is a response, it will be sent to the address:",Ce={name:ie,email:de,subject:ue,message:me,send:ge,emailPlaceholder:pe,namePlaceholder:he,subjectPlaceholder:fe,messagePlaceholder:be,unexpectedErrorMessage:ve,returnHome:$e,successMessage:Fe},Ee="Nom",we="Courriel",ye="Sujet",xe="Message",Se="Envoyer",Me="johndoe@gmail.com",Pe="John Doe",je="Le sujet de votre message",_e="Saisissez votre message…",Re="Erreur inattendue, le message n'a pas pu être envoyé.",He="Retourner à l'accueil",Le="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",Oe={name:Ee,email:we,subject:ye,message:xe,send:Se,emailPlaceholder:Me,namePlaceholder:Pe,subjectPlaceholder:je,messagePlaceholder:_e,unexpectedErrorMessage:Re,returnHome:He,successMessage:Le},I={en:Ce,fr:Oe};function Te(e){const t=ee((()=>{const n=e in I?e:"en";return re(I[n])}));return{t:le(t,oe)}}async function ke(e,t,a){a(!0);try{const n=await Ae(e);return t.reset(),n}finally{a(!1)}}async function Ae(e){const t=await fetch("/api/plugin/contact-form",{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(t.status!==200){const n=await t.text();throw new Error(`Unexpected error: ${n}`)}return await t.json()}var De=F("<div class=ContactForm-error>"),Ie=F('<div class="ContactForm-done ContactForm-ended"><div class=ContactForm-endedMessage><p></p><p></p></div><div class=ContactForm-endedActions><a class=BigBtn>'),Ne=F("<form class=ContactForm><div class=ContactForm-fieldGroup><label class=ContactFormField><span class=ContactFormField-label></span><input class=ContactFormField-input type=text name=name required></label><label class=ContactFormField><span class=ContactFormField-label></span><input class=ContactFormField-input type=email name=email required></label><label class=ContactFormField><span class=ContactFormField-label></span><textarea class=ContactFormField-textarea rows=5 name=message required></textarea></label></div><div class=ContactForm-action><button type=submit class=ContactForm-btn>"),Ue=F("<div class=ContactForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function qe({recaptchaKey:e,language:t,homeUrl:a}){const[n,r]=d(""),[m,q]=d(""),[P,J]=d(""),[B,G]=d(),[j,_]=d(!e),[R,C]=d(),[V,H]=d(""),[z,Y]=d(!1),{t:o}=Te(t),Q=async l=>{try{if(l.preventDefault(),!j()||!f)throw new Error("Erreur de recaptcha");const i=await ke({language:t,name:n(),message:P(),email:m(),gRecaptchaResponse:B()},f,Y);i.success?C(!0):(C(!1),H(i.message??o("unexpectedErrorMessage")))}catch{C(!1),H(o("unexpectedErrorMessage"))}},f=(()=>{var l=Ne(),i=l.firstChild,L=i.firstChild,O=L.firstChild,E=O.nextSibling,T=L.nextSibling,k=T.firstChild,w=k.nextSibling,Z=T.nextSibling,A=Z.firstChild,y=A.nextSibling,x=i.nextSibling,S=x.firstChild;return l.addEventListener("submit",Q),c(O,(()=>o("name"))),E.addEventListener("change",(s=>r(s.currentTarget.value))),c(k,(()=>o("email"))),w.addEventListener("change",(s=>{q(s.currentTarget.value)})),c(A,(()=>o("message"))),y.addEventListener("change",(s=>J(s.currentTarget.value))),c(l,e&&(()=>{var s=Ue(),u=s.firstChild;return h(u,"data-sitekey",e),s})(),x),c(l,M(D,{get when(){return R()===!1},get children(){var s=De();return c(s,V),s}}),x),c(S,(()=>o("send"))),c(l,M(D,{get when(){return R()===!0},get children(){var s=Ie(),u=s.firstChild,g=u.firstChild,b=g.nextSibling,v=u.nextSibling,p=v.firstChild;return c(g,(()=>o("successMessage"))),c(b,m),h(p,"href",a),c(p,(()=>o("returnHome"))),s}}),null),$((s=>{var u=o("namePlaceholder"),g=o("emailPlaceholder"),b=o("messagePlaceholder"),v=!!z(),p=!j();return u!==s.e&&h(E,"placeholder",s.e=u),g!==s.t&&h(w,"placeholder",s.t=g),b!==s.a&&h(y,"placeholder",s.a=b),v!==s.o&&S.classList.toggle("inProgress",s.o=v),p!==s.i&&(S.disabled=s.i=p),s}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),$((()=>E.value=n())),$((()=>w.value=m())),$((()=>y.value=P())),l})();return te((()=>{e&&(window.onRecaptchaSubmitted=W,window.onRecaptchaExpired=X)})),se((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),f;function W(l){if(!l)return;_(!0);const i=f?.elements.namedItem("g-recaptcha-response");G(i.value)}function X(){_(!1)}}function Je(e,{language:t}){if(!t)throw new Error("Missing language");const a=e.dataset.recaptchaKey,n=ae(e.dataset.homeUrl),r=document.createElement("script");r.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(r),K((()=>M(qe,{recaptchaKey:a,language:t,homeUrl:n})),e)}document.addEventListener("DOMContentLoaded",(()=>{const e=document.documentElement.lang,t=document.querySelector("[data-effect='contactForm']");t&&Je(t,{language:e})}));
+import{insert as c,setAttribute as g,createComponent as M,effect as $,template as F,render as K}from"https://esm.sh/solid-js@1.9.4/web";import{createMemo as ee,createSignal as d,Show as D,onMount as te,onCleanup as ne}from"https://esm.sh/solid-js@1.9.4";function se(e){return e.varName?` for '${e.varName}'`:""}function ae(e,t={}){if(e==null||e===""&&!t.allowEmpty)throw new Error(`Missing string value${se(t)}`);return typeof e=="string"?e:e.toString()}var N=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function U(e,t,a){for(const[s,r]of Object.entries(t)){const m=`${a}.${s}`;e[m]=r,N(r)&&U(e,r,m)}}function re(e){const t={...e};for(const[a,s]of Object.entries(e))N(s)&&U(t,s,a);return t}var oe=(e,t)=>{if(t)for(const[a,s]of Object.entries(t))e=e.replace(new RegExp(`{{\\s*${a}\\s*}}`,"g"),s);return e},ce=e=>e;function le(e,t=ce){return(a,...s)=>{a[0]==="."&&(a=a.slice(1));const r=e()?.[a];switch(typeof r){case"function":return r(...s);case"string":return t(r,s[0]);default:return r}}}const ie="Name",de="Email",ue="Subject",me="Message",fe="Send",pe="johndoe@gmail.com",ge="John Doe",he="The subject of your message",be="Enter your message here…",ve="Unexpected error, the message could not be sent.",$e="Return Home",Fe="Your message has been sent. If there is a response, it will be sent to the address:",Ce={name:ie,email:de,subject:ue,message:me,send:fe,emailPlaceholder:pe,namePlaceholder:ge,subjectPlaceholder:he,messagePlaceholder:be,unexpectedErrorMessage:ve,returnHome:$e,successMessage:Fe},Ee="Nom",we="Courriel",ye="Sujet",Se="Message",xe="Envoyer",Me="johndoe@gmail.com",_e="John Doe",Re="Le sujet de votre message",je="Saisissez votre message…",Pe="Erreur inattendue, le message n'a pas pu être envoyé.",Le="Retourner à l'accueil",Oe="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",He={name:Ee,email:we,subject:ye,message:Se,send:xe,emailPlaceholder:Me,namePlaceholder:_e,subjectPlaceholder:Re,messagePlaceholder:je,unexpectedErrorMessage:Pe,returnHome:Le,successMessage:Oe},I={en:Ce,fr:He};function Te(e){const t=ee((()=>{const s=e in I?e:"en";return re(I[s])}));return{t:le(t,oe)}}async function ke(e,t,a){a(!0);try{const s=await Ae(e);return t.reset(),s}finally{a(!1)}}async function Ae(e){const t=await fetch("/api/plugin/contact-form",{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(t.status!==200){const s=await t.text();throw new Error(`Unexpected error: ${s}`)}return await t.json()}var De=F("<div class=ContactForm-error>"),Ie=F('<div class="ContactForm-done ContactForm-ended"><div class=ContactForm-endedMessage><p></p><p></p></div><div class=ContactForm-endedActions><a class=BigBtn>'),Ne=F("<form class=ContactForm><div class=ContactForm-fieldGroup><label class=ContactFormField><span class=ContactFormField-label></span><input class=ContactFormField-input type=text name=name required></label><label class=ContactFormField><span class=ContactFormField-label></span><input class=ContactFormField-input type=email name=email required></label><label class=ContactFormField><span class=ContactFormField-label></span><textarea class=ContactFormField-textarea rows=5 name=message required></textarea></label></div><div class=ContactForm-action><button type=submit class=ContactForm-btn>"),Ue=F("<div class=ContactForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function qe({recaptchaKey:e,language:t,homeUrl:a}){const[s,r]=d(""),[m,q]=d(""),[_,J]=d(""),[B,G]=d(),[R,j]=d(!e),[P,C]=d(),[V,L]=d(""),[z,Y]=d(!1),{t:o}=Te(t),Q=async l=>{try{if(l.preventDefault(),!R()||!h)throw new Error("Erreur de recaptcha");const i=await ke({language:t,name:s(),message:_(),email:m(),gRecaptchaResponse:B()},h,Y);i.success?C(!0):(C(!1),L(i.message??o("unexpectedErrorMessage")))}catch{C(!1),L(o("unexpectedErrorMessage"))}},h=(()=>{var l=Ne(),i=l.firstChild,O=i.firstChild,H=O.firstChild,E=H.nextSibling,T=O.nextSibling,k=T.firstChild,w=k.nextSibling,Z=T.nextSibling,A=Z.firstChild,y=A.nextSibling,S=i.nextSibling,x=S.firstChild;return l.addEventListener("submit",Q),c(H,(()=>o("name"))),E.addEventListener("change",(n=>r(n.currentTarget.value))),c(k,(()=>o("email"))),w.addEventListener("change",(n=>{q(n.currentTarget.value)})),c(A,(()=>o("message"))),y.addEventListener("change",(n=>J(n.currentTarget.value))),c(l,e&&(()=>{var n=Ue(),u=n.firstChild;return g(u,"data-sitekey",e),n})(),S),c(l,M(D,{get when(){return P()===!1},get children(){var n=De();return c(n,V),n}}),S),c(x,(()=>o("send"))),c(l,M(D,{get when(){return P()===!0},get children(){var n=Ie(),u=n.firstChild,f=u.firstChild,b=f.nextSibling,v=u.nextSibling,p=v.firstChild;return c(f,(()=>o("successMessage"))),c(b,m),g(p,"href",a),c(p,(()=>o("returnHome"))),n}}),null),$((n=>{var u=o("namePlaceholder"),f=o("emailPlaceholder"),b=o("messagePlaceholder"),v=!!z(),p=!R();return u!==n.e&&g(E,"placeholder",n.e=u),f!==n.t&&g(w,"placeholder",n.t=f),b!==n.a&&g(y,"placeholder",n.a=b),v!==n.o&&x.classList.toggle("inProgress",n.o=v),p!==n.i&&(x.disabled=n.i=p),n}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),$((()=>E.value=s())),$((()=>w.value=m())),$((()=>y.value=_())),l})();return te((()=>{e&&(window.onRecaptchaSubmitted=W,window.onRecaptchaExpired=X)})),ne((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),h;function W(l){if(!l)return;j(!0);const i=h?.elements.namedItem("g-recaptcha-response");G(i.value)}function X(){j(!1)}}function Je(e,{language:t}){if(!t)throw new Error("Missing language");const a=e.dataset.recaptchaKey,s=ae(e.dataset.homeUrl),r=document.createElement("script");r.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(r),K((()=>M(qe,{recaptchaKey:a,language:t,homeUrl:s})),e)}document.addEventListener("DOMContentLoaded",(()=>{const e=document.documentElement.lang,t=document.querySelector("[data-effect='contactForm']");t&&Je(t,{language:e})}));