ublo-lib 1.31.44 → 1.32.1

package/es/common/components/cross-selling-editor/override-trigger-form.jsx

@@ -1,68 +0,0 @@
-import * as React from "react";
-import Input from "dt-design-system/es/input";
-import * as Icons from "dt-design-system/es/icons";
-import styles from "./override-trigger-form.module.css";
-import Select from "dt-design-system/es/select";
-import Tooltip from "dt-design-system/es/tooltip";
-import NumberPicker from "dt-design-system/es/number-picker";
-export default function OverrideTriggerForm({ currentOffer, override, setConfig, durations, }) {
-    const triggers = (override === null || override === void 0 ? void 0 : override.triggers) || {};
-    const { stayFrom, stayTo, stayDuration = 0, merchant, skiPassDuration, skiPassDurationOperator = ">", durationTag, } = triggers;
-    const updateEntry = (key, value) => {
-        setConfig((config = {}) => {
-            const itemConfig = (config[currentOffer] || {});
-            const itemOverrides = itemConfig.overrides || [];
-            const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
-                        ...itemOverrides.map((o) => {
-                            if (o.id === override.id) {
-                                const triggersConfig = o.triggers || {};
-                                return Object.assign(Object.assign({}, o), { triggers: Object.assign(Object.assign({}, triggersConfig), { [key]: value }) });
-                            }
-                            return o;
-                        }),
-                    ] }) });
-            return newConfig;
-        });
-    };
-    const submitForm = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-    };
-    const stopPropagation = (e) => {
-        e.stopPropagation();
-    };
-    const operatorOptions = [
-        { value: ">", label: "Supérieur à" },
-        { value: ">=", label: "Supérieur ou égal à" },
-        { value: "<", label: "Inférieur à" },
-        { value: "<=", label: "Inférieur ou égal à" },
-        { value: "=", label: "Égal à" },
-    ];
-    return (<form className={styles.form} onSubmit={submitForm} onClick={stopPropagation}>
-      <div className={styles.title}>Déclencheur(s)</div>
-      <div className={styles.subTitle}>Séjour</div>
-      <Input className={styles.input} type="date" label="Inclu entre" value={stayFrom || ""} onValueChange={(value) => updateEntry("stayFrom", value)} compact/>
-      <Input className={styles.input} type="date" label="et" value={stayTo || ""} onValueChange={(value) => updateEntry("stayTo", value)} compact/>
-      <NumberPicker label={<>
-            Nombre de jour(s)
-            <Tooltip content="Séjour d'une durée supérieur ou égal à...">
-              <span className={styles.labelIconContainer}>
-                <Icons.Info className={styles.labelIcon}/>
-              </span>
-            </Tooltip>
-          </>} min={0} max={40} value={stayDuration || 0} onChange={(value) => updateEntry("stayDuration", value)} withInput compact/>
-      <div className={styles.subTitle}>Général</div>
-      <Input className={styles.input} label={<>
-            Code(s) marchand(s)
-            <Tooltip content="Si plusieurs codes marchands, les séparer par une virgule">
-              <span className={styles.labelIconContainer}>
-                <Icons.Info className={styles.labelIcon}/>
-              </span>
-            </Tooltip>
-          </>} value={merchant || ""} onValueChange={(value) => updateEntry("merchant", value)} compact/>
-      <div className={styles.subTitle}>Forfaits</div>
-      <NumberPicker className={styles.input} label="Durée" min={0} max={40} value={skiPassDuration || 0} onChange={(value) => updateEntry("skiPassDuration", value)} withInput compact/>
-      <Select className={styles.input} label="Opérateur de comparaison" options={operatorOptions} value={skiPassDurationOperator || ">"} onValueChange={(value) => updateEntry("skiPassDurationOperator", value)} compact/>
-      {durations && (<Select className={styles.input} label={durations === null || durations === void 0 ? void 0 : durations.title} placeholder=" " options={durations === null || durations === void 0 ? void 0 : durations.tags} value={durationTag || ""} onValueChange={(value) => updateEntry("durationTag", value)} compact/>)}
-    </form>);
-}

package/es/common/components/cross-selling-editor/overrides-list.jsx

