ublo-lib 1.31.44 → 1.32.0

package/es/common/components/cross-selling-editor/tester-tunnel-offer.jsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import NumberPicker from "dt-design-system/es/number-picker";
-import Input from "dt-design-system/es/input";
-import Select from "dt-design-system/es/select";
-import * as Utils from "./services/utils";
-import styles from "./tester-tunnel-offer.module.css";
-export default function TesterTunnelOffer({ kind, value, label, cartOffers, updateCartOffers, refreshCartContent, durations, }) {
-    const overrideAllowed = Utils.allowedOverrides.includes(kind);
-    const isSkiPasses = kind === "LIFT";
-    const itemValue = cartOffers[value] || 0;
-    const items = [...new Array(itemValue)];
-    return (<div key={label} className={styles.item}>
-      <NumberPicker label={label} value={itemValue} onChange={updateCartOffers(value)} min={0} max={10}/>
-      {overrideAllowed &&
-            items.map((_, index) => {
-                const number = index + 1;
-                if (isSkiPasses) {
-                    return (<React.Fragment key={index}>
-                <Input type="number" className={styles.input} data-kind="skiPassDuration" label={`Durée du forfait n°${number}`} placeholder="En jour(s) (Optionnel)" min={0} max={40} onChange={refreshCartContent} compact/>
-                {durations && (<Select className={styles.input} label={(durations === null || durations === void 0 ? void 0 : durations.title) + ` n°${number}`} placeholder=" " data-kind="durationTags" options={durations === null || durations === void 0 ? void 0 : durations.tags} onChange={refreshCartContent} compact/>)}
-              </React.Fragment>);
-                }
-                return (<Input key={index} className={styles.input} data-kind="merchant" label={`Marchand n°${number}`} placeholder="Code (Optionnel)" onChange={refreshCartContent} compact/>);
-            })}
-    </div>);
-}

package/es/common/components/custom-contact-form/custom-contact-form.jsx

