@lystech/sections 0.6.0 → 0.9.0

package/dist/index.js

@@ -1,203 +1,328 @@
-import { s as W, a as D, b as u } from "./morceaux/constantes-BPZxUYge.js";
-import { C as dt } from "./morceaux/constantes-BPZxUYge.js";
-import { jsx as I, jsxs as J, Fragment as q } from "react/jsx-runtime";
-import { useState as p, useRef as x, useEffect as A, useCallback as C, useMemo as L, useContext as Z, createContext as G } from "react";
-import { appliquerAuxTextes as K } from "./morceaux/sourceTexte-BMPMpNg9.js";
-import { adaptateurI18next as ht } from "./morceaux/sourceTexte-BMPMpNg9.js";
-const M = G(null), Q = "https://api.lystech.ca/api";
-function V() {
+import { b as le, a as K, A as de, E as Q, s as fe, c as R, d as l, F as X } from "./morceaux/constantes-BAdpe1ss.js";
+import { C as qe } from "./morceaux/constantes-BAdpe1ss.js";
+import { useRef as v, useEffect as E, useState as w, useCallback as y, useMemo as k, useContext as he, createContext as me, Suspense as we, lazy as ge } from "react";
+import { jsx as A, Fragment as te, jsxs as Y } from "react/jsx-runtime";
+import { appliquerAuxTextes as B } from "./morceaux/sourceTexte-BMPMpNg9.js";
+import { adaptateurI18next as $e } from "./morceaux/sourceTexte-BMPMpNg9.js";
+function je(e) {
+  return { [de]: e };
+}
+function Oe(e, t = !1) {
+  return t ? { [K]: e, [le]: "" } : { [K]: e };
+}
+function Te(e) {
+  const t = v(e);
+  t.current = e, E(() => {
+    const n = (r) => t.current(r.detail);
+    return window.addEventListener(Q, n), () => window.removeEventListener(Q, n);
+  }, []);
+}
+const ne = me(null), pe = "https://api.lystech.ca/api";
+function ee() {
+  if (typeof window > "u") return !1;
+  try {
+    return window.self !== window.top && (window.name === X || new URL(window.location.href).searchParams.has(X));
+  } catch {
+    return !1;
+  }
+}
+function ye() {
   if (typeof window > "u") return null;
-  const t = (e) => {
+  try {
+    return window.localStorage.getItem(R) ? null : new URLSearchParams(window.location.hash.replace(/^#/, "")).get(l) ?? new URL(window.location.href).searchParams.get(l) ?? window.localStorage.getItem(l) ?? window.sessionStorage.getItem(l);
+  } catch {
+    return null;
+  }
+}
+function Ee() {
+  if (typeof window > "u") return null;
+  const e = (t) => {
     try {
-      window.localStorage.setItem(u, e);
+      window.localStorage.setItem(l, t);
     } catch {
       try {
-        window.sessionStorage.setItem(u, e);
+        window.sessionStorage.setItem(l, t);
       } catch {
       }
     }
-    return e;
+    return t;
   };
   try {
-    if (window.localStorage.getItem(D)) {
-      window.localStorage.removeItem(D), window.localStorage.removeItem(u);
+    if (window.localStorage.getItem(R)) {
+      window.localStorage.removeItem(R), window.localStorage.removeItem(l);
       try {
-        window.sessionStorage.removeItem(u);
+        window.sessionStorage.removeItem(l);
       } catch {
       }
       return null;
     }
-    const e = window.location.hash.replace(/^#/, "");
-    if (e.includes(u + "=")) {
-      const c = new URLSearchParams(e), o = c.get(u);
-      if (o) {
-        c.delete(u);
-        const a = c.toString();
+    const t = window.location.hash.replace(/^#/, "");
+    if (t.includes(l + "=")) {
+      const s = new URLSearchParams(t), c = s.get(l);
+      if (c) {
+        s.delete(l);
+        const a = s.toString();
         return window.history.replaceState(
           {},
           "",
           window.location.pathname + window.location.search + (a ? "#" + a : "")
-        ), t(o);
+        ), e(c);
       }
     }
-    const r = new URL(window.location.href), n = r.searchParams.get(u);
-    return n ? (r.searchParams.delete(u), window.history.replaceState({}, "", r.toString()), t(n)) : window.localStorage.getItem(u) ?? window.sessionStorage.getItem(u);
+    const n = new URL(window.location.href), r = n.searchParams.get(l);
+    return r ? (n.searchParams.delete(l), window.history.replaceState({}, "", n.toString()), e(r)) : window.localStorage.getItem(l) ?? window.sessionStorage.getItem(l);
   } catch {
     return null;
   }
 }
-function ct({
-  site: t,
-  page: e,
-  langue: r = "fr",
-  apiBaseUrl: n = Q,
-  sectionsInitiales: c,
-  sourceTexte: o,
+function De({
+  site: e,
+  page: t,
+  langue: n = "fr",
+  apiBaseUrl: r = pe,
+  sectionsInitiales: s,
+  sourceTexte: c,
   pagesPartagees: a,
-  children: m
+  session: h,
+  connexionPropre: S = !1,
+  children: b
 }) {
-  const [d, E] = p(
-    c ?? []
-  ), [w, g] = p(
-    c?.length ? "pret" : "chargement"
-  ), [j, y] = p(0), [S, k] = p({}), [P, N] = p(!1), U = x(null);
-  A(() => {
-    if (!t || !e) return;
-    U.current?.abort();
-    const s = new AbortController();
-    U.current = s, g("chargement");
-    const l = n + "/site-sections/public/" + encodeURIComponent(t) + "/" + encodeURIComponent([e, ...a ?? []].join(","));
-    return fetch(l, { signal: s.signal }).then(
+  const [g, P] = w(
+    s ?? []
+  ), [_, p] = w(
+    s?.length ? "pret" : "chargement"
+  ), [j, re] = w(0), [F, oe] = w({}), [M, ce] = w(!1), [I] = w(ee), [N, z] = w(null), [O, se] = w(
+    () => ee() ? null : ye()
+  ), [ie, ae] = w(0), H = v(null);
+  E(() => {
+    if (!e || !t) return;
+    H.current?.abort();
+    const o = new AbortController();
+    H.current = o, p("chargement");
+    const u = encodeURIComponent(e) + "/" + encodeURIComponent([t, ...a ?? []].join(",")), d = new Headers(h?.entetes ?? {});
+    return O && d.set("Authorization", "Bearer " + O), fetch(
+      r + "/site-sections/membre/" + u + (O ? "?toutes=1" : ""),
+      { signal: o.signal, credentials: "include", headers: d }
+    ).then(
       (i) => i.ok ? i.json() : Promise.reject(new Error(String(i.status)))
     ).then((i) => {
-      s.signal.aborted || (E(Array.isArray(i) ? i : []), g("pret"));
+      o.signal.aborted || (P(Array.isArray(i?.sections) ? i.sections : []), z(i?.viewer ?? null), p("pret"));
     }).catch((i) => {
-      s.signal.aborted || i?.name === "AbortError" || g("erreur");
-    }), () => s.abort();
-  }, [t, e, n, j, (a ?? []).join(",")]);
-  const R = C(() => y((s) => s + 1), []), $ = x({}), z = C((s, l) => {
-    $.current[s] = l;
+      if (o.signal.aborted || i?.name === "AbortError") throw i;
+      return fetch(r + "/site-sections/public/" + u, {
+        signal: o.signal
+      }).then(
+        (C) => C.ok ? C.json() : Promise.reject(new Error(String(C.status)))
+      ).then((C) => {
+        o.signal.aborted || (P(Array.isArray(C) ? C : []), z(null), p("pret"));
+      });
+    }).catch((i) => {
+      o.signal.aborted || i?.name === "AbortError" || p("erreur");
+    }), () => o.abort();
+  }, [e, t, r, j, (a ?? []).join(","), h?.cle ?? null, O]);
+  const D = y(() => re((o) => o + 1), []), q = v({}), J = y((o, u) => {
+    q.current[o] = u;
   }, []);
-  A(() => {
-    !o || !d.length || K(d, o);
-  }, [d, o]);
-  const _ = C(
-    (s, l) => k((i) => ({ ...i, [s]: l })),
+  E(() => {
+    !c || !g.length || B(g, c);
+  }, [g, c]);
+  const L = y(
+    (o, u) => oe((d) => ({ ...d, [o]: u })),
     []
-  ), f = x({
-    site: t,
-    page: e,
-    langue: r,
+  ), m = v({
+    site: e,
+    page: t,
+    langue: n,
     poserApercu: () => {
     },
     recharger: () => {
     }
   });
-  f.current.site = t, f.current.page = e, f.current.langue = r, f.current.poserApercu = _, f.current.sourceTexte = o, f.current.replis = $.current, f.current.recharger = R, A(() => {
-    f.current.surChangementDePage?.(e);
-  }, [e]);
-  const v = x(null), F = C(
-    async (s, l = {}) => {
-      const i = v.current;
-      if (!i) throw new Error("Aucune connexion d'édition active.");
-      if (!s.startsWith("/"))
+  m.current.site = e, m.current.page = t, m.current.langue = n, m.current.poserApercu = L, m.current.sourceTexte = c, m.current.replis = q.current, m.current.recharger = D, E(() => {
+    m.current.surChangementDePage?.(t);
+  }, [t]);
+  const U = v(null), $ = y(
+    async (o, u = {}) => {
+      const d = U.current;
+      if (!d) throw new Error("Aucune connexion d'édition active.");
+      if (!o.startsWith("/"))
         throw new Error(
           "appelEdition attend un chemin de l'API, ex. « /results/site/droits »."
         );
-      const h = new Headers(l.headers);
-      h.set("Authorization", "Bearer " + i), typeof l.body == "string" && !h.has("Content-Type") && h.set("Content-Type", "application/json");
-      const H = await fetch(n + s, { ...l, headers: h });
-      return H.status === 401 && W(), H;
+      const f = new Headers(u.headers);
+      f.set("Authorization", "Bearer " + d), typeof u.body == "string" && !f.has("Content-Type") && f.set("Content-Type", "application/json");
+      const i = await fetch(r + o, { ...u, headers: f });
+      return i.status === 401 && fe(), i;
     },
-    [n]
+    [r]
   );
-  A(() => {
-    const s = V();
-    if (!s) return;
-    let l = !0, i;
-    return import("@lystech/sections/editeur").then((h) => {
-      l && (v.current = s, N(!0), i = h.monterEditeur({
-        jeton: s,
-        site: t,
-        apiBaseUrl: n,
-        pont: f.current
+  E(() => {
+    if (!I) return;
+    const o = (u) => {
+      if (u.source !== window.parent || u.origin !== window.location.origin) return;
+      const d = u.data;
+      if (d?.lystech !== "apercu" || !Array.isArray(d.blocs)) return;
+      const f = d.blocs.filter((i) => /^i18n:/.test(i.blockType));
+      f.length && c && B(f, c);
+      for (const i of d.blocs)
+        /^i18n:/.test(i.blockType) || L(i.blockType, i.data);
+    };
+    window.addEventListener("message", o);
+    try {
+      window.parent.postMessage({ lystech: "apercu-pret" }, window.location.origin);
+    } catch {
+    }
+    return () => window.removeEventListener("message", o);
+  }, [I, c, L]);
+  const V = y(
+    (o) => m.current.ouvrirBoutique?.(o ?? null) ?? !1,
+    []
+  );
+  E(() => {
+    if (I) return;
+    const o = Ee();
+    if (!o) return;
+    let u = !0, d;
+    return import("@lystech/sections/editeur").then((f) => {
+      u && (U.current = o, ce(!0), d = f.monterEditeur({
+        jeton: o,
+        site: e,
+        apiBaseUrl: r,
+        pont: m.current
       }));
-    }).catch((h) => {
-      console.error("[lystech] éditeur indisponible:", h?.message ?? h);
+    }).catch((f) => {
+      console.error("[lystech] éditeur indisponible:", f?.message ?? f);
     }), () => {
-      l = !1, v.current = null, i?.();
+      u = !1, U.current = null, d?.();
     };
-  }, [t, n]);
-  const T = L(
+  }, [e, r, I, ie]);
+  const W = y((o) => {
+    if (o) {
+      try {
+        window.localStorage.removeItem(R), window.localStorage.setItem(l, o);
+      } catch {
+        try {
+          window.sessionStorage.setItem(l, o);
+        } catch {
+          window.location.hash = l + "=" + encodeURIComponent(o);
+        }
+      }
+      se(o), ae((u) => u + 1);
+    }
+  }, []), G = v(h?.entetes);
+  G.current = h?.entetes;
+  const Z = y(
+    (o, u = {}) => {
+      if (!o.startsWith("/"))
+        return Promise.reject(new Error("appelSession attend un chemin de l'API."));
+      const d = new Headers(u.headers);
+      for (const [f, i] of Object.entries(G.current ?? {})) d.set(f, i);
+      return fetch(r + o, { ...u, headers: d, credentials: "include" });
+    },
+    [r]
+  ), ue = k(
     () => ({
-      site: t,
-      page: e,
-      langue: r,
-      apiBaseUrl: n,
-      sections: d,
-      etat: w,
-      recharger: R,
-      apercu: S,
-      poserApercu: _,
-      modeEdition: P,
-      declarerRepli: z,
-      appelEdition: F
+      site: e,
+      page: t,
+      langue: n,
+      apiBaseUrl: r,
+      sections: g,
+      etat: _,
+      recharger: D,
+      apercu: F,
+      poserApercu: L,
+      modeEdition: M,
+      declarerRepli: J,
+      appelEdition: $,
+      ouvrirBoutique: V,
+      modeApercu: I,
+      visiteur: N,
+      entrerEnEdition: W,
+      connexionPropre: S,
+      appelSession: Z
     }),
     [
-      t,
       e,
-      r,
+      t,
       n,
-      d,
-      w,
-      R,
-      S,
+      r,
+      g,
       _,
-      P,
-      z,
-      F
+      D,
+      F,
+      L,
+      M,
+      J,
+      $,
+      V,
+      I,
+      N,
+      W,
+      S,
+      Z
     ]
   );
-  return /* @__PURE__ */ I(M.Provider, { value: T, children: m });
+  return /* @__PURE__ */ A(ne.Provider, { value: ue, children: b });
+}
+function x() {
+  return he(ne);
+}
+function Ae() {
+  return x()?.visiteur ?? null;
 }
-function O() {
-  return Z(M);
+function Se(e, t, n = []) {
+  if (t === "everyone") return !0;
+  if (!e) return !1;
+  switch (t) {
+    case "loggedIn":
+      return e.isLoggedIn;
+    case "members":
+      return e.activePlanUIDs.length > 0;
+    case "nonMembers":
+      return e.activePlanUIDs.length === 0;
+    case "plans":
+      return n.some((r) => e.activePlanUIDs.includes(r));
+  }
+}
+function Ue({ show: e, plans: t, fallback: n = null, children: r }) {
+  const s = Ae();
+  return /* @__PURE__ */ A(te, { children: Se(s, e, t) ? r : n });
 }
-const X = "https://api.lystech.ca/api";
-function st({
-  site: t,
-  apiBaseUrl: e,
-  className: r,
-  mention: n = "Réalisé avec Lystech",
-  connexion: c = "Connexion",
-  methodes: o
+const be = "https://api.lystech.ca/api";
+function ke({
+  site: e,
+  apiBaseUrl: t,
+  className: n,
+  mention: r = "Réalisé avec Lystech",
+  connexion: s = "Connexion",
+  methodes: c
 }) {
-  const a = O(), m = t ?? a?.site ?? "", d = e ?? a?.apiBaseUrl ?? X, [E, w] = p(!1);
-  if (!m) return null;
-  const g = async () => {
-    if (!E) {
-      w(!0);
+  const a = x(), h = e ?? a?.site ?? "", S = t ?? a?.apiBaseUrl ?? be, [b, g] = w(!1);
+  if (!h) return null;
+  const P = async () => {
+    if (!b) {
+      g(!0);
       try {
         (await import("@lystech/sections/editeur")).monterConnexion({
-          site: m,
-          apiBaseUrl: d,
-          ...o ? { methodes: o } : {},
-          surJeton: (S) => {
+          site: h,
+          apiBaseUrl: S,
+          ...c ? { methodes: c } : {},
+          surJeton: (j) => {
             try {
-              window.localStorage.removeItem(D), window.localStorage.setItem(u, S);
+              window.localStorage.removeItem(R), window.localStorage.setItem(l, j);
             } catch {
-              window.location.hash = u + "=" + encodeURIComponent(S);
+              window.location.hash = l + "=" + encodeURIComponent(j);
             }
             window.location.reload();
           }
         });
-      } catch (y) {
-        console.error("[lystech] connexion indisponible:", y?.message ?? y);
+      } catch (p) {
+        console.error("[lystech] connexion indisponible:", p?.message ?? p);
       } finally {
-        w(!1);
+        g(!1);
       }
     }
-  }, j = {
+  }, _ = {
     color: "inherit",
     font: "inherit",
     background: "none",
@@ -207,10 +332,10 @@ function st({
     textDecoration: "underline",
     textUnderlineOffset: "0.2em"
   };
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ Y(
     "div",
     {
-      className: r,
+      className: n,
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -221,109 +346,126 @@ function st({
         lineHeight: 1.5
       },
       children: [
-        n !== null && /* @__PURE__ */ I(
+        r !== null && /* @__PURE__ */ A(
           "a",
           {
             href: "https://lystech.ca",
             target: "_blank",
             rel: "noreferrer",
             style: { color: "inherit" },
-            children: n
+            children: r
           }
         ),
-        !a?.modeEdition && /* @__PURE__ */ J(q, { children: [
-          n !== null && /* @__PURE__ */ I("span", { "aria-hidden": "true", children: "·" }),
-          /* @__PURE__ */ I("button", { type: "button", style: j, onClick: g, children: E ? "…" : c })
+        !a?.modeEdition && !a?.connexionPropre && /* @__PURE__ */ Y(te, { children: [
+          r !== null && /* @__PURE__ */ A("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ A("button", { type: "button", style: _, onClick: P, children: b ? "…" : s })
         ] })
       ]
     }
   );
 }
-function Y(t) {
-  return !!t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).every((e) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(e));
+const Ie = ge(() => import("./morceaux/BoutonEditionCorps-B57eJtJn.js"));
+function Fe(e) {
+  const t = x();
+  return !t || !e.connecte || t.modeEdition || t.modeApercu || e.peutEditer === !1 ? null : /* @__PURE__ */ A(we, { fallback: null, children: /* @__PURE__ */ A(Ie, { ...e }) });
+}
+function Ce(e) {
+  return !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).every((t) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(t));
 }
-function b(t, e) {
-  if (Array.isArray(t)) return t.map((r) => b(r, e));
-  if (Y(t)) {
-    const r = t, n = e.slice(0, 2);
-    return r[e] ?? r[n] ?? Object.values(r).find((o) => o != null) ?? "";
+function T(e, t) {
+  if (Array.isArray(e)) return e.map((n) => T(n, t));
+  if (Ce(e)) {
+    const n = e, r = t.slice(0, 2);
+    return n[t] ?? n[r] ?? Object.values(n).find((c) => c != null) ?? "";
   }
-  if (t && typeof t == "object") {
-    const r = {};
-    for (const [n, c] of Object.entries(t))
-      r[n] = b(c, e);
-    return r;
+  if (e && typeof e == "object") {
+    const n = {};
+    for (const [r, s] of Object.entries(e))
+      n[r] = T(s, t);
+    return n;
   }
-  return t;
+  return e;
 }
-function B(t, e) {
-  if (!e || typeof e != "object" || Array.isArray(e))
-    return t;
-  const r = { ...t };
-  for (const [n, c] of Object.entries(e))
-    c != null && (r[n] = c);
-  return r;
+function ve(e, t) {
+  if (!t || typeof t != "object" || Array.isArray(t))
+    return e;
+  const n = { ...e };
+  for (const [r, s] of Object.entries(t))
+    s != null && (n[r] = s);
+  return n;
 }
-function tt(t) {
-  return (e) => ({ "data-lystech-champ": `${t}:${e}` });
+function Le(e) {
+  return (t) => ({ "data-lystech-champ": `${e}:${t}` });
 }
-function it(t, e) {
-  const r = O(), n = r?.apercu?.[t], c = r?.declarerRepli;
-  return A(() => {
-    c?.(t, e.defaut);
-  }, [c, t, e.defaut]), L(() => {
-    const o = r?.sections.find(
-      (d) => d.blockType === t
-    ), a = n ?? o?.data ?? null, m = a ? b(a, r?.langue ?? "fr") : null;
+function Me(e, t) {
+  const n = x(), r = n?.apercu?.[e], s = n?.declarerRepli;
+  return E(() => {
+    s?.(e, t.defaut);
+  }, [s, e, t.defaut]), k(() => {
+    const c = n?.sections.find(
+      (b) => b.blockType === e
+    ), a = !!c?.hidden, h = a ? null : r ?? c?.data ?? null, S = h ? T(h, n?.langue ?? "fr") : null;
     return {
-      contenu: B(e.defaut, m),
-      publie: !!o?.data,
-      UID: o?.UID ?? null,
-      chargement: r?.etat === "chargement",
-      ancrage: { "data-lystech-section": t },
-      champ: tt(t)
+      contenu: ve(t.defaut, S),
+      visible: !a,
+      audience: c?.audience ?? null,
+      publie: !!c?.data,
+      UID: c?.UID ?? null,
+      chargement: n?.etat === "chargement",
+      ancrage: { "data-lystech-section": e },
+      champ: Le(e)
     };
   }, [
-    r?.sections,
-    r?.langue,
-    r?.etat,
-    n,
-    t,
-    e.defaut
+    n?.sections,
+    n?.langue,
+    n?.etat,
+    r,
+    e,
+    t.defaut
   ]);
 }
-function at(t, e) {
-  const r = O();
-  return L(() => {
-    const n = { "data-lystech-section": t }, c = (r?.sections ?? []).filter(
-      (o) => o.blockType === t
-    );
-    return c.length === 0 ? {
-      items: (e?.defaut ?? []).map((o, a) => ({
-        ...o,
-        __uid: `defaut-${a}`
+function Ne(e, t) {
+  const n = x();
+  return k(() => {
+    const r = { "data-lystech-section": e }, s = (n?.sections ?? []).filter(
+      (a) => a.blockType === e
+    ), c = s.filter((a) => !a.hidden);
+    return s.length > 0 && c.length === 0 ? { items: [], publie: !0, chargement: n?.etat === "chargement", ancrage: r } : c.length === 0 ? {
+      items: (t?.defaut ?? []).map((a, h) => ({
+        ...a,
+        __uid: `defaut-${h}`
       })),
       publie: !1,
-      chargement: r?.etat === "chargement",
-      ancrage: n
+      chargement: n?.etat === "chargement",
+      ancrage: r
     } : {
-      items: c.map((o) => ({
-        ...b(o.data ?? {}, r?.langue ?? "fr"),
-        __uid: o.UID
+      items: c.map((a) => ({
+        ...T(a.data ?? {}, n?.langue ?? "fr"),
+        __uid: a.UID
       })),
       publie: !0,
-      chargement: r?.etat === "chargement",
-      ancrage: n
+      chargement: n?.etat === "chargement",
+      ancrage: r
     };
-  }, [r?.sections, r?.langue, r?.etat, t, e?.defaut]);
+  }, [n?.sections, n?.langue, n?.etat, e, t?.defaut]);
 }
 export {
-  dt as CLASSE_HORS_EDITION,
-  ct as SectionsProvider,
-  st as SignatureLystech,
-  ht as adaptateurI18next,
-  K as appliquerAuxTextes,
-  it as useSection,
-  at as useSectionList,
-  O as useSectionsContext
+  K as ATTR_COLLECTION,
+  le as ATTR_COLLECTION_AFFICHEE,
+  de as ATTR_PRODUIT,
+  Ue as Audience,
+  Fe as BoutonEdition,
+  qe as CLASSE_HORS_EDITION,
+  Q as EVENEMENT_CATALOGUE,
+  De as SectionsProvider,
+  ke as SignatureLystech,
+  $e as adaptateurI18next,
+  B as appliquerAuxTextes,
+  Oe as marqueCollection,
+  je as marqueProduit,
+  Te as useCatalogueModifie,
+  Me as useSection,
+  Ne as useSectionList,
+  x as useSectionsContext,
+  Ae as useVisiteur
 };