@@ -1,74 +0,0 @@
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import Collapsible from "dt-design-system/es/collapsible";
-import Popover from "dt-design-system/es/popover";
-import Input from "dt-design-system/es/input";
-import * as Icons from "dt-design-system/es/icons";
-import Override from "./override";
-import styles from "./overrides-list.module.css";
-export default function OverridesList({ currentOffer, overrides, currentOverride, setCurrentOverride, config, setConfig, durations, }) {
-    const [opened, setOpened] = React.useState(false);
-    const [newOverride, setNewOverride] = React.useState("");
-    const [creationFormOpened, setCreationFormOpened] = React.useState(false);
-    const hasOverrides = overrides.length > 0;
-    const newOverrideAlreadyExists = overrides.some((o) => o.name === newOverride);
-    const newOverrideIsEmpty = newOverride.trim() === "";
-    const newOverrideIsInvalid = newOverrideAlreadyExists || newOverrideIsEmpty;
-    const error = newOverrideAlreadyExists && "Ce nom est déjà utilisé";
-    const closeCreationForm = () => {
-        setCreationFormOpened(false);
-    };
-    const toggleCreationForm = () => {
-        setCreationFormOpened(!creationFormOpened);
-    };
-    const createOverride = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setConfig((config = {}) => {
-            const itemConfig = (config[currentOffer] || {});
-            const itemOverrides = itemConfig.overrides || [];
-            const newId = itemOverrides.length
-                ? Math.max(...itemOverrides.map(({ id }) => id)) + 1
-                : 0;
-            const newOverrideName = newOverride.trim();
-            const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
-                        ...itemOverrides,
-                        { id: newId, name: newOverrideName, trigger: {}, rules: {} },
-                    ] }) });
-            return newConfig;
-        });
-        setOpened(true);
-        setNewOverride("");
-        closeCreationForm();
-    };
-    const title = (<span className={styles.title}>
-      {overrides.length} surcharges
-      <Popover className={styles.titlePopover} trigger={<Button variant="transparent" compact>
-            <Icons.Info />
-          </Button>}>
-        <b>Si plusieurs surcharges</b> correspondent au contenu du panier,{" "}
-        <b>seule la première est appliquée</b>.
-        <br />
-        Vous pouvez changer l'ordre des surcharges à l'aide des flèches
-        visibible à gauche de chaque surcharge au survol de ces dernières.
-      </Popover>
-    </span>);
-    return (<div className={styles.overrides}>
-      {hasOverrides ? (<Collapsible title={title} className={styles.collapsible} compact open={opened} toggleTooltip="Afficher toutes les surcharges" onOpenChange={setOpened} hiddenContent={overrides.map((override, index) => {
-                return (<Override key={override.id} index={index} currentOffer={currentOffer} overrides={overrides} override={override} currentOverride={currentOverride} setCurrentOverride={setCurrentOverride} config={config} setConfig={setConfig} closeCreationForm={closeCreationForm} durations={durations}/>);
-            })}/>) : null}
-      <div className={styles.addOverride}>
-        Ajouter une surcharge{" "}
-        <Popover className={styles.popover} trigger={<Button compact onClick={toggleCreationForm}>
-              <Icons.Plus />
-            </Button>} open={creationFormOpened}>
-          <form className={styles.createForm} onSubmit={createOverride}>
-            <Input placeholder="Nom" value={newOverride} onValueChange={setNewOverride} error={error} compact autoFocus/>
-            <Button className={styles.createSubmit} type="submit" disabled={newOverrideIsInvalid}>
-              Ajouter
-            </Button>
-          </form>
-        </Popover>
-      </div>
-    </div>);
-}

package/es/common/components/cross-selling-editor/rule.jsx

