ublo-lib 1.31.43 → 1.31.44

package/es/common/components/instant-search/no-product.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+export default function NoProduct({ className }) {
+    return (<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+      <path d="M100.5 184.3a85.8 85.8 0 1 0 0-171.5 85.8 85.8 0 0 0 0 171.5Z" fill="#EDEDED"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M100.5 11a87.5 87.5 0 1 0 0 175 87.5 87.5 0 0 0 0-175Zm0 3.5a84 84 0 1 1 0 168 84 84 0 0 1 0-168Z" fill="#D7D7D7"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M161.4 61.5c1 0 1.8-.8 1.8-1.8V46.1a4.7 4.7 0 0 0-4.7-4.7H26a4.7 4.7 0 0 0-4.7 4.7v34.3c0 1 .8 1.8 1.8 1.8h61.5c.4 0 .8-.1 1.1-.4l26.4-20.3h49.3Z" fill="#D7D7D7"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M138.4 59.7h-25.5L84.6 80.4H45.3V25.7a3 3 0 0 1 2.9-2.9h64.7l25.5 27.5v9.4Z" fill="#fff"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M112.9 21H48.2a4.7 4.7 0 0 0-4.7 4.7v54.7c0 1 .8 1.8 1.8 1.8h39.3c.4 0 .8-.1 1-.3l27.8-20.4h25c1 0 1.8-.8 1.8-1.8V50l-.1-.3-.2-.3v-.2l-.2-.1L114 21.6l-.1-.2-.4-.2h-.1l-.3-.1H113Zm-1.8 3.6H48.2c-.6 0-1.2.5-1.2 1.1v53h37l27.8-20.4c.3-.2.7-.3 1-.3h23.8v-6H113c-1 0-1.8-.8-1.8-1.7V24.6Zm-51 44.8h25.7a1.8 1.8 0 0 0 0-3.5H60.2a1.8 1.8 0 0 0 0 3.5Zm0-16h22a1.8 1.8 0 0 0 0-3.5H60a1.8 1.8 0 0 0 0 3.5Zm0-8.4h37.4a1.8 1.8 0 0 0 0-3.6H60.2a1.8 1.8 0 0 0 0 3.6Z" fill="#D7D7D7"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M4.8 84a3 3 0 0 1 2.9-3.6h76.5a3 3 0 0 0 1.7-.5l26.4-19.6a3 3 0 0 1 1.8-.6h64.7a3 3 0 0 1 3 3.5c-2.9 16-14.4 83-16.8 96.7a3 3 0 0 1-2.9 2.4H25.4a3 3 0 0 1-2.9-2.2L4.8 84Z" fill="#EDEDED"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="m3.1 84.4 17.7 76a4.7 4.7 0 0 0 4.6 3.7h136.7c2.3 0 4.2-1.7 4.6-4l16.7-96.6a4.7 4.7 0 0 0-4.6-5.5h-64.7c-1 0-2 .3-2.8.9a1130716.6 1130716.6 0 0 1-27.1 19.8H7.7a4.7 4.7 0 0 0-4.6 5.7Zm3.5-.8a1.2 1.2 0 0 1 1.1-1.4h76.5c1 0 2-.3 2.8-1a724489.6 724489.6 0 0 1 27-19.7h64.8a1.2 1.2 0 0 1 1.2 1.4l-16.7 96.7c-.1.6-.6 1-1.2 1H25.4c-.5 0-1-.4-1.1-1l-17.7-76Z" fill="#D7D7D7"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M159.7 161a36.5 36.5 0 0 1-46.5-4 36.6 36.6 0 0 1 .4-51.8 36.6 36.6 0 0 1 51.7-.4 36.5 36.5 0 0 1 4 46.5l25 24.9c2.6 2.6 2.6 7 0 9.6a6.8 6.8 0 0 1-9.7 0l-25-24.9Z" fill="#fff"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="m159.5 163.2 23.8 23.9a8.6 8.6 0 0 0 12.2 0 8.6 8.6 0 0 0 0-12.2L171.6 151a38.2 38.2 0 0 0-5-47.4 38.3 38.3 0 0 0-54.2.4 38.3 38.3 0 0 0-.4 54.2 38.2 38.2 0 0 0 47.5 5Zm1.4-3.5c-.6-.6-1.5-.7-2.2-.2a34.7 34.7 0 0 1-44.2-3.8 34.8 34.8 0 0 1 .4-49.2 34.8 34.8 0 0 1 49.2-.4c12 11.9 13.1 30.5 3.8 44.2-.5.7-.4 1.6.2 2.2l24.9 25c2 1.9 2 5.1 0 7a5 5 0 0 1-7.2 0L161 159.8Z" fill="#D7D7D7"/>
+      <path d="M163.5 130.8a24.4 24.4 0 0 0-24.2-24.6c-13.4 0-24.3 11-24.3 24.6a24.4 24.4 0 0 0 24.3 24.6c13.3 0 24.2-11 24.2-24.6Z" fill="#EDEDED"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M113.3 130.8a26.2 26.2 0 0 0 26 26.4c14.3 0 26-11.8 26-26.4a26.2 26.2 0 0 0-26-26.4c-14.4 0-26 11.8-26 26.4Zm3.5 0c0-12.6 10-22.8 22.5-22.8a22.7 22.7 0 0 1 22.4 22.8c0 12.6-10 22.9-22.4 22.9a22.7 22.7 0 0 1-22.5-22.9Z" fill="#D7D7D7"/>
+      <path opacity=".7" fillRule="evenodd" clipRule="evenodd" d="M117 121c.7-1.4 13.9 1.6 22.3 9.9 8.1 8 11.4 21.4 10.2 22-9.1 4.3-20.2 2.7-27.6-4.7-7.4-7.3-9-18.3-4.8-27.3Z" fill="#fff"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M120.9 112.5a26.2 26.2 0 0 0-.3 37 26.2 26.2 0 0 0 37-.2 26.2 26.2 0 0 0 .3-37 26.2 26.2 0 0 0-37 .2Zm2.5 2.5c9-9 23.3-9 32-.3a22.7 22.7 0 0 1-.2 32c-9 9-23.3 9.1-32 .3a22.7 22.7 0 0 1 .2-32Z" fill="#D7D7D7"/>
+      <path d="M140.2 142.1c1.4 0 2.4 1 2.4 2.4 0 1.3-1 2.3-2.4 2.3-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.4 2.3-2.4Zm.1-20.5V117a9.5 9.5 0 0 0-9.4 6.8v.2l4.5 1v.1l-4.6-1.1c-.3 1.2.5 2.5 1.8 2.8 1.2.3 2.5-.5 2.8-1.7l.2-.5.7-1.2c.7-.8 1.8-1.7 4-1.7Zm9.4 5.1a9.3 9.3 0 0 0-9.4-9.8v4.7c.6 0 1.8.2 2.9 1 .9.6 1.8 1.7 1.8 4.1 0 .5-.2 1-.7 1.6-.5.6-1.3 1.2-2.2 1.7a18.4 18.4 0 0 1-3.4 1.5h-.3c-1.2.4-2 1.8-1.6 3 .4 1.3 1.7 2 3 1.6l-.7-2.2-.4-1.4-.2-.6V131.6l.6 2.3.6 2.2h.2a11.6 11.6 0 0 0 1.3-.5c.9-.3 2-.8 3.2-1.5 1.2-.6 2.4-1.5 3.4-2.7a7 7 0 0 0 2-4.7Z" fill="#D7D7D7"/>
+    </svg>);
+}