@@ -1,121 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import * as React from "react";
-import classNames from "classnames";
-import { useUbloContext } from "ublo/with-ublo";
-import Field from "./field";
-import { SnackbarProvider, useSnackbar } from "dt-design-system/es/snackbar";
-import Button from "dt-design-system/es/button";
-import * as Messages from "./messages";
-import * as Icons from "./icons";
-import * as DTIcons from "dt-design-system/es/icons";
-import * as Plausible from "../plausible";
-import { getInitialFormState, getSettings, send } from "./utils";
-import css from "./custom-contact-form.module.css";
-export default React.memo(CustomContactFormWithSnackbar);
-function CustomContactFormWithSnackbar(props) {
-    return (<SnackbarProvider>
-      <CustomContactForm {...props}/>
-    </SnackbarProvider>);
-}
-function CustomContactForm({ kind, title, fields, presets, className, innerClassName, subject, onSubmit, customSend, sendButtonText, }) {
-    const [data, setData] = React.useState(getInitialFormState(fields, presets === null || presets === void 0 ? void 0 : presets.values));
-    const [sending, setSending] = React.useState(false);
-    const [ready, setReady] = React.useState(false);
-    const [settings, setSettings] = React.useState();
-    const { lang, config } = useUbloContext();
-    const { site } = config;
-    const snackbar = useSnackbar();
-    const isFormValid = Object.keys(data).every((key) => data[key].valid);
-    const sendForm = () => __awaiter(this, void 0, void 0, function* () {
-        setSending(true);
-        const sendFunction = customSend || send;
-        const { message, error } = yield sendFunction({
-            site,
-            data,
-            fields,
-            subjectPrefix: subject === null || subject === void 0 ? void 0 : subject.prefix,
-            subjectSuffix: subject === null || subject === void 0 ? void 0 : subject.suffix,
-            kind,
-        });
-        if (error) {
-            snackbar.show({ type: "error", message: error });
-        }
-        else {
-            snackbar.show({ type: "success", message: Messages.get(lang, "sent") });
-            Plausible.sendGoal("Contact-us (other requests)");
-            setData((currentData) => { var _a; return getInitialFormState(fields, undefined, (_a = currentData.subject) === null || _a === void 0 ? void 0 : _a.value); });
-            resetForm();
-        }
-        setSending(false);
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({ data, message, error });
-    });
-    const resetForm = () => {
-        var _a;
-        (_a = presets === null || presets === void 0 ? void 0 : presets.setter) === null || _a === void 0 ? void 0 : _a.call(presets, undefined);
-        setData((currentData) => { var _a; return getInitialFormState(fields, undefined, (_a = currentData.subject) === null || _a === void 0 ? void 0 : _a.value); });
-    };
-    const blurForm = () => {
-        const activeElement = document.activeElement;
-        if (activeElement) {
-            activeElement.blur();
-        }
-    };
-    React.useEffect(() => {
-        if (!ready && !settings) {
-            const init = () => __awaiter(this, void 0, void 0, function* () {
-                if (typeof customSend === "function") {
-                    setReady(true);
-                    setSettings({});
-                    return;
-                }
-                const formSettings = yield getSettings(site);
-                setSettings(formSettings);
-                setReady(true);
-            });
-            init();
-        }
-    }, [customSend, ready, settings, site]);
-    React.useEffect(() => {
-        setData((currentData) => { var _a; return getInitialFormState(fields, presets === null || presets === void 0 ? void 0 : presets.values, (_a = currentData.subject) === null || _a === void 0 ? void 0 : _a.value); });
-    }, [fields, presets === null || presets === void 0 ? void 0 : presets.values]);
-    const classes = classNames(css.root, className);
-    const innerClasses = classNames(css.inner, {
-        [innerClassName]: innerClassName,
-    });
-    const showSendingOverlay = !!(settings === null || settings === void 0 ? void 0 : settings.attachmentAllowed) && sending;
-    if (!ready)
-        return null;
-    if (ready && !settings) {
-        return (<div className={css.root}>{Messages.get(lang, "NO_SETTINGS_FOUND")}</div>);
-    }
-    const formKey = presets ? JSON.stringify(presets.values) : undefined;
-    return (<div key={formKey} className={classes}>
-      {title && <div className={css.title}>{title}</div>}
-      <div className={innerClasses}>
-        {Object.keys(fields).map((key) => (<Field key={key} kind={kind} name={key} field={fields[key]} data={data} setData={setData} settings={settings} presets={presets}/>))}
-      </div>
-      <div className={css.bottom}>
-        {(presets === null || presets === void 0 ? void 0 : presets.allowReset) && (<Button className={css.resetButton} disabled={sending} onClick={resetForm}>
-            {Messages.get(lang, "reset")}
-          </Button>)}
-        <Button className={css.submitButton} disabled={!isFormValid || sending} onClick={sendForm} onPointerEnter={blurForm}>
-          {sendButtonText || Messages.get(lang, "send")}
-          <DTIcons.Mail />
-        </Button>
-      </div>
-      {showSendingOverlay && (<div className={css.sendingOverlay}>
-          <Icons.Spinner className={css.sendingIcon}/>
-          <span className={css.sendingMessage}>
-            {Messages.get(lang, "sending")}
-          </span>
-        </div>)}
-    </div>);
-}

package/es/common/components/gesco-contact-form/gesco-contact-form.jsx

