]*>([\s\S]*?)<\/li>/g)]
.map((li) => text(li[1]) ?? "")
.filter(Boolean),
}))
: [];
/** Inner HTML du premier d'un wysiwyg. */
const firstP = (html?: string | null): string | undefined => {
const m = html?.match(/]*>([\s\S]*?)<\/p>/);
return m ? m[1] : undefined;
};
/** ReactNode HTML brut (corps SEO : , …). */
const htmlNode = (s?: string | null): ReactNode | undefined =>
s ? : undefined;
/** Id YouTube depuis une URL watch / youtu.be / embed. */
const youtubeId = (url?: string | null): string | undefined => {
if (!url) return undefined;
const m =
url.match(/[?&]v=([\w-]{6,})/) ??
url.match(/youtu\.be\/([\w-]{6,})/) ??
url.match(/\/embed\/([\w-]{6,})/);
return m?.[1];
};
/** Merge index par index sur un squelette par défaut (icônes conservées). */
function mergeOnto(
defaults: TDef[],
items: TIn[],
merge: (def: TDef, item: TIn) => TDef,
): TDef[] | undefined {
if (!items.length) return undefined;
return defaults.map((def, i) => (items[i] ? merge(def, items[i]) : def));
}
/** FAQ : questions/réponses WP (réponse wysiwyg) → { q, a } plain text. */
const mapFaqs = (section: FaqBlock): { q: string; a: string }[] | undefined => {
const faqs = arr(section.questions)
.map((q) => ({ q: val(q.question) ?? "", a: text(q.reponse) ?? "" }))
.filter((f) => f.q && f.a);
return faqs.length ? faqs : undefined;
};
// ---------------------------------------------------------------------------
// Adaptateurs — hub /industrie
// ---------------------------------------------------------------------------
/**
* H1 du hero hub : « Réduisez la *chaleur*, maîtrisez vos coûts. » →
* accent souligné + virgule +
+ seconde ligne en muted (markup original).
*/
const hubHeroTitre = (titre?: string | null): ReactNode | undefined => {
if (!titre || !titre.includes("*")) return plain(titre);
const segments = parseAccent(titre);
return (
<>
{segments.map((s, i) => {
if (s.accent) {
return (
{s.text}
);
}
const m = i > 0 ? s.text.match(/^([,.]?)\s+([\s\S]*)$/) : null;
if (m && m[2]) {
return (
{m[1]}
{m[2]}
);
}
return {s.text};
})}
);
};
const IndustrieHeroAdapter = (section: HeroBlock) => {
const img = mapImage(section.image);
const stats = arr(section.stats);
return (
({
...def,
value: val(s.value) ?? def.value,
label: val(s.label) ?? def.label,
}))}
badgeTitle={val(arr(section.badges)[0]?.texte)}
ctaPrimaireLabel={val(section.ctaPrimaire?.label)}
ctaPrimaireHref={val(section.ctaPrimaire?.lien)}
ctaSecondaireLabel={val(section.ctaSecondaire?.label)}
ctaSecondaireHref={val(section.ctaSecondaire?.lien)}
/>
);
};
const IndustrieProblemAdapter = (section: GrilleCardsBlock) => (
({
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
}))}
/>
);
const IndustriePrincipleAdapter = (section: TexteImageBlock) => {
const pairs = h3pPairs(section.contenu);
const img = mapImage(section.image);
return (
({
...def,
label: val(l.texte) ?? def.label,
}))}
ctaLabel={val(section.cta?.label)}
ctaHref={val(section.cta?.lien)}
/>
);
};
const IndustrieBenefitsAdapter = (section: ChiffresBlock & GrilleCardsBlock) => {
// Deux rows WP alimentent ce composant : `chiffres` (métrique -40%) et
// `grille_cards` sans entête (5 cartes). Ne poser `origine` que sur UNE
// des deux rows pour éviter un double rendu.
if (arr(section.cards).length) {
return (
({
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
}))}
/>
);
}
const figure = arr(section.figures)[0];
const m = figure?.value?.match(/^([\s\S]*?)(%)\s*$/);
return (
);
};
const IndustrieApplicationsAdapter = (section: GrilleCardsBlock) => (
{
const img = mapImage(c.image);
return {
...def,
name: val(c.titre) ?? def.name,
line: val(c.texte) ?? def.line,
img: img?.sourceUrl ?? def.img,
};
})}
ctaLabel={val(section.transition)}
/>
);
const IndustrieMethodAdapter = (section: EtapesBlock) => {
// reassurance = "Titre — desc\nTitre — desc" (2 blocs réassurance).
const reassuranceLines = (section.reassurance ?? "")
.split("\n")
.map((l) => l.trim())
.filter(Boolean)
.map((l) => {
const idx = l.indexOf("—");
if (idx < 0) return { title: l, desc: "" };
return { title: l.slice(0, idx).trim(), desc: l.slice(idx + 1).trim() };
});
return (
({
...def,
title: val(e.titre) ?? def.title,
desc: val(e.texte) ?? def.desc,
}))}
reassurances={mergeOnto(hubMethodReassurances, reassuranceLines, (def, r) => ({
...def,
title: r.title || def.title,
desc: r.desc || def.desc,
}))}
/>
);
};
/**
* IndustrieProof est aussi rendu sur les pages secteur (Logistique :
* `` dans la page d'origine) — le
* secteur filtre les références mises en avant. Une clé de registry par
* secteur (la row WP `references_grille` voisine est absorbée).
*/
const industrieProofAdapter =
(sector?: "industrie" | "logistique") => (section: ChiffresBlock) => (
({
...def,
value: val(f.value) ?? def.value,
label: val(f.label) ?? def.label,
}))}
/>
);
const IndustrieProofAdapter = industrieProofAdapter();
const IndustrieProofLogistiqueAdapter = industrieProofAdapter("logistique");
const IndustrieFAQAdapter = (section: FaqBlock) => (
);
const IndustrieFinalCTAAdapter = (section: CtaBlock) => (
({
...def,
title: val(r.texte) ?? def.title,
}))}
/>
);
// ---------------------------------------------------------------------------
// Adaptateurs — Logistique
// ---------------------------------------------------------------------------
const LogistiqueHeroAdapter = (section: HeroBlock) => {
const img = mapImage(section.image);
return (
({
...def,
value: val(s.value) ?? def.value,
label: val(s.label) ?? def.label,
}))}
ctaLabel={val(section.ctaPrimaire?.label)}
/>
);
};
const LogistiqueProblemAdapter = (section: GrilleCardsBlock) => (
{
const img = mapImage(c.image);
return {
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
image: img?.sourceUrl ?? def.image,
imageAlt: img?.altText || def.imageAlt,
};
})}
/>
);
/** « Toiture cool roof — jusqu'à 90% du rayonnement réfléchi » → métrique. */
const solutionCard = (pair?: {
title: string;
points: string[];
}): { title?: string; metric?: string; metricLabel?: string; points?: string[] } => {
if (!pair) return {};
const [head, tail] = pair.title.split("—").map((s) => s.trim());
const m = tail?.match(/^(jusqu'à\s+\S+)\s+([\s\S]+)$/i);
return {
title: head || undefined,
metric: m ? m[1] : undefined,
metricLabel: m ? m[2] : undefined,
points: pair.points.length ? pair.points : undefined,
};
};
const LogistiqueSolutionAdapter = (section: TexteImageBlock) => {
const pairs = h3UlPairs(section.contenu);
const img = mapImage(section.image);
const cards = pairs.length
? logiComparisons.map((def, i) => {
const parsed = solutionCard(pairs[i]);
const isCool = def.tone === "cool";
return {
...def,
title: parsed.title ?? def.title,
metric: parsed.metric ?? def.metric,
metricLabel: parsed.metricLabel ?? def.metricLabel,
points: parsed.points ?? def.points,
image: isCool && img ? img.sourceUrl : def.image,
alt: isCool && img?.altText ? img.altText : def.alt,
};
})
: undefined;
return (
({
...def,
label: val(l.texte) ?? def.label,
}))}
/>
);
};
const LogistiqueBenefitsAdapter = (section: ChiffresBlock & GrilleCardsBlock) => {
// Deux rows WP : `chiffres` (-10°C) et `grille_cards` (4 impacts). Ne poser
// `origine` que sur UNE des deux rows pour éviter un double rendu.
if (arr(section.cards).length) {
return (
({
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
}))}
/>
);
}
const figure = arr(section.figures)[0];
const [metricLabel, footnote] = (figure?.label ?? "").split(" — ").map((s) => s.trim());
return (
);
};
const LogistiqueApplicationsAdapter = (section: GrilleCardsBlock) => (
{
const img = mapImage(c.image);
return {
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
image: img?.sourceUrl ?? def.image,
};
})}
/>
);
const LogistiqueFAQAdapter = (section: FaqBlock) => (
);
const LogistiqueFinalCTAAdapter = (section: CtaBlock) => (
({
...def,
title: val(r.texte) ?? def.title,
}))}
/>
);
const LogistiqueSEOContentAdapter = (section: ContenuSeoBlock) => {
const h2 = section.intro?.match(/]*>([\s\S]*?)<\/h2>/);
const secs = arr(section.sections)
.map((s) => ({ title: val(s.titre) ?? "", body: htmlNode(firstP(s.contenu)) }))
.filter((s) => s.title && s.body);
const sources = arr(section.sources)
.map((s) => ({ label: val(s.label) ?? "", href: s.url || undefined }))
.filter((s) => s.label);
return (
);
};
// ---------------------------------------------------------------------------
// Adaptateurs — Distribution
// ---------------------------------------------------------------------------
const DistributionHeroAdapter = (section: HeroBlock) => {
const img = mapImage(section.image);
return (
({
...def,
value: val(s.value) ?? def.value,
label: val(s.label) ?? def.label,
}))}
ctaLabel={val(section.ctaPrimaire?.label)}
/>
);
};
const DistributionProblemAdapter = (section: GrilleCardsBlock) => (
{
const img = mapImage(c.image);
return {
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
image: img?.sourceUrl ?? def.image,
alt: img?.altText || def.alt,
};
})}
transition={val(section.transition)}
/>
);
const DistributionSolutionAdapter = (section: TexteImageBlock) => {
const pairs = h3UlPairs(section.contenu);
const img = mapImage(section.image);
const cards = pairs.length
? distComparisons.map((def, i) => {
const parsed = solutionCard(pairs[i]);
const isCool = def.tone === "cool";
return {
...def,
title: parsed.title ?? def.title,
metric: parsed.metric ?? def.metric,
metricLabel: parsed.metricLabel ?? def.metricLabel,
points: parsed.points ?? def.points,
image: isCool && img ? img.sourceUrl : def.image,
alt: isCool && img?.altText ? img.altText : def.alt,
};
})
: undefined;
return (
({
...def,
label: val(l.texte) ?? def.label,
}))}
transition={val(section.note)}
/>
);
};
const tableRows = (section: TableauComparatifBlock): string[][] =>
arr(section.lignesComparatif).map((l) => arr(l.cellules).map((c) => c.texte ?? ""));
const DistributionValueDurabilityAdapter = (section: TableauComparatifBlock) => {
const rows = tableRows(section);
const headers = arr(section.entetesColonnes).map((c) => c.texte ?? "");
const subtitleRow = rows.find((r) => !r[0]?.trim() && (r[1] || r[2]));
const findRow = (re: RegExp) => rows.find((r) => re.test(r[0] ?? ""));
const priceRow = findRow(/prix/i);
const lifeRow = findRow(/tenue/i);
const costRow = findRow(/10 ans/i);
const pointRows = rows.filter((r) => r[0]?.trim() === "-");
const options = rows.length
? distDurabilityOptions.map((def, i) => {
const col = i + 1;
const points = pointRows.map((r) => r[col]).filter(Boolean);
return {
...def,
title: val(headers[col]) ?? def.title,
subtitle: val(subtitleRow?.[col]) ?? def.subtitle,
price: val(priceRow?.[col]) ?? def.price,
life: val(lifeRow?.[col]) ?? def.life,
realCost: val(costRow?.[col]) ?? def.realCost,
points: points.length ? points : def.points,
};
})
: undefined;
return (
);
};
const DistributionCEEAdapter = (section: TableauComparatifBlock) => {
const rows = tableRows(section);
const zones = rows
.filter((r) => r[0]?.trim())
.map((r) => ({ zone: r[0], regions: r[1] ?? "", prime: r[2] ?? "" }));
const lines = (section.texteApres ?? "")
.split("\n")
.map((l) => l.trim())
.filter(Boolean);
return (
);
};
const DistributionBenefitsAdapter = (section: ChiffresBlock & GrilleCardsBlock) => {
// Deux rows WP : `chiffres` (-8 à -10°C) et `grille_cards` (5 cartes). Ne
// poser `origine` que sur UNE des deux rows pour éviter un double rendu.
if (arr(section.cards).length) {
return (
({
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
}))}
/>
);
}
const figure = arr(section.figures)[0];
return (
);
};
const DistributionApplicationsAdapter = (section: GrilleCardsBlock) => (
{
const img = mapImage(c.image);
return {
...def,
title: val(c.titre) ?? def.title,
desc: val(c.texte) ?? def.desc,
image: img?.sourceUrl ?? def.image,
};
})}
transition={val(section.transition)}
/>
);
/** « 4 étapes. Magasin ouvert. *Zéro interruption.* » → markup original. */
const distMethodTitre = (titre?: string | null): ReactNode | undefined => {
if (!titre || !titre.includes("*")) return plain(titre);
const segments = parseAccent(titre);
return (
<>
{segments.map((s, i) => {
if (s.accent) {
return (
{s.text}
);
}
const sentences = s.text.trim().split(/(?<=\.)\s+/).filter(Boolean);
return (
{sentences.map((sentence, j) => (
{j > 0 &&
}
{sentence}
))}
);
})}
);
};
const DistributionMethodAdapter = (section: EtapesBlock) => {
const lines = (section.reassurance ?? "")
.split("\n")
.map((l) => l.trim())
.filter(Boolean);
const id = youtubeId(section.videoUrl);
return (
({
...def,
title: val(e.titre) ?? def.title,
text: val(e.texte) ?? def.text,
}))}
duration={val(lines[0])}
bottomNote={val(lines[1])}
videoEmbedUrl={id ? `https://www.youtube.com/embed/${id}?autoplay=1` : undefined}
/>
);
};
const DistributionProofAdapter = (section: ChiffresBlock) => (
({
...def,
value: val(f.value) ?? def.value,
label: val(f.label) ?? def.label,
}))}
/>
);
const DistributionFAQAdapter = (section: FaqBlock) => (
);
const DistributionFinalCTAAdapter = (section: CtaBlock) => (
({
...def,
title: val(r.texte) ?? def.title,
}))}
/>
);
const DistributionSEOContentAdapter = (section: ContenuSeoBlock) => {
const h2 = section.intro?.match(/]*>([\s\S]*?)<\/h2>/);
const introP = section.intro?.match(/]*>([\s\S]*?)<\/p>/);
const secs = arr(section.sections)
.map((s) => ({ title: val(s.titre) ?? "", body: htmlNode(firstP(s.contenu)) }))
.filter((s) => s.title && s.body);
const sources = arr(section.sources)
.map((s) => ({ label: val(s.label) ?? "", href: s.url || undefined }))
.filter((s) => s.label);
return (
);
};
// ---------------------------------------------------------------------------
// Registry — clé = nom de fichier du composant original.
// ---------------------------------------------------------------------------
// Adaptateurs hétérogènes selon les sections WordPress d'origine.
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export const origineIndustrie: Record> = {
// Hub /industrie
IndustrieHero: IndustrieHeroAdapter,
IndustrieProblem: IndustrieProblemAdapter,
IndustriePrinciple: IndustriePrincipleAdapter,
IndustrieBenefits: IndustrieBenefitsAdapter,
IndustrieApplications: IndustrieApplicationsAdapter,
IndustrieMethod: IndustrieMethodAdapter,
IndustrieProof: IndustrieProofAdapter,
IndustrieFAQ: IndustrieFAQAdapter,
IndustrieFinalCTA: IndustrieFinalCTAAdapter,
// Logistique
LogistiqueHero: LogistiqueHeroAdapter,
LogistiqueProblem: LogistiqueProblemAdapter,
LogistiqueSolution: LogistiqueSolutionAdapter,
LogistiqueBenefits: LogistiqueBenefitsAdapter,
LogistiqueApplications: LogistiqueApplicationsAdapter,
IndustrieProofLogistique: IndustrieProofLogistiqueAdapter,
LogistiqueFAQ: LogistiqueFAQAdapter,
LogistiqueFinalCTA: LogistiqueFinalCTAAdapter,
LogistiqueSEOContent: LogistiqueSEOContentAdapter,
// Distribution
DistributionHero: DistributionHeroAdapter,
DistributionProblem: DistributionProblemAdapter,
DistributionSolution: DistributionSolutionAdapter,
DistributionValueDurability: DistributionValueDurabilityAdapter,
DistributionCEE: DistributionCEEAdapter,
DistributionBenefits: DistributionBenefitsAdapter,
DistributionApplications: DistributionApplicationsAdapter,
DistributionMethod: DistributionMethodAdapter,
DistributionProof: DistributionProofAdapter,
DistributionFAQ: DistributionFAQAdapter,
DistributionFinalCTA: DistributionFinalCTAAdapter,
DistributionSEOContent: DistributionSEOContentAdapter,
};