@paroicms/contact-form-plugin 0.3.0

package/README.md

@@ -0,0 +1,9 @@
+# @paroicms/contact-form-plugin
+
+Contact form for ParoiCMS.
+
+This package is part of [ParoiCMS](https://www.npmjs.com/package/@paroicms/server).
+
+## License
+
+Released under the [MIT license](https://gitlab.com/paroi/opensource/paroicms/-/blob/main/LICENSE.md).

package/dist-backend/helpers/data-format.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatSendMailInput = void 0;
+const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
+function formatSendMailInput(data) {
+    return {
+        language: (0, data_formatters_lib_1.strVal)(data.language),
+        email: (0, data_formatters_lib_1.strVal)(data.email),
+        name: (0, data_formatters_lib_1.strVal)(data.name),
+        subject: (0, data_formatters_lib_1.strValOrUndef)(data.subject),
+        message: (0, data_formatters_lib_1.strVal)(data.message),
+        gRecaptchaResponse: (0, data_formatters_lib_1.strValOrUndef)(data.gRecaptchaResponse),
+    };
+}
+exports.formatSendMailInput = formatSendMailInput;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendContactFormMail = void 0;
+const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
+const public_server_lib_1 = require("@paroicms/public-server-lib");
+const plugin_1 = require("../plugin");
+async function sendContactFormMail(pluginSiteContext, input) {
+    const { email, name, message, subject, gRecaptchaResponse } = input;
+    let contactEmail;
+    try {
+        contactEmail = (0, data_formatters_lib_1.strValOrUndef)(await pluginSiteContext.getSiteFieldValue({
+            fieldName: "contactEmail",
+            language: input.language,
+        }));
+        if (!contactEmail)
+            throw new Error(`['${pluginSiteContext.fqdn}'] missing 'contactEmail' site field`);
+        if (!(await pluginSiteContext.validateRecaptchaResponse(gRecaptchaResponse))) {
+            throw new Error("invalid recaptcha response");
+        }
+        const noSubject = plugin_1.simpleI18n.translate({
+            key: "mail.noSubject",
+            language: input.language,
+        });
+        const contactFrom = plugin_1.simpleI18n.translate({
+            key: "mail.contactFrom",
+            language: input.language,
+            args: [pluginSiteContext.fqdn],
+        });
+        await pluginSiteContext.sendMail({
+            to: contactEmail,
+            replyTo: { email, name },
+            subject: `${subject ?? noSubject} ${contactFrom}`,
+            html: `<p>${plugin_1.simpleI18n.translate({
+                key: "mail.nameIs",
+                language: input.language,
+                args: [(0, public_server_lib_1.escapeHtml)(name)],
+            })}</p>
+<p>${plugin_1.simpleI18n.translate({
+                key: "mail.emailIs",
+                language: input.language,
+                args: [(0, public_server_lib_1.escapeHtml)(email)],
+            })}</p>
+<p>${(0, public_server_lib_1.escapeHtml)(message, { newLinesToBr: true })}</p>`,
+        }, { appLog: pluginSiteContext.siteLog });
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        if (err)
+            throw err;
+        pluginSiteContext.siteLog.error(`fail to send mail: ${(0, data_formatters_lib_1.messageOf)(err)}`);
+        return {
+            success: false,
+            message: contactEmail
+                ? plugin_1.simpleI18n.translate({
+                    key: "mail.sendUsAnEmailTo",
+                    language: input.language,
+                    args: [contactEmail],
+                })
+                : plugin_1.simpleI18n.translate({
+                    key: "mail.sorryMessage",
+                    language: input.language,
+                }),
+            senderEmail: email,
+        };
+    }
+}
+exports.sendContactFormMail = sendContactFormMail;

package/dist-backend/plugin.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.simpleI18n = void 0;
+const public_server_lib_1 = require("@paroicms/public-server-lib");
+const node_path_1 = require("node:path");
+const data_format_1 = require("./helpers/data-format");
+const contact_form_mail_1 = require("./mail/contact-form-mail");
+const { version } = require("../package.json");
+const localesDir = (0, node_path_1.join)(__dirname, "..", "locales");
+const assetsBaseUrl = `/assets/plugin/contact-form/${version}`;
+const plugin = {
+    boPluginDir: (0, node_path_1.join)(__dirname, "..", "dist-backend"),
+    version,
+    siteInit(api) {
+        api.setPublicAssetsDirectory((0, node_path_1.join)(__dirname, "..", "dist-frontend"));
+        api.addHeadTag(`<link rel="stylesheet" href="${(0, public_server_lib_1.escapeHtml)(`${assetsBaseUrl}/style.css`)}">`, `<script type="module" src="${(0, public_server_lib_1.escapeHtml)(`${assetsBaseUrl}/front-plugin.mjs`)}"></script>`);
+        api.setPublicApiHandler(async (pluginSiteContext, req, res, relativePath) => {
+            let input;
+            try {
+                input = (0, data_format_1.formatSendMailInput)(req.body);
+            }
+            catch (error) {
+                res.status(400).send({ status: 400, message: error.message });
+                return;
+            }
+            exports.simpleI18n = await (0, public_server_lib_1.createSimpleTranslator)({
+                l10nDir: localesDir,
+                languages: ["en", "fr"],
+                appLog: pluginSiteContext.siteLog,
+            });
+            const result = await (0, contact_form_mail_1.sendContactFormMail)(pluginSiteContext, input);
+            res.send(result);
+        });
+    },
+};
+module.exports = plugin;

package/dist-frontend/front-plugin.mjs

@@ -0,0 +1,632 @@
+const Pe = (e, t) => e === t, I = {
+  equals: Pe
+};
+let be = Fe;
+const E = 1, B = 2, we = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var u = null;
+let z = null, Ne = null, a = null, d = null, v = null, k = 0;
+function Le(e, t) {
+  const n = a, s = u, o = e.length === 0, r = t === void 0 ? s : t, i = o ? we : {
+    owned: null,
+    cleanups: null,
+    context: r ? r.context : null,
+    owner: r
+  }, l = o ? e : () => e(() => A(() => V(i)));
+  u = i, a = null;
+  try {
+    return P(l, !0);
+  } finally {
+    a = n, u = s;
+  }
+}
+function y(e, t) {
+  t = t ? Object.assign({}, I, t) : I;
+  const n = {
+    value: e,
+    observers: null,
+    observerSlots: null,
+    comparator: t.equals || void 0
+  }, s = (o) => (typeof o == "function" && (o = o(n.value)), ve(n, o));
+  return [ye.bind(n), s];
+}
+function S(e, t, n) {
+  const s = se(e, t, !1, E);
+  _(s);
+}
+function Ue(e, t, n) {
+  be = qe;
+  const s = se(e, t, !1, E);
+  s.user = !0, v ? v.push(s) : _(s);
+}
+function ee(e, t, n) {
+  n = n ? Object.assign({}, I, n) : I;
+  const s = se(e, t, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, _(s), ye.bind(s);
+}
+function A(e) {
+  if (a === null)
+    return e();
+  const t = a;
+  a = null;
+  try {
+    return e();
+  } finally {
+    a = t;
+  }
+}
+function Oe(e) {
+  Ue(() => A(e));
+}
+function Ie(e) {
+  return u === null || (u.cleanups === null ? u.cleanups = [e] : u.cleanups.push(e)), e;
+}
+function ye() {
+  if (this.sources && this.state)
+    if (this.state === E)
+      _(this);
+    else {
+      const e = d;
+      d = null, P(() => q(this), !1), d = e;
+    }
+  if (a) {
+    const e = this.observers ? this.observers.length : 0;
+    a.sources ? (a.sources.push(this), a.sourceSlots.push(e)) : (a.sources = [this], a.sourceSlots = [e]), this.observers ? (this.observers.push(a), this.observerSlots.push(a.sources.length - 1)) : (this.observers = [a], this.observerSlots = [a.sources.length - 1]);
+  }
+  return this.value;
+}
+function ve(e, t, n) {
+  let s = e.value;
+  return (!e.comparator || !e.comparator(s, t)) && (e.value = t, e.observers && e.observers.length && P(() => {
+    for (let o = 0; o < e.observers.length; o += 1) {
+      const r = e.observers[o], i = z && z.running;
+      i && z.disposed.has(r), (i ? !r.tState : !r.state) && (r.pure ? d.push(r) : v.push(r), r.observers && Se(r)), i || (r.state = E);
+    }
+    if (d.length > 1e6)
+      throw d = [], new Error();
+  }, !1)), t;
+}
+function _(e) {
+  if (!e.fn)
+    return;
+  V(e);
+  const t = k;
+  Be(
+    e,
+    e.value,
+    t
+  );
+}
+function Be(e, t, n) {
+  let s;
+  const o = u, r = a;
+  a = u = e;
+  try {
+    s = e.fn(t);
+  } catch (i) {
+    return e.pure && (e.state = E, e.owned && e.owned.forEach(V), e.owned = null), e.updatedAt = n + 1, Ee(i);
+  } finally {
+    a = r, u = o;
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? ve(e, s) : e.value = s, e.updatedAt = n);
+}
+function se(e, t, n, s = E, o) {
+  const r = {
+    fn: e,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: t,
+    owner: u,
+    context: u ? u.context : null,
+    pure: n
+  };
+  return u === null || u !== we && (u.owned ? u.owned.push(r) : u.owned = [r]), r;
+}
+function H(e) {
+  if (e.state === 0)
+    return;
+  if (e.state === B)
+    return q(e);
+  if (e.suspense && A(e.suspense.inFallback))
+    return e.suspense.effects.push(e);
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < k); )
+    e.state && t.push(e);
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e = t[n], e.state === E)
+      _(e);
+    else if (e.state === B) {
+      const s = d;
+      d = null, P(() => q(e, t[0]), !1), d = s;
+    }
+}
+function P(e, t) {
+  if (d)
+    return e();
+  let n = !1;
+  t || (d = []), v ? n = !0 : v = [], k++;
+  try {
+    const s = e();
+    return He(n), s;
+  } catch (s) {
+    n || (v = null), d = null, Ee(s);
+  }
+}
+function He(e) {
+  if (d && (Fe(d), d = null), e)
+    return;
+  const t = v;
+  v = null, t.length && P(() => be(t), !1);
+}
+function Fe(e) {
+  for (let t = 0; t < e.length; t++)
+    H(e[t]);
+}
+function qe(e) {
+  let t, n = 0;
+  for (t = 0; t < e.length; t++) {
+    const s = e[t];
+    s.user ? e[n++] = s : H(s);
+  }
+  for (t = 0; t < n; t++)
+    H(e[t]);
+}
+function q(e, t) {
+  e.state = 0;
+  for (let n = 0; n < e.sources.length; n += 1) {
+    const s = e.sources[n];
+    if (s.sources) {
+      const o = s.state;
+      o === E ? s !== t && (!s.updatedAt || s.updatedAt < k) && H(s) : o === B && q(s, t);
+    }
+  }
+}
+function Se(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const n = e.observers[t];
+    n.state || (n.state = B, n.pure ? d.push(n) : v.push(n), n.observers && Se(n));
+  }
+}
+function V(e) {
+  let t;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const n = e.sources.pop(), s = e.sourceSlots.pop(), o = n.observers;
+      if (o && o.length) {
+        const r = o.pop(), i = n.observerSlots.pop();
+        s < o.length && (r.sourceSlots[i] = s, o[s] = r, n.observerSlots[s] = i);
+      }
+    }
+  if (e.owned) {
+    for (t = e.owned.length - 1; t >= 0; t--)
+      V(e.owned[t]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (t = e.cleanups.length - 1; t >= 0; t--)
+      e.cleanups[t]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function De(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function Ee(e, t = u) {
+  throw De(e);
+}
+let ke = !1;
+function te(e, t) {
+  return A(() => e(t || {}));
+}
+const Ve = (e) => `Stale read from <${e}>.`;
+function me(e) {
+  const t = e.keyed, n = ee(() => e.when, void 0, {
+    equals: (s, o) => t ? s === o : !s == !o
+  });
+  return ee(
+    () => {
+      const s = n();
+      if (s) {
+        const o = e.children;
+        return typeof o == "function" && o.length > 0 ? A(
+          () => o(
+            t ? s : () => {
+              if (!A(n))
+                throw Ve("Show");
+              return e.when;
+            }
+          )
+        ) : o;
+      }
+      return e.fallback;
+    },
+    void 0,
+    void 0
+  );
+}
+function Ge(e, t, n) {
+  let s = n.length, o = t.length, r = s, i = 0, l = 0, f = t[o - 1].nextSibling, m = null;
+  for (; i < o || l < r; ) {
+    if (t[i] === n[l]) {
+      i++, l++;
+      continue;
+    }
+    for (; t[o - 1] === n[r - 1]; )
+      o--, r--;
+    if (o === i) {
+      const h = r < s ? l ? n[l - 1].nextSibling : n[r - l] : f;
+      for (; l < r; )
+        e.insertBefore(n[l++], h);
+    } else if (r === l)
+      for (; i < o; )
+        (!m || !m.has(t[i])) && t[i].remove(), i++;
+    else if (t[i] === n[r - 1] && n[l] === t[o - 1]) {
+      const h = t[--o].nextSibling;
+      e.insertBefore(n[l++], t[i++].nextSibling), e.insertBefore(n[--r], h), t[o] = n[r];
+    } else {
+      if (!m) {
+        m = /* @__PURE__ */ new Map();
+        let w = l;
+        for (; w < r; )
+          m.set(n[w], w++);
+      }
+      const h = m.get(t[i]);
+      if (h != null)
+        if (l < h && h < r) {
+          let w = i, j = 1, M;
+          for (; ++w < o && w < r && !((M = m.get(t[w])) == null || M !== h + j); )
+            j++;
+          if (j > h - l) {
+            const N = t[i];
+            for (; l < h; )
+              e.insertBefore(n[l++], N);
+          } else
+            e.replaceChild(n[l++], t[i++]);
+        } else
+          i++;
+      else
+        t[i++].remove();
+    }
+  }
+}
+function Ye(e, t, n, s = {}) {
+  let o;
+  return Le((r) => {
+    o = r, t === document ? e() : g(t, e(), t.firstChild ? null : void 0, n);
+  }, s.owner), () => {
+    o(), t.textContent = "";
+  };
+}
+function G(e, t, n) {
+  let s;
+  const o = () => {
+    const i = document.createElement("template");
+    return i.innerHTML = e, i.content.firstChild;
+  }, r = () => (s || (s = o())).cloneNode(!0);
+  return r.cloneNode = r, r;
+}
+function x(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+}
+function g(e, t, n, s) {
+  if (n !== void 0 && !s && (s = []), typeof t != "function")
+    return D(e, t, s, n);
+  S((o) => D(e, t(), o, n), s);
+}
+function D(e, t, n, s, o) {
+  for (; typeof n == "function"; )
+    n = n();
+  if (t === n)
+    return n;
+  const r = typeof t, i = s !== void 0;
+  if (e = i && n[0] && n[0].parentNode || e, r === "string" || r === "number") {
+    if (r === "number" && (t = t.toString(), t === n))
+      return n;
+    if (i) {
+      let l = n[0];
+      l && l.nodeType === 3 ? l.data !== t && (l.data = t) : l = document.createTextNode(t), n = $(e, n, s, l);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || r === "boolean")
+    n = $(e, n, s);
+  else {
+    if (r === "function")
+      return S(() => {
+        let l = t();
+        for (; typeof l == "function"; )
+          l = l();
+        n = D(e, l, n, s);
+      }), () => n;
+    if (Array.isArray(t)) {
+      const l = [], f = n && Array.isArray(n);
+      if (ne(l, t, n, o))
+        return S(() => n = D(e, l, n, s, !0)), () => n;
+      if (l.length === 0) {
+        if (n = $(e, n, s), i)
+          return n;
+      } else
+        f ? n.length === 0 ? pe(e, l, s) : Ge(e, n, l) : (n && $(e), pe(e, l));
+      n = l;
+    } else if (t.nodeType) {
+      if (Array.isArray(n)) {
+        if (i)
+          return n = $(e, n, s, t);
+        $(e, n, null, t);
+      } else
+        n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
+    }
+  }
+  return n;
+}
+function ne(e, t, n, s) {
+  let o = !1;
+  for (let r = 0, i = t.length; r < i; r++) {
+    let l = t[r], f = n && n[e.length], m;
+    if (!(l == null || l === !0 || l === !1))
+      if ((m = typeof l) == "object" && l.nodeType)
+        e.push(l);
+      else if (Array.isArray(l))
+        o = ne(e, l, f) || o;
+      else if (m === "function")
+        if (s) {
+          for (; typeof l == "function"; )
+            l = l();
+          o = ne(
+            e,
+            Array.isArray(l) ? l : [l],
+            Array.isArray(f) ? f : [f]
+          ) || o;
+        } else
+          e.push(l), o = !0;
+      else {
+        const h = String(l);
+        f && f.nodeType === 3 && f.data === h ? e.push(f) : e.push(document.createTextNode(h));
+      }
+  }
+  return o;
+}
+function pe(e, t, n = null) {
+  for (let s = 0, o = t.length; s < o; s++)
+    e.insertBefore(t[s], n);
+}
+function $(e, t, n, s) {
+  if (n === void 0)
+    return e.textContent = "";
+  const o = s || document.createTextNode("");
+  if (t.length) {
+    let r = !1;
+    for (let i = t.length - 1; i >= 0; i--) {
+      const l = t[i];
+      if (o !== l) {
+        const f = l.parentNode === e;
+        !r && !i ? f ? e.replaceChild(o, l) : e.insertBefore(o, n) : f && l.remove();
+      } else
+        r = !0;
+    }
+  } else
+    e.insertBefore(o, n);
+  return [o];
+}
+function Je(e) {
+  return e.varName ? ` for '${e.varName}'` : "";
+}
+function Qe(e, t = {}) {
+  if (e == null || e === "" && !t.allowEmpty)
+    throw new Error(`Missing string value${Je(t)}`);
+  return typeof e == "string" ? e : e.toString();
+}
+var Ce = (e) => e != null && (e = Object.getPrototypeOf(e), e === Array.prototype || e === Object.prototype);
+function xe(e, t, n) {
+  for (const [s, o] of Object.entries(t)) {
+    const r = `${n}.${s}`;
+    e[r] = o, Ce(o) && xe(e, o, r);
+  }
+}
+function We(e) {
+  const t = { ...e };
+  for (const [n, s] of Object.entries(e))
+    Ce(s) && xe(t, s, n);
+  return t;
+}
+var Xe = (e, t) => {
+  if (t)
+    for (const [n, s] of Object.entries(t))
+      e = e.replace(new RegExp(`{{\\s*${n}\\s*}}`, "g"), s);
+  return e;
+}, Ze = (e) => e;
+function Ke(e, t = Ze) {
+  return (n, ...s) => {
+    n[0] === "." && (n = n.slice(1));
+    const o = e()?.[n];
+    switch (typeof o) {
+      case "function":
+        return o(...s);
+      case "string":
+        return t(o, s[0]);
+      default:
+        return o;
+    }
+  };
+}
+const ze = {
+  noSubject: "-no subject-",
+  contactFrom: "(contact from $1)",
+  nameIs: "<b>Name:</b> $1",
+  emailIs: "<b>E-mail:</b> $1",
+  sendUsAnEmailTo: "send us an e-mail to: $1",
+  sorryMessage: "sorry, the website is incorrectly configured"
+}, et = {
+  name: "Name",
+  email: "Email",
+  subject: "Subject",
+  message: "Message",
+  send: "Send",
+  emailPlaceholder: "The e-mail address on which we can reply to you",
+  namePlaceholder: "Your name",
+  subjectPlaceholder: "The subject of your message",
+  messagePlaceholder: "Enter your message here...",
+  unexpectedErrorMessage: "Unexpected error, the message could not be sent.",
+  returnHome: "Return Home",
+  successMessage: "Your message has been sent. If there is a response, it will be sent to the address"
+}, tt = {
+  mail: ze,
+  contactForm: et
+}, nt = {
+  noSubject: "-sans sujet-",
+  contactFrom: "(contact via $1)",
+  nameIs: "<b>Nom :</b> $1",
+  emailIs: "<b>E-mail :</b> $1",
+  sendUsAnEmailTo: "envoyez-nous un e-mail directement à : $1",
+  sorryMessage: "désolé, le site est mal configuré"
+}, st = {
+  name: "Nom",
+  email: "E-mail",
+  subject: "Sujet",
+  message: "Message",
+  send: "Envoyer",
+  emailPlaceholder: "L'adresse e-mail sur laquelle nous pourrons vous répondre",
+  namePlaceholder: "Votre nom",
+  subjectPlaceholder: "Le sujet de votre message",
+  messagePlaceholder: "Saisissez votre message",
+  unexpectedErrorMessage: "Erreur inattendue, le message n'a pas pu être envoyé.",
+  returnHome: "Retourner à l'accueil",
+  successMessage: "Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse"
+}, ot = {
+  mail: nt,
+  contactForm: st
+}, ge = { en: tt, fr: ot };
+function lt(e) {
+  const t = ee(() => {
+    const s = e in ge ? e : "en";
+    return We(ge[s]);
+  });
+  return { t: Ke(t, Xe) };
+}
+async function rt(e, t, n) {
+  n(!0);
+  try {
+    const s = await it(e);
+    return t.reset(), s;
+  } finally {
+    n(!1);
+  }
+}
+async function it(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 ct = /* @__PURE__ */ G("<div class=ContactForm-error>"), at = /* @__PURE__ */ G('<div class="ContactForm-done ContactForm-ended"><div class=ContactForm-endedMessage><p></p><p></p></div><div class=ContactForm-endedActions><a class=BigBtn>'), ut = /* @__PURE__ */ G("<form class=ContactForm><div class=ContactForm-fieldGroup><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><input class=ContactFormField-input type=text name=name required></label><label class=ContactFormField><span class=ContactFormField-label></span><input class=ContactFormField-input type=text name=subject></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>"), ft = /* @__PURE__ */ G("<div class=ContactForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");
+function dt({
+  recaptchaKey: e,
+  language: t,
+  homeUrl: n
+}) {
+  const [s, o] = y(""), [r, i] = y(""), [l, f] = y(), [m, h] = y(""), [w, j] = y(), [M, N] = y(!e), [oe, Y] = y(), [$e, le] = y(""), [Ae, je] = y(!1), {
+    t: p
+  } = lt(t), Me = async (b) => {
+    try {
+      if (b.preventDefault(), !M() || !L)
+        throw new Error("Erreur de recaptcha");
+      const F = await rt({
+        language: t,
+        name: s(),
+        subject: l(),
+        message: m(),
+        email: r(),
+        gRecaptchaResponse: w()
+      }, L, je);
+      F.success ? Y(!0) : (Y(!1), le(F.message ?? p("contactForm.unexpectedErrorMessage")));
+    } catch {
+      Y(!1), le(p("contactForm.unexpectedErrorMessage"));
+    }
+  }, L = (() => {
+    var b = ut(), F = b.firstChild, re = F.firstChild, ie = re.firstChild, J = ie.nextSibling, ce = re.nextSibling, ae = ce.firstChild, Q = ae.nextSibling, ue = ce.nextSibling, fe = ue.firstChild, W = fe.nextSibling, _e = ue.nextSibling, de = _e.firstChild, X = de.nextSibling, Z = F.nextSibling, K = Z.firstChild;
+    return b.addEventListener("submit", Me), g(ie, () => p("contactForm.email")), J.addEventListener("change", (c) => {
+      i(c.currentTarget.value);
+    }), g(ae, () => p("contactForm.name")), Q.addEventListener("change", (c) => o(c.currentTarget.value)), g(fe, () => p("contactForm.subject")), W.addEventListener("change", (c) => f(c.currentTarget.value)), g(de, () => p("contactForm.message")), X.addEventListener("change", (c) => h(c.currentTarget.value)), g(b, e && (() => {
+      var c = ft(), C = c.firstChild;
+      return x(C, "data-sitekey", e), c;
+    })(), Z), g(b, te(me, {
+      get when() {
+        return oe() === !1;
+      },
+      get children() {
+        var c = ct();
+        return g(c, $e), c;
+      }
+    }), Z), g(K, () => p("contactForm.send")), g(b, te(me, {
+      get when() {
+        return oe() === !0;
+      },
+      get children() {
+        var c = at(), C = c.firstChild, R = C.firstChild, U = R.nextSibling, O = C.nextSibling, T = O.firstChild;
+        return g(R, () => p("contactForm.successMessage")), g(U, r), x(T, "href", n), g(T, () => p("contactForm.returnHome")), c;
+      }
+    }), null), S((c) => {
+      var C = p("contactForm.emailPlaceholder"), R = p("contactForm.namePlaceholder"), U = p("contactForm.subjectPlaceholder"), O = p("contactForm.messagePlaceholder"), T = !!Ae(), he = !M();
+      return C !== c.e && x(J, "placeholder", c.e = C), R !== c.t && x(Q, "placeholder", c.t = R), U !== c.a && x(W, "placeholder", c.a = U), O !== c.o && x(X, "placeholder", c.o = O), T !== c.i && K.classList.toggle("inProgress", c.i = T), he !== c.n && (K.disabled = c.n = he), c;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0
+    }), S(() => J.value = r()), S(() => Q.value = s()), S(() => W.value = l() ?? ""), S(() => X.value = m()), b;
+  })();
+  return Oe(() => {
+    e && (window.onRecaptchaSubmitted = Re, window.onRecaptchaExpired = Te);
+  }), Ie(() => {
+    e && (window.onRecaptchaSubmitted = void 0, window.onRecaptchaExpired = void 0);
+  }), L;
+  function Re(b) {
+    if (!b)
+      return;
+    N(!0);
+    const F = L?.elements.namedItem("g-recaptcha-response");
+    j(F.value);
+  }
+  function Te() {
+    N(!1);
+  }
+}
+function ht(e, {
+  language: t
+}) {
+  if (!t)
+    throw new Error("Missing language");
+  const n = e.dataset.recaptchaKey, s = Qe(e.dataset.homeUrl), o = document.createElement("script");
+  o.setAttribute("src", "https://www.google.com/recaptcha/api.js"), document.head.appendChild(o), Ye(() => te(dt, {
+    recaptchaKey: n,
+    language: t,
+    homeUrl: s
+  }), e);
+}
+document.addEventListener("DOMContentLoaded", () => {
+  const e = document.documentElement.lang, t = document.querySelector("[data-effect='contactForm']");
+  t && ht(t, {
+    language: e
+  });
+});

package/dist-frontend/style.css

@@ -0,0 +1 @@
+.ContactForm{margin-bottom:30px;margin-left:auto;margin-right:auto;position:relative}.ContactForm-error{margin:50px 50px 0;padding:20px}.ContactForm-done{display:flex;inset:0;position:absolute}.ContactForm-action{display:flex;justify-content:center;margin-top:50px}@media (max-width: 800px){.ContactForm-action{margin-top:30px}}.ContactForm-ended{align-content:center;align-items:center;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:opacity .4s;width:100%}.ContactForm-endedMessage{max-width:500px;font-size:18px;line-height:1.5}.ContactForm-endedActions{display:flex;gap:10px;margin-top:50px}.ContactForm-fieldGroup>*{margin-bottom:20px}.ContactFormField{display:block}.ContactFormField-label{display:block;font-size:16px;margin-bottom:5px}.ContactFormField-input,.ContactFormField-textarea{font-size:16px;display:block;padding:8px;width:100%}.ContactForm-btn{border:2px solid #ddbe8b;display:inline-block;font-size:20px;padding:12px 40px;position:relative;text-align:center}.ContactForm-btn:disabled{cursor:not-allowed}.ContactForm-btn.inProgress{pointer-events:none}.ContactForm-btn.inProgress:before{animation:contactFormSpin 2s linear infinite;border-radius:50%;box-sizing:border-box;content:"";display:block;height:26px;position:absolute;right:6px;top:calc(50% - 13px);width:26px}@keyframes contactFormSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/locales/en.json

@@ -0,0 +1,24 @@
+{
+  "mail": {
+    "noSubject": "-no subject-",
+    "contactFrom": "(contact from $1)",
+    "nameIs": "<b>Name:</b> $1",
+    "emailIs": "<b>E-mail:</b> $1",
+    "sendUsAnEmailTo": "send us an e-mail to: $1",
+    "sorryMessage": "sorry, the website is incorrectly configured"
+  },
+  "contactForm": {
+    "name": "Name",
+    "email": "Email",
+    "subject": "Subject",
+    "message": "Message",
+    "send": "Send",
+    "emailPlaceholder": "The e-mail address on which we can reply to you",
+    "namePlaceholder": "Your name",
+    "subjectPlaceholder": "The subject of your message",
+    "messagePlaceholder": "Enter your message here...",
+    "unexpectedErrorMessage": "Unexpected error, the message could not be sent.",
+    "returnHome": "Return Home",
+    "successMessage": "Your message has been sent. If there is a response, it will be sent to the address"
+  }
+}

package/locales/fr.json

@@ -0,0 +1,24 @@
+{
+  "mail": {
+    "noSubject": "-sans sujet-",
+    "contactFrom": "(contact via $1)",
+    "nameIs": "<b>Nom :</b> $1",
+    "emailIs": "<b>E-mail :</b> $1",
+    "sendUsAnEmailTo": "envoyez-nous un e-mail directement à : $1",
+    "sorryMessage": "désolé, le site est mal configuré"
+  },
+  "contactForm": {
+    "name": "Nom",
+    "email": "E-mail",
+    "subject": "Sujet",
+    "message": "Message",
+    "send": "Envoyer",
+    "emailPlaceholder": "L'adresse e-mail sur laquelle nous pourrons vous répondre",
+    "namePlaceholder": "Votre nom",
+    "subjectPlaceholder": "Le sujet de votre message",
+    "messagePlaceholder": "Saisissez votre message",
+    "unexpectedErrorMessage": "Erreur inattendue, le message n'a pas pu être envoyé.",
+    "returnHome": "Retourner à l'accueil",
+    "successMessage": "Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse"
+  }
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@paroicms/contact-form-plugin",
+  "version": "0.3.0",
+  "description": "Contact form for ParoiCMS",
+  "keywords": [
+    "paroicms",
+    "plugin",
+    "contact",
+    "form"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/paroi/opensource/paroicms.git",
+    "directory": "plugins/contact-form"
+  },
+  "author": "Paroi Team",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run build:backend && npm run build:frontend",
+    "build:backend": "tsc --project tsconfig.backend.json",
+    "build:frontend": "tsc && vite build",
+    "clear": "rimraf bo-dist/*",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@paroi/data-formatters-lib": "~0.4.0"
+  },
+  "peerDependencies": {
+    "@paroicms/internal-anywhere-lib": "1",
+    "@paroicms/public-server-lib": "0"
+  },
+  "devDependencies": {
+    "@paroicms/public-anywhere-lib": "0.2.0",
+    "@paroicms/public-server-lib": "0.6.0",
+    "@solid-primitives/i18n": "~2.1.1",
+    "@types/node": "~20.12.8",
+    "rimraf": "~5.0.5",
+    "sass": "~1.76.0",
+    "solid-devtools": "~0.30.1",
+    "solid-js": "~1.8.17",
+    "typescript": "~5.4.5",
+    "vite": "~5.2.11",
+    "vite-plugin-solid": "~2.10.2"
+  },
+  "main": "dist-backend/plugin.js",
+  "files": [
+    "dist-frontend",
+    "dist-backend",
+    "locales"
+  ]
+}