@@ -1,152 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import * as React from "react";
-import Select, { formatOptions } from "dt-design-system/es/select";
-import Input from "dt-design-system/es/input";
-import Textarea from "dt-design-system/es/textarea";
-import Button from "dt-design-system/es/button";
-import Loader from "dt-design-system/es/loader";
-import Information from "dt-design-system/es/information";
-import * as Icons from "dt-design-system/es/icons";
-import PhoneCodeSelect from "./phone-code-select";
-import useParams from "./hooks/use-params";
-import * as Messages from "./services/messages";
-import * as Form from "./services/form";
-import * as API from "./services/api";
-import * as Plausible from "./services/plausible";
-import styles from "./gesco-contact-form.module.css";
-export default function GescoContactForm({ lang = "fr", channel = "ESF", resort, merchant, categories, subject, facet = "WINTER", host = "https://admin.mon-sejour-en-montagne.com", onSubmit, messagesOverrides = {}, }) {
-    var _a, _b, _c, _d;
-    const { params, error } = useParams({
-        lang,
-        channel,
-        resort,
-        merchant,
-        categories,
-        host,
-    });
-    const [submiting, setSubmiting] = React.useState(false);
-    const [stayNeeded, setStayNeeded] = React.useState(false);
-    const [stayMin, setStayMin] = React.useState();
-    const [stayToMin, setStayToMin] = React.useState();
-    const [stayFromMax, setStayFromMax] = React.useState();
-    const [sendSuccess, setSendSuccess] = React.useState(false);
-    const [sendError, setSendError] = React.useState(false);
-    const [formKey, setFormKey] = React.useState(0);
-    React.useEffect(() => {
-        const now = new Date();
-        setStayMin(now.toISOString().split("T")[0]);
-    }, []);
-    const _lang = lang === "fr" ? "fr" : "en";
-    const needCategory = stayNeeded &&
-        ((_a = params === null || params === void 0 ? void 0 : params.categories) === null || _a === void 0 ? void 0 : _a.length) !== undefined &&
-        ((_b = params === null || params === void 0 ? void 0 : params.categories) === null || _b === void 0 ? void 0 : _b.length) > 1;
-    const loading = !error && params === undefined;
-    const defaultCategoryValue = stayNeeded && ((_d = (_c = params === null || params === void 0 ? void 0 : params.categories) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.code);
-    const messages = Messages.get(_lang, messagesOverrides);
-    const subjectOptions = formatOptions("label", "id", params === null || params === void 0 ? void 0 : params.subjects);
-    const categoryOptions = formatOptions("label", "code", params === null || params === void 0 ? void 0 : params.categories);
-    const countryOptions = formatOptions("name", "code", params === null || params === void 0 ? void 0 : params.countries);
-    const submitForm = (e) => __awaiter(this, void 0, void 0, function* () {
-        e.preventDefault();
-        setSubmiting(true);
-        setSendSuccess(false);
-        setSendError(false);
-        const form = e.currentTarget;
-        let values = Form.extractValues(form.elements);
-        if (!values.category && defaultCategoryValue) {
-            values = Object.assign(Object.assign({}, values), { category: defaultCategoryValue });
-        }
-        if (subject) {
-            values = Object.assign(Object.assign({}, values), { subject });
-        }
-        const payload = Form.buildPayload({ lang: _lang, merchant, channel, resort, facet }, values);
-        try {
-            const result = yield API.send(host, payload);
-            if (result.error) {
-                throw new Error(result.error);
-            }
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(payload);
-            Plausible.sendEvent(values, params);
-            setSendSuccess(true);
-            form.reset();
-            setFormKey(formKey + 1);
-        }
-        catch (e) {
-            // eslint-disable-next-line no-console
-            console.error(e);
-            setSendError(true);
-        }
-        finally {
-            setSubmiting(false);
-        }
-    });
-    const checkIfStayIsNeeded = (value) => {
-        var _a;
-        const subject = (_a = params === null || params === void 0 ? void 0 : params.subjects) === null || _a === void 0 ? void 0 : _a.find((s) => String(s.id) === value);
-        setStayNeeded(Boolean(subject === null || subject === void 0 ? void 0 : subject.stay));
-    };
-    const hideSuccess = () => {
-        setSendSuccess(false);
-    };
-    const hideError = () => {
-        setSendError(false);
-    };
-    const updateStayToMin = (value) => {
-        setStayToMin(value);
-    };
-    const updateStayFromMax = (value) => {
-        setStayFromMax(value);
-    };
-    return (<form key={formKey} className={styles.form} onSubmit={submitForm}>
-      {!subject && (<Select name="subject" label={messages.subject} className={styles.fullWidthField} placeholder={messages.defaultSubject} options={subjectOptions} disabled={Boolean(error) || loading} onValueChange={checkIfStayIsNeeded} required/>)}
-      <Input name="firstname" type="text" icon="User" label={messages.firstname} pattern=".{2,}" patternError={Messages.format(messages.lengthError, {
-            label: messages.firstname,
-            length: "1",
-        })} disabled={Boolean(error) || loading} required/>
-      <Input name="lastname" type="text" icon="User" label={messages.lastname} pattern=".{2,}" patternError={Messages.format(messages.lengthError, {
-            label: messages.lastname,
-            length: "1",
-        })} disabled={Boolean(error) || loading} required/>
-      <Input name="email" type="email" icon="Mail" label={messages.email} pattern="[^@\s]+@[^@\s]+\.[^@\s]+" patternError={messages.emailError} disabled={Boolean(error) || loading} required/>
-      <div className={styles.phoneGroup}>
-        <PhoneCodeSelect messages={messages} disabled={Boolean(error) || loading}/>
-        <Input name="phone" type="phone" className={styles.phoneField} label={messages.phone} inputMode="numeric" pattern="[0-9 ]{9,15}$" patternError={messages.phoneError} disabled={Boolean(error) || loading} required/>
-      </div>
-      <Select name="country" icon="Globe" label={messages.country} className={styles.fullWidthField} placeholder={messages.defaultCountry} options={countryOptions} disabled={Boolean(error) || loading} required/>
-      {needCategory && (<Select name="category" icon="Plane" label={messages.category} className={styles.fullWidthField} placeholder={messages.defaultCategory} options={categoryOptions} disabled={Boolean(error) || loading} required/>)}
-      <Input name="stayFrom" className={styles.stayField} type="date" label={messages.stayFromDate} placeholder={messages.dateFormat} onValueChange={updateStayToMin} hint={stayFromMax} min={stayMin} max={stayFromMax} disabled={Boolean(error) || loading} patternError={Messages.format(messages.mandatoryError, {
-            label: messages.stayFrom,
-        })} 
-    // required={stayNeeded}
-    required extended/>
-      <Input name="stayTo" className={styles.stayField} type="date" label={messages.stayToDate} placeholder={messages.dateFormat} onValueChange={updateStayFromMax} hint={stayToMin} min={stayToMin || stayMin} disabled={Boolean(error) || loading} patternError={Messages.format(messages.mandatoryError, {
-            label: messages.stayTo,
-        })} 
-    // required={stayNeeded}
-    required extended/>
-      <Textarea name="message" className={styles.fullWidthField} label={messages.message} disabled={Boolean(error) || loading} required autoSizing/>
-      <div className={styles.send}>
-        <Button type="submit" disabled={Boolean(error) || loading || submiting}>
-          {submiting ? <Loader className={styles.loader}/> : <Icons.Plane />}
-          {messages.submit}
-        </Button>
-      </div>
-      {sendSuccess && (<Information className={styles.response} type="success" close={hideSuccess}>
-          {messages.sendSucesss}
-        </Information>)}
-      {sendError && (<Information className={styles.response} type="error" close={hideError}>
-          {messages.sendError}
-        </Information>)}
-      {error && (<Information className={styles.error} type="warning">
-          {messages.parametersError}
-        </Information>)}
-    </form>);
-}

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

@@ -1,45 +0,0 @@
-import * as React from "react";
-import Link from "ublo/link";
-import Loader from "dt-design-system/es/loader";
-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 css from "./links.module.css";
-const PLACEHOLDERS = [...new Array(3)];
-export default function Links({ icon, linksTitle, links, pageTitleAsTitle, loading, sendPlausibleGoal, }) {
-    const Icon = Icons[icon];
-    const noResult = !loading && !links.length;
-    const createRipple = (e) => {
-        Ripple.create(e);
-    };
-    if (noResult)
-        return null;
-    return (<div className={css.linksSection}>
-      <div className={css.linksTitle}>{linksTitle}</div>
-      <div className={css.links}>
-        {loading &&
-            PLACEHOLDERS.map((_, i) => {
-                return (<div key={i} className={css.loaderContainer}>
-                <Loader className={css.loader} variant="overlay"/>
-              </div>);
-            })}
-        {!loading &&
-            links.map((link) => {
-                const { id, text, parentTitle, path } = link.document;
-                const decodedPath = decodeURIComponent(path);
-                const titleProperty = pageTitleAsTitle ? "pageTitle" : "title";
-                const linkTitle = Utils.getHighlight(titleProperty, link.highlight) ||
-                    link.document[titleProperty];
-                const linkText = Utils.getHighlight("text", link.highlight, true) || text;
-                return (<Link key={id} href={decodedPath} className={css.link} onClick={sendPlausibleGoal(decodedPath)} onMouseDown={createRipple}>
-                <Icon className={css.linkIcon}/>
-                <div className={css.linkContent}>
-                  {parentTitle && (<div className={css.linkParent} dangerouslySetInnerHTML={{ __html: parentTitle }}/>)}
-                  <div className={css.linkTitle} dangerouslySetInnerHTML={{ __html: linkTitle }}/>
-                  {linkText && (<div className={css.linkText} dangerouslySetInnerHTML={{ __html: linkText }}/>)}
-                </div>
-              </Link>);
-            })}
-      </div>
-    </div>);
-}

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

@@ -1,19 +0,0 @@
-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.jsx

@@ -1,67 +0,0 @@
-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.jsx

@@ -1,68 +0,0 @@
-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/msem-preset-editor/components/form.jsx

@@ -1,28 +0,0 @@
-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/widget-list-item.jsx

@@ -1,97 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-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 "./widget-list-item.module.css";
-const ALLOW_PRESETS_ON_WIDGETS = [
-    "lodging",
-    "skiPass",
-    "liftJb",
-    "elloha",
-    "vakario",
-];
-export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }) {
-    const [opened, setOpened] = React.useState(false);
-    const { widget, logo, name, items: subs } = item;
-    const toggleItem = () => {
-        setOpened(!opened);
-    };
-    const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
-    const isSelected = (preset === null || preset === void 0 ? void 0 : preset.name) === name && (preset === null || preset === void 0 ? void 0 : preset.widget) === widget;
-    const hasSubs = subs && subs.length > 0;
-    const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
-    const showEditButton = isSelected && allowAdvancedPresets;
-    const showRemoveButton = isSelected;
-    const classes = classNames(css.item, {
-        [css.selected]: isSelected,
-        [css.opened]: opened,
-    });
-    const handleItemClick = () => {
-        if (!isSelected) {
-            updatePreset(item);
-        }
-    };
-    return (<div className={classes}>
-      <Button variant="transparent" className={css.button} onClick={handleItemClick}>
-        <div className={css.logo}>
-          <img src={logo} alt={name}/>
-        </div>
-        <div className={css.name}>{name}</div>
-      </Button>
-      {(hasSubs || showEditButton || showRemoveButton) && (<div className={css.actions}>
-          {showEditButton && (<Tooltip content="Modifier">
-              <Button variant="primary" className={css.action} onClick={() => setShowPresetDialog(true)} compact>
-                <Icons.Edit />
-              </Button>
-            </Tooltip>)}
-          {showRemoveButton && (<Tooltip content="Supprimer">
-              <Button variant="danger" className={css.action} onClick={removePreset} compact>
-                <Icons.Trash />
-              </Button>
-            </Tooltip>)}
-          {hasSubs && (<Tooltip content="Afficher les sous-marchands">
-              <Button variant="secondary" className={css.action} onClick={toggleItem} compact>
-                <ToggleIcon />
-              </Button>
-            </Tooltip>)}
-        </div>)}
-      {opened && subs && (<div className={css.list}>
-          {subs.map((sub) => {
-                const isSelected = (preset === null || preset === void 0 ? void 0 : preset.name) === sub.name;
-                const allowedWidgets = [
-                    "otherProducts",
-                    ...ALLOW_PRESETS_ON_WIDGETS,
-                ];
-                const allowAdvancedPresets = allowedWidgets.includes(sub.widget);
-                const showEditButton = isSelected && allowAdvancedPresets;
-                const showButtons = showEditButton || isSelected;
-                const classes = classNames(css.subButton, {
-                    [css.subButtonSelected]: isSelected,
-                });
-                const handleSubClick = () => {
-                    if (!isSelected) {
-                        updatePreset(item, sub);
-                    }
-                };
-                return (<div key={sub.name} className={css.sub}>
-                <Button variant="transparent" className={classes} onClick={handleSubClick}>
-                  {sub.name}
-                </Button>
-                {showButtons && (<div className={css.subActions}>
-                    {showEditButton && (<Tooltip content="Modifier">
-                        <Button variant="primary" className={css.action} onClick={() => setShowPresetDialog(true)} compact>
-                          <Icons.Edit />
-                        </Button>
-                      </Tooltip>)}
-                    {isSelected && (<Tooltip content="Supprimer">
-                        <Button variant="danger" className={css.action} onClick={removePreset} compact>
-                          <Icons.Trash />
-                        </Button>
-                      </Tooltip>)}
-                  </div>)}
-              </div>);
-            })}
-        </div>)}
-    </div>);
-}