@paroicms/contact-form-plugin 0.19.0 → 0.20.0
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paroicms/contact-form-plugin",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.20.0",
|
|
4
4
|
"description": "Contact form plugin for ParoiCMS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"paroicms",
|
|
@@ -35,17 +35,17 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@paroicms/public-anywhere-lib": "0.19.0",
|
|
38
|
-
"@paroicms/public-server-lib": "0.
|
|
39
|
-
"@solid-primitives/i18n": "~2.
|
|
38
|
+
"@paroicms/public-server-lib": "0.27.0",
|
|
39
|
+
"@solid-primitives/i18n": "~2.2.0",
|
|
40
40
|
"@types/node": "~22.13.10",
|
|
41
41
|
"rimraf": "~6.0.1",
|
|
42
|
-
"sass": "~1.
|
|
42
|
+
"sass": "~1.85.1",
|
|
43
43
|
"solid-devtools": "~0.33.0",
|
|
44
|
-
"solid-js": "1.9.
|
|
44
|
+
"solid-js": "1.9.5",
|
|
45
45
|
"typescript": "~5.8.2",
|
|
46
|
-
"vite": "~6.
|
|
47
|
-
"vite-plugin-solid": "~2.11.
|
|
48
|
-
"terser": "~5.
|
|
46
|
+
"vite": "~6.2.2",
|
|
47
|
+
"vite-plugin-solid": "~2.11.6",
|
|
48
|
+
"terser": "~5.39.0"
|
|
49
49
|
},
|
|
50
50
|
"files": [
|
|
51
51
|
"backend/dist",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.PaForm{margin-left:auto;margin-right:auto;max-width:600px;position:relative}.PaForm *{box-sizing:border-box}.PaForm-fields{display:flex;flex-direction:column;gap:20px}.PaForm-captcha,.PaForm-action,.PaForm-error{display:flex;justify-content:center;margin-top:20px}.PaForm-error{background-color:#ebb;border:1px solid rgb(212,158,158);padding:25px}.PaForm-button:disabled{cursor:not-allowed}.PaForm-button.inProgress{padding-right:40px!important;position:relative;pointer-events:none}.PaForm-button.inProgress:before{animation:paFormSpin 2s linear infinite;border-top:2px solid var(--paInteractiveColor, #888);border-right:2px solid var(--paInteractiveColor, #888);border-radius:50%;box-sizing:border-box;content:"";display:block;height:26px;position:absolute;right:6px;top:calc(50% - 13px);width:26px}.PaForm-ended{background-color:#fff;display:flex;flex-direction:column;justify-content:center;inset:0;padding:20px;position:absolute;text-align:center;width:100%}.PaForm-message{font-size:18px;line-height:1.5}@keyframes paFormSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PaField{display:flex;flex-direction:column;gap:5px}.PaField-label{color:#888}.PaField-input{font-size:16px;padding:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{template as
|
|
1
|
+
import{template as $,insert as c,setAttribute as f,createComponent as _,effect as P,render as ee}from"https://esm.sh/solid-js@1.9.5/web";import{createMemo as te,createSignal as d,Show as N,onMount as se,onCleanup as ne}from"https://esm.sh/solid-js@1.9.5";function ae(e){return e.varName?` for '${e.varName}'`:""}function re(e,t={}){if(e==null||e===""&&!t.allowEmpty)throw new Error(`Missing string value${ae(t)}`);return typeof e=="string"?e:e.toString()}const U=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function q(e,t,a){for(const[n,r]of Object.entries(t)){const m=`${a}.${n}`;e[m]=r,U(r)&&q(e,r,m)}}function oe(e){const t={...e};for(const[a,n]of Object.entries(e))U(n)&&q(t,n,a);return t}const ce=(e,t)=>{if(t)for(const[a,n]of Object.entries(t))e=e.replace(new RegExp(`{{\\s*${a}\\s*}}`,"g"),n);return e},le=e=>e;function ie(e,t=le){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 de="Name",ue="Email",me="Subject",pe="Message",ge="Send",fe="johndoe@gmail.com",he="John Doe",be="The subject of your message",ve="Enter your message here…",Pe="Unexpected error, the message could not be sent.",$e="Return Home",we="Your message has been sent. If there is a response, it will be sent to the address:",ye={name:de,email:ue,subject:me,message:pe,send:ge,emailPlaceholder:fe,namePlaceholder:he,subjectPlaceholder:be,messagePlaceholder:ve,unexpectedErrorMessage:Pe,returnHome:$e,successMessage:we},Ee="Nom",Fe="Courriel",Se="Sujet",xe="Message",_e="Envoyer",Re="johndoe@gmail.com",Me="John Doe",je="Le sujet de votre message",Ce="Saisissez votre message…",Le="Erreur inattendue, le message n'a pas pu être envoyé.",Oe="Retourner à l'accueil",Te="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",He={name:Ee,email:Fe,subject:Se,message:xe,send:_e,emailPlaceholder:Re,namePlaceholder:Me,subjectPlaceholder:je,messagePlaceholder:Ce,unexpectedErrorMessage:Le,returnHome:Oe,successMessage:Te},A={en:ye,fr:He};function ke(e){const t=te((()=>{const n=e in A?e:"en";return oe(A[n])}));return{t:ie(t,ce)}}async function De(e,t,a){a(!0);try{const n=await Ie(e);return await new Promise((r=>setTimeout(r,1e4))),t.reset(),n}finally{a(!1)}}async function Ie(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 Ne=$("<div class=PaForm-error>"),Ae=$('<div class=PaForm-ended><div class=PaForm-message><p> <i></i></p></div><div class=PaForm-action><a class="PaForm-button PaButton">'),Ue=$('<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>'),qe=$("<div class=PaForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function Je({recaptchaKey:e,language:t,homeUrl:a}){const[n,r]=d(""),[m,J]=d(""),[R,B]=d(""),[V,z]=d(),[M,j]=d(!e),[C,w]=d(),[G,L]=d(""),[Y,Q]=d(!1),{t:o}=ke(t),W=async l=>{try{if(l.preventDefault(),!M()||!h)throw new Error("Recaptcha error");const i=await De({language:t,name:n(),message:R(),email:m(),gRecaptchaResponse:V()},h,Q);i.success?w(!0):(w(!1),L(i.message??o("unexpectedErrorMessage")))}catch{w(!1),L(o("unexpectedErrorMessage"))}},h=(()=>{var l=Ue(),i=l.firstChild,O=i.firstChild,T=O.firstChild,y=T.nextSibling,H=O.nextSibling,k=H.firstChild,E=k.nextSibling,K=H.nextSibling,D=K.firstChild,F=D.nextSibling,S=i.nextSibling,x=S.firstChild;return l.addEventListener("submit",W),c(T,(()=>o("name"))),y.addEventListener("change",(s=>r(s.currentTarget.value))),c(k,(()=>o("email"))),E.addEventListener("change",(s=>{J(s.currentTarget.value)})),c(D,(()=>o("message"))),F.addEventListener("change",(s=>B(s.currentTarget.value))),c(l,e&&(()=>{var s=qe(),u=s.firstChild;return f(u,"data-sitekey",e),s})(),S),c(l,_(N,{get when(){return C()===!1},get children(){var s=Ne();return c(s,G),s}}),S),c(x,(()=>o("send"))),c(l,_(N,{get when(){return C()===!0},get children(){var s=Ae(),u=s.firstChild,p=u.firstChild,g=p.firstChild,b=g.nextSibling,v=u.nextSibling,I=v.firstChild;return c(p,(()=>o("successMessage")),g),c(b,m),f(I,"href",a),c(I,(()=>o("returnHome"))),s}}),null),P((s=>{var u=o("namePlaceholder"),p=o("emailPlaceholder"),g=o("messagePlaceholder"),b=!!Y(),v=!M();return u!==s.e&&f(y,"placeholder",s.e=u),p!==s.t&&f(E,"placeholder",s.t=p),g!==s.a&&f(F,"placeholder",s.a=g),b!==s.o&&x.classList.toggle("inProgress",s.o=b),v!==s.i&&(x.disabled=s.i=v),s}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),P((()=>y.value=n())),P((()=>E.value=m())),P((()=>F.value=R())),l})();return se((()=>{e&&(window.onRecaptchaSubmitted=X,window.onRecaptchaExpired=Z)})),ne((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),h;function X(l){if(!l)return;j(!0);const i=h?.elements.namedItem("g-recaptcha-response");z(i.value)}function Z(){j(!1)}}function Be(e,{language:t}){if(!t)throw new Error("Missing language");const a=e.dataset.recaptchaKey,n=re(e.dataset.homeUrl),r=document.createElement("script");r.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(r),ee((()=>_(Je,{recaptchaKey:a,language:t,homeUrl:n})),e)}document.addEventListener("DOMContentLoaded",(()=>{const e=document.documentElement.lang,t=document.querySelector("[data-effect='paContactForm']");t&&Be(t,{language:e})}));
|