package/es/common/components/instant-search/products.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { Hit } from "./results";
+type Props = {
+    lang: string;
+    products: Hit[];
+    weekNumber: number | null;
+    loading: boolean;
+    sendPlausibleGoal: (path: string) => void;
+    otherResultsRef: React.RefObject<HTMLDivElement>;
+    isOtherResultsEmpty: boolean;
+};
+export default function Products({ lang, products, weekNumber, loading, sendPlausibleGoal, otherResultsRef, isOtherResultsEmpty, }: Props): React.JSX.Element;
+export {};

package/es/common/components/instant-search/products.jsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import Image from "next/image";
+import Link from "ublo/link";
+import Loader from "dt-design-system/es/loader";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import * as Ripple from "dt-design-system/es/ripple";
+import * as Utils from "./services/utils";
+import message from "./services/messages";
+import NoProduct from "./no-product";
+import css from "./products.module.css";
+const PLACEHOLDERS = [...new Array(5)];
+export default function Products({ lang, products, weekNumber, loading, sendPlausibleGoal, otherResultsRef, isOtherResultsEmpty, }) {
+    const filteredProducts = Utils.filterProducts(products, weekNumber);
+    const noProduct = !loading && !filteredProducts.length;
+    const scrollToOtherResults = () => {
+        if (otherResultsRef.current) {
+            otherResultsRef.current.scrollIntoView({
+                behavior: "smooth",
+                block: "start",
+            });
+        }
+    };
+    const createRipple = (e) => {
+        Ripple.create(e);
+    };
+    return (<>
+      {noProduct && (<div className={css.noProduct}>
+          <NoProduct className={css.noProductIcon}/>
+          {message(lang, "noProducts")}
+        </div>)}
+      {loading &&
+            PLACEHOLDERS.map((_, i) => {
+                return (<div key={i} className={css.loaderContainer}>
+              <Loader className={css.loader} variant="overlay"/>
+            </div>);
+            })}
+      {!loading &&
+            filteredProducts.map((product) => {
+                const { id, pageTitle, title, parentTitle, image = "", imagePlaceholder, price, time, text, path, } = product.document;
+                const decodedPath = decodeURIComponent(path);
+                const productPageTitle = Utils.getHighlight("pageTitle", product.highlight) || pageTitle;
+                const productTitle = Utils.getHighlight("title", product.highlight) || title;
+                const productTime = Utils.getHighlight("time", product.highlight) || time;
+                const productText = Utils.getHighlight("text", product.highlight) || text;
+                const showPrice = price !== undefined && weekNumber !== null;
+                const imagePlaceholderStategy = imagePlaceholder ? "blur" : "empty";
+                return (<Link key={id} className={css.product} href={decodedPath} onClick={sendPlausibleGoal(decodedPath)} onMouseDown={createRipple}>
+              <Image className={css.productImage} src={image} alt={title} width={220} height={180} placeholder={imagePlaceholderStategy} blurDataURL={imagePlaceholder}/>
+              <div className={css.productContent}>
+                {parentTitle && (<div className={css.productParent} dangerouslySetInnerHTML={{ __html: parentTitle }}/>)}
+                <div className={css.productPageTitle} dangerouslySetInnerHTML={{ __html: productPageTitle }}/>
+                <div className={css.productTitle} dangerouslySetInnerHTML={{ __html: productTitle }}/>
+                <div className={css.productTime} dangerouslySetInnerHTML={{ __html: productTime }}/>
+                <div className={css.productText} dangerouslySetInnerHTML={{ __html: productText }}/>
+                {showPrice && (<div className={css.productPrice} dangerouslySetInnerHTML={{ __html: price }}/>)}
+              </div>
+            </Link>);
+            })}
+      {!noProduct && !isOtherResultsEmpty && (<div className={css.otherProducts}>
+          <Button className={css.otherProductsButton} onClick={scrollToOtherResults}>
+            {message(lang, "showOtherResults")}
+            <Icons.ArrowDown />
+          </Button>
+        </div>)}
+    </>);
+}