@@ -1,55 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Checkbox from "dt-design-system/es/checkbox";
-import NumberPicker from "dt-design-system/es/number-picker";
-import styles from "./rule.module.css";
-export default function Rule({ title, uuid, uuids, currentOffer, currentOverride, config, setConfig, }) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const defaultConfig = (_a = config[currentOffer]) === null || _a === void 0 ? void 0 : _a.default;
-    const isDefault = currentOverride === null;
-    const override = isDefault
-        ? defaultConfig
-        : (_c = (_b = config[currentOffer]) === null || _b === void 0 ? void 0 : _b.overrides) === null || _c === void 0 ? void 0 : _c.find((o) => o.id === (currentOverride === null || currentOverride === void 0 ? void 0 : currentOverride.id));
-    const currentValue = ((_e = (_d = override === null || override === void 0 ? void 0 : override.rules) === null || _d === void 0 ? void 0 : _d[uuid]) === null || _e === void 0 ? void 0 : _e.weight) || 0;
-    const currentHidden = ((_g = (_f = override === null || override === void 0 ? void 0 : override.rules) === null || _f === void 0 ? void 0 : _f[uuid]) === null || _g === void 0 ? void 0 : _g.hidden) || false;
-    const updateConfig = (key, value) => {
-        setConfig((config = {}) => {
-            const itemConfig = (config[currentOffer] || {});
-            const newValue = key === "hidden" ? !value : Number(value);
-            if (isDefault) {
-                const defaultRules = (defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.rules) || {};
-                const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { default: Object.assign(Object.assign({}, defaultConfig), { rules: Object.assign(Object.assign({}, defaultRules), { [uuid]: Object.assign(Object.assign({}, defaultRules === null || defaultRules === void 0 ? void 0 : defaultRules[uuid]), { [key]: newValue }) }) }) }) });
-                return newConfig;
-            }
-            else {
-                const itemOverrides = itemConfig.overrides || [];
-                const overrideConfig = itemOverrides.find((o) => o.id === override.id);
-                const rulesConfig = (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.rules) || {};
-                const offerConfig = (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig[uuid]) || {};
-                const cleanedRulesConfig = Object.keys(rulesConfig).reduce((acc, key) => {
-                    if (uuids.includes(key)) {
-                        return Object.assign(Object.assign({}, acc), { [key]: rulesConfig[key] });
-                    }
-                    return acc;
-                }, {});
-                const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
-                            ...itemOverrides.map((o) => {
-                                if (o.id === override.id) {
-                                    return Object.assign(Object.assign({}, o), { rules: Object.assign(Object.assign({}, cleanedRulesConfig), { [uuid]: Object.assign(Object.assign({}, offerConfig), { [key]: newValue }) }) });
-                                }
-                                return o;
-                            }),
-                        ] }) });
-                return newConfig;
-            }
-        });
-    };
-    const classes = classNames(styles.rule, {
-        [styles.disabled]: currentHidden,
-    });
-    return (<div key={uuid} className={classes}>
-      <Checkbox className={styles.checkbox} checked={!currentHidden} onCheckedChange={(value) => updateConfig("hidden", value)}/>
-      <div className={styles.title}>{title}</div>
-      <NumberPicker className={styles.valuePicker} value={currentValue} onChange={(value) => updateConfig("weight", value)} min={-10} max={10} disabled={!currentOffer}/>
-    </div>);
-}

package/es/common/components/cross-selling-editor/rules.jsx

@@ -1,53 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/select";
-import Popover from "dt-design-system/es/popover";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Rule from "./rule";
-import OverridesList from "./overrides-list";
-import * as Utils from "./services/utils";
-import styles from "./rules.module.css";
-export default function Rules({ container, config, setConfig, tunnelOffers, durations, }) {
-    var _a;
-    const [currentOffer, setCurrentOffer] = React.useState("");
-    const [currentOverride, setCurrentOverride] = React.useState(null);
-    const overrides = ((_a = config[currentOffer]) === null || _a === void 0 ? void 0 : _a.overrides) || [];
-    const showOverrides = currentOffer && Utils.hasAllowedOverrides(currentOffer);
-    const sections = Array.from(container.querySelectorAll(".tunnel-offer"));
-    const uuids = sections.map((section) => section.getAttribute("data-uuid"));
-    const updateCurrentOffer = (newCurrentOffer) => {
-        setCurrentOffer(newCurrentOffer);
-        setCurrentOverride(null);
-    };
-    const tunnelOptions = Object.keys(tunnelOffers).map((key) => {
-        const label = tunnelOffers[key];
-        return { value: key, label };
-    });
-    return (<div className={styles.container}>
-      <div className={styles.title}>
-        Configuration
-        <Popover className={styles.popover} trigger={<Button variant="transparent">
-              <Icons.Info />
-            </Button>}>
-          La configuration vous permet de personnaliser l'ordre d'affichage des
-          produits suggérés dans le panier en fonction des produits présents
-          dans le panier de l'utilisateur.
-        </Popover>
-      </div>
-      <div className={styles.explanation}>
-        Configurez les suggestions de produit en fonction du contenu du panier
-      </div>
-      <Select className={styles.select} label="Produit ajouté au panier" placeholder="Sélectionnez un produit" value={currentOffer} options={tunnelOptions} onValueChange={updateCurrentOffer}/>
-      {showOverrides && (<OverridesList currentOffer={currentOffer} overrides={overrides} currentOverride={currentOverride} setCurrentOverride={setCurrentOverride} config={config} setConfig={setConfig} durations={durations}/>)}
-      {currentOffer && (<>
-          <div className={styles.subTitle}>
-            Priorisation par types de produit
-          </div>
-          {sections.map((section) => {
-                const uuid = section.getAttribute("data-uuid");
-                const title = section.querySelector(".tunnel-offer__title").textContent;
-                return (<Rule key={title} uuid={uuid} uuids={uuids} title={title} currentOffer={currentOffer} currentOverride={currentOverride} config={config} setConfig={setConfig}/>);
-            })}
-        </>)}
-    </div>);
-}

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>);
-}