package/es/common/components/instant-search/results.d.ts

@@ -0,0 +1,76 @@
+import * as React from "react";
+type Document = {
+    id: string;
+    image?: string;
+    imagePlaceholder?: string;
+    lang: string;
+    pageTitle?: string;
+    parentTitle?: string;
+    path: string;
+    price?: string;
+    site: string;
+    text?: string;
+    time?: string;
+    title: string;
+    type: "page" | "product" | "information" | "faq";
+    weeks?: number[];
+    shortTitle?: string;
+    seoKeywords?: string[];
+    seoTitle?: string;
+};
+type Text = {
+    matched_tokens: string[];
+    snippet: string;
+};
+export type PurpleHighlight = {
+    text?: Text;
+    title?: Text;
+};
+type HighlightElement = {
+    field: string;
+    matched_tokens: string[];
+    snippet: string;
+};
+type TextMatchInfo = {
+    best_field_score: string;
+    best_field_weight: number;
+    fields_matched: number;
+    score: string;
+    tokens_matched: number;
+};
+export type Hit = {
+    document: Document;
+    highlight: PurpleHighlight;
+    highlights: HighlightElement[];
+    text_match: number;
+    text_match_info: TextMatchInfo;
+};
+type GroupedHit = {
+    group_key: string[];
+    hits: Hit[];
+};
+type RequestParams = {
+    collection_name: string;
+    per_page: number;
+    q: string;
+};
+type Props = {
+    lang: string;
+    text: string;
+    results: {
+        facet_counts?: any[];
+        found?: number;
+        grouped_hits?: GroupedHit[];
+        out_of?: number;
+        page?: number;
+        request_params?: RequestParams;
+        search_cutoff?: boolean;
+        search_time_ms?: number;
+    };
+    weekNumber: number | null;
+    openPeriodPicker: () => void;
+    sendPlausibleGoal: (path: string) => void;
+    loading: boolean;
+};
+export default function Results({ lang, text, results, weekNumber, openPeriodPicker, loading, sendPlausibleGoal, }: Props): React.JSX.Element;
+export {};

package/es/common/components/instant-search/results.jsx

@@ -0,0 +1,68 @@
+import * as React from "react";
+import getConfig from "next/config";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import Links from "./links";
+import Products from "./products";
+import * as Dates from "./services/dates";
+import message from "./services/messages";
+import css from "./results.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { season } = publicRuntimeConfig;
+export default function Results({ lang, text, results, weekNumber, openPeriodPicker, loading, sendPlausibleGoal, }) {
+    const ref = React.useRef(null);
+    const { grouped_hits: groupedHits = [] } = results || {};
+    const flattenedHits = groupedHits.reduce((acc, group) => {
+        return [...acc, ...group.hits];
+    }, []);
+    const sortedHits = flattenedHits.reduce((acc, hit) => {
+        const { type } = hit.document;
+        return Object.assign(Object.assign({}, acc), { [type]: [...acc[type], hit] });
+    }, { page: [], product: [], information: [], faq: [], instructor: [] });
+    const { page: pages, product: products, information, faq: faqs, instructor: instructors, } = sortedHits;
+    const filteredFaqs = faqs.reduce((acc, faq) => {
+        const isAlreadyInAcc = acc.some((item) => {
+            const hasSameTitle = item.document.title === faq.document.title;
+            const hasSameParentTitle = item.document.parentTitle === faq.document.parentTitle;
+            return hasSameTitle && hasSameParentTitle;
+        });
+        if (isAlreadyInAcc)
+            return acc;
+        return [...acc, faq];
+    }, []);
+    const weekSystemEnabled = Boolean(season);
+    const showProductsTitle = weekNumber !== null;
+    const isOtherResultsEmpty = !(pages.length ||
+        instructors.length ||
+        filteredFaqs.length ||
+        information.length);
+    return (<div className={css.results}>
+      {(loading || text.length > 0) && (<div className={css.inner}>
+          <div ref={ref} className={css.left}>
+            <Links linksTitle={message(lang, "pages")} icon="FileText" links={pages} loading={loading} sendPlausibleGoal={sendPlausibleGoal}/>
+            <Links linksTitle={message(lang, "instructors")} icon="User" links={instructors} loading={loading} sendPlausibleGoal={sendPlausibleGoal}/>
+            <Links linksTitle={message(lang, "faqs")} icon="Question" links={filteredFaqs} loading={loading} sendPlausibleGoal={sendPlausibleGoal}/>
+            <Links linksTitle={message(lang, "information")} icon="Info" links={information} loading={loading} sendPlausibleGoal={sendPlausibleGoal} pageTitleAsTitle/>
+          </div>
+          <div className={css.right}>
+            {!loading && products.length > 0 && weekSystemEnabled && (<>
+                {showProductsTitle ? (<div className={css.resultsWithWeekTitle}>
+                    {message(lang, "productTitleWithWeek")}
+                    {Dates.weekToLongDate(weekNumber, season.end, season.forceSeasonSwitch)}
+                    <Button onClick={openPeriodPicker}>
+                      <Icons.Calendar />
+                      {message(lang, "updateWeek")}
+                    </Button>
+                  </div>) : (<div className={css.resultsWithoutWeekTitle}>
+                    {message(lang, "productTitleWithoutWeek")}
+                    <Button onClick={openPeriodPicker}>
+                      <Icons.Calendar />
+                      {message(lang, "chooseWeek")}
+                    </Button>
+                  </div>)}
+              </>)}
+            <Products lang={lang} products={products} weekNumber={weekNumber} loading={loading} sendPlausibleGoal={sendPlausibleGoal} otherResultsRef={ref} isOtherResultsEmpty={isOtherResultsEmpty}/>
+          </div>
+        </div>)}
+    </div>);
+}

package/es/common/components/instant-search/services/api.d.ts

@@ -0,0 +1 @@
+export declare function fetchResults(site: string, lang: string, query: string, groupLimit?: number, queryBy?: string, queryByWeights?: string): Promise<any>;

package/es/common/components/instant-search/services/api.js

@@ -1,15 +1,13 @@
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
 import * as Fetcher from "../../../utils/fetcher";
 const api = "https://search.ublo.app/api";
 export function fetchResults(site, lang, query, groupLimit = 8, queryBy = "title,text,pageTitle,seoKeywords,parentTitle,seoTitle", queryByWeights) {
-  const endpoint = `${api}/search`;
-  return Fetcher.post(endpoint, {
-    q: query,
-    query_by: queryBy,
-    query_by_weights: queryByWeights,
-    group_limit: groupLimit,
-    per_page: 30
-  }, {
-    site,
-    lang
-  });
-}
+    const endpoint = `${api}/search`;
+    return Fetcher.post(endpoint, {
+        q: query,
+        query_by: queryBy,
+        query_by_weights: queryByWeights,
+        group_limit: groupLimit,
+        per_page: 30,
+    }, { site, lang });
+}

package/es/common/components/instant-search/services/dates.d.ts

@@ -0,0 +1 @@
+export function weekToLongDate(week: any, endWeek: any, forceSeasonSwitch: any): string;

package/es/common/components/instant-search/services/dates.js

@@ -1,49 +1,54 @@
 function padStart(value, count, pad) {
-  let str = String(value);
-  while (str.length < count) {
-    str = pad + str;
-  }
-  return str;
+    let str = String(value);
+    while (str.length < count) {
+        str = pad + str;
+    }
+    return str;
 }
 function createDate(...args) {
-  const ref = new Date(...args);
-  const yy = ref.getFullYear();
-  const mm = padStart(ref.getMonth() + 1, 2, 0);
-  const dd = padStart(ref.getDate(), 2, 0);
-  const str = `${yy}-${mm}-${dd}`;
-  return new Date(str);
+    const ref = new Date(...args);
+    const yy = ref.getFullYear();
+    const mm = padStart(ref.getMonth() + 1, 2, 0);
+    const dd = padStart(ref.getDate(), 2, 0);
+    const str = `${yy}-${mm}-${dd}`;
+    return new Date(str);
 }
 function getPrevSaturday(date) {
-  const clone = createDate(date);
-  const day = 1 + clone.getDay();
-  const prevSaturday = clone.getDate() - day % 7;
-  clone.setDate(prevSaturday);
-  return clone;
+    const clone = createDate(date);
+    const day = 1 + clone.getDay();
+    const prevSaturday = clone.getDate() - (day % 7);
+    clone.setDate(prevSaturday);
+    return clone;
 }
 function addDays(date, days) {
-  const clone = createDate(date);
-  clone.setDate(clone.getDate() + days);
-  return clone;
+    const clone = createDate(date);
+    clone.setDate(clone.getDate() + days);
+    return clone;
 }
+// on calcule d'abord l'année du précédent Noël, et la date de la semaine 0 de ce Noël.
+// on regarde la fin de saison par rapport à cette date.
+// on considère cette date, ou celle du Noël suivant, si la date now est avant ou après la date de fin de saison
 function christmasWeek(endWeek, forceSeasonSwitch) {
-  const now = createDate();
-  const year = now.getFullYear();
-  const month = now.getMonth();
-  const date = now.getDate();
-  const isAfterChristmas = month === 11 && date >= 25;
-  const lastChristmasYear = isAfterChristmas || !isAfterChristmas && forceSeasonSwitch ? year : year - 1;
-  const lastChristmas = createDate(lastChristmasYear, 11, 25);
-  const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
-  const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
-  return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
+    const now = createDate();
+    const year = now.getFullYear();
+    const month = now.getMonth();
+    const date = now.getDate();
+    const isAfterChristmas = month === 11 && date >= 25;
+    const lastChristmasYear = isAfterChristmas || (!isAfterChristmas && forceSeasonSwitch)
+        ? year
+        : year - 1;
+    const lastChristmas = createDate(lastChristmasYear, 11, 25);
+    const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
+    const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
+    return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
 }
 function weekToDate(week, endWeek, forceSeasonSwitch) {
-  return addDays(christmasWeek(endWeek, forceSeasonSwitch), week * 7);
+    return addDays(christmasWeek(endWeek, forceSeasonSwitch), week * 7);
 }
 export function weekToLongDate(week, endWeek, forceSeasonSwitch) {
-  const date = weekToDate(week, endWeek, forceSeasonSwitch);
-  const dd = padStart(date.getDate(), 2, 0);
-  const mm = padStart(date.getMonth() + 1, 2, 0);
-  const yy = date.getFullYear();
-  return `${dd}/${mm}/${yy}`;
-}
+    const date = weekToDate(week, endWeek, forceSeasonSwitch);
+    const dd = padStart(date.getDate(), 2, 0);
+    const mm = padStart(date.getMonth() + 1, 2, 0);
+    const yy = date.getFullYear();
+    return `${dd}/${mm}/${yy}`;
+}

package/es/common/components/instant-search/services/messages.d.ts

@@ -0,0 +1 @@
+export default function message(lang: string, id: string): any;

package/es/common/components/instant-search/services/messages.js

@@ -1,5 +1,5 @@
 import locales from "../i18n.json";
 export default function message(lang, id) {
-  const messages = locales[lang] || locales.en;
-  return messages[id] || `??${id}??`;
-}
+    const messages = locales[lang] || locales.en;
+    return messages[id] || `??${id}??`;
+}

package/es/common/components/instant-search/services/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Hit, PurpleHighlight } from "../results";
+export declare function getHighlight(property: string, highlight: PurpleHighlight, withExtractQuotes?: boolean): any;
+export declare function filterProducts(products: Hit[], weekNumber: number | null): Hit[];

package/es/common/components/instant-search/services/utils.js

@@ -1,39 +1,40 @@
 export function getHighlight(property, highlight, withExtractQuotes = false) {
-  if (!highlight[property]?.snippet) return;
-  let snippet = highlight[property].snippet;
-  if (!withExtractQuotes) return snippet;
-  const startsWithMaj = /[A-Z]/.test(snippet);
-  const endsWithDot = snippet[snippet.length - 1] === ".";
-  if (!startsWithMaj) {
-    snippet = `...${snippet}`;
-  }
-  if (!endsWithDot) {
-    snippet = `${snippet}...`;
-  }
-  return snippet;
+    var _a;
+    if (!((_a = highlight[property]) === null || _a === void 0 ? void 0 : _a.snippet))
+        return;
+    let snippet = highlight[property].snippet;
+    if (!withExtractQuotes)
+        return snippet;
+    const startsWithMaj = /[A-Z]/.test(snippet);
+    const endsWithDot = snippet[snippet.length - 1] === ".";
+    if (!startsWithMaj) {
+        snippet = `...${snippet}`;
+    }
+    if (!endsWithDot) {
+        snippet = `${snippet}...`;
+    }
+    return snippet;
 }
 export function filterProducts(products, weekNumber) {
-  if (weekNumber !== null) {
-    return products.filter(product => {
-      const {
-        weeks = []
-      } = product.document;
-      return weeks.length === 0 || weeks.includes(weekNumber);
-    });
-  }
-  return products.reduce((acc, product) => {
-    const {
-      image,
-      pageTitle
-    } = product.document;
-    const isAlreadyInAcc = acc.some(item => {
-      return normalizeImage(item.document.image) === normalizeImage(image) && item.document.pageTitle === pageTitle;
-    });
-    if (isAlreadyInAcc) return acc;
-    return [...acc, product];
-  }, []);
+    if (weekNumber !== null) {
+        return products.filter((product) => {
+            const { weeks = [] } = product.document;
+            return weeks.length === 0 || weeks.includes(weekNumber);
+        });
+    }
+    return products.reduce((acc, product) => {
+        const { image, pageTitle } = product.document;
+        const isAlreadyInAcc = acc.some((item) => {
+            return (normalizeImage(item.document.image) === normalizeImage(image) &&
+                item.document.pageTitle === pageTitle);
+        });
+        if (isAlreadyInAcc)
+            return acc;
+        return [...acc, product];
+    }, []);
 }
 function normalizeImage(image) {
-  if (!image) return "";
-  return image.replace(/(-[0-9]+)?.(jpg|jpeg|png|gif)/, "");
-}
+    if (!image)
+        return "";
+    return image.replace(/(-[0-9]+)?.(jpg|jpeg|png|gif)/, "");
+}

package/es/common/components/msem-preset-editor/components/facet-selector.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export default function FacetSelector({ facet, setFacet, setPreset }: {
+    facet: any;
+    setFacet: any;
+    setPreset: any;
+}): React.JSX.Element;

package/es/common/components/msem-preset-editor/components/facet-selector.jsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import Select from "dt-design-system/es/select";
+export default function FacetSelector({ facet, setFacet, setPreset }) {
+    const updateFacet = (newValue) => {
+        setPreset((current) => {
+            if (!newValue) {
+                return null;
+            }
+            else {
+                return Object.assign(Object.assign({}, current), { options: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.options) || {})), { facet: Number(newValue) }) });
+            }
+        });
+        setFacet(newValue);
+    };
+    return (<Select value={facet} onValueChange={updateFacet} label="Facette" options={[
+            { label: "Sélectionnez une facette pour continuer", value: "" },
+            { label: "Hiver", value: "0" },
+            { label: "Eté", value: "1" },
+        ]}/>);
+}

package/es/common/components/msem-preset-editor/components/form.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export default function Form({ title, width, preset, buttonsActions, children, }: {
+    title: any;
+    width: any;
+    preset: any;
+    buttonsActions: any;
+    children: any;
+}): React.JSX.Element;

package/es/common/components/msem-preset-editor/components/form.jsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import Button from "dt-design-system/es/button";
+import Tooltip from "dt-design-system/es/tooltip";
+import * as Icons from "dt-design-system/es/icons";
+import css from "./form.module.css";
+export default function Form({ title, width, preset, buttonsActions, children, }) {
+    const { testPreset, cancelPreset, confirmPreset } = buttonsActions;
+    return (<div className={css.form} style={{ width }}>
+      <div className={css.title}>
+        <Icons.Tune />
+        {title}
+      </div>
+      <div className={css.inner}>{children}</div>
+      <div className={css.buttons}>
+        <Tooltip content="Tester dans le widget MseM">
+          <Button variant="secondary" disabled={!(preset === null || preset === void 0 ? void 0 : preset.widget)} className={css.testButton} onClick={testPreset}>
+            <Icons.OpenInBrowser />
+          </Button>
+        </Tooltip>
+        <Button type="submit" variant="secondary" className={css.button} onClick={cancelPreset}>
+          Annuler
+        </Button>
+        <Button type="submit" variant="primary" className={css.button} onClick={confirmPreset} disabled={!confirmPreset}>
+          Confirmer
+        </Button>
+      </div>
+    </div>);
+}

package/es/common/components/msem-preset-editor/components/stay-picker.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    setStay: (stay: {
+        from: string;
+        to: string;
+    }) => void;
+    setPreset: (preset: Record<string, any>) => void;
+};
+export default function StayPicker({ stay, setStay }: Props): React.JSX.Element;
+export {};

package/es/common/components/msem-preset-editor/components/stay-picker.jsx

@@ -0,0 +1,38 @@
+import * as React from "react";
+import Input from "dt-design-system/es/input";
+import css from "./stay-picker.module.css";
+export default function StayPicker({ stay, setStay }) {
+    const updateStay = (key) => (value) => {
+        const isFrom = key === "from";
+        const isTo = key === "to";
+        if (isFrom) {
+            if (!stay.to && !value) {
+                window.sessionStorage.removeItem("stay");
+                return setStay({ from: "", to: "" });
+            }
+            const from = new Date(value);
+            const to = new Date(stay.to);
+            if (from > to || !stay.to) {
+                return setStay({ from: value, to: value });
+            }
+            return setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+        }
+        if (isTo) {
+            if (!stay.from && !value) {
+                window.sessionStorage.removeItem("stay");
+                return setStay({ from: "", to: "" });
+            }
+            const from = new Date(stay.from);
+            const to = new Date(value);
+            if (from > to || !stay.from) {
+                return setStay({ to: value, from: value });
+            }
+            return setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+        }
+        setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+    };
+    return (<div className={css.picker}>
+      <Input type="date" label="Date de début" value={stay.from} onValueChange={updateStay("from")}/>
+      <Input type="date" label="Date de fin" value={stay.to} onValueChange={updateStay("to")}/>
+    </div>);
+}

package/es/common/components/msem-preset-editor/components/widget-list-item.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { Offer } from "../services/offers";
+type Props = {
+    item: Offer;
+    preset: Record<string, any> | null;
+    updatePreset: (item: Offer, subPreset?: Offer) => void;
+    removePreset: () => void;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }: Props): React.JSX.Element;
+export {};