ublo-lib 1.31.42 → 1.31.44

package/es/esf/components/period-picker/extended-stay-picker.js

@@ -6,51 +6,26 @@ import * as Dates from "./services/dates";
 import * as Motions from "./services/motions";
 import * as Messages from "./messages";
 import css from "./extended-stay-picker.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function ExtendedStayPicker({
-  lang,
-  stay,
-  extend,
-  week,
-  endWeek,
-  forceSeasonSwitch,
-  opened,
-  setExtendedOpened,
-  onChange
-}) {
-  const barRef = React.useRef();
-  const startDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
-  const endDate = Dates.weekToDate(week + 1, endWeek, forceSeasonSwitch);
-  const fullStay = stay ? Dates.getInterval(new Date(stay.from), new Date(stay.to)) : [];
-  const interval = Dates.getInterval(startDate, endDate, extend);
-  const close = () => {
-    setExtendedOpened(false);
-  };
-  return _jsx(AnimatePresence, {
-    mode: "wait",
-    children: opened && _jsxs(motion.div, {
-      className: css.picker,
-      initial: "hidden",
-      animate: "visible",
-      exit: "hidden",
-      variants: Motions.fading,
-      children: [_jsxs("div", {
-        className: css.title,
-        children: [Messages.get(lang, "extended-title"), _jsx(Button, {
-          className: css.button,
-          variant: "link",
-          onClick: close,
-          compact: true,
-          children: Messages.get(lang, "update-period")
-        })]
-      }), _jsx(Days, {
-        ref: barRef,
-        lang: lang,
-        fullStay: fullStay,
-        interval: interval,
-        onChange: onChange
-      })]
-    })
-  });
-}
+export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek, forceSeasonSwitch, opened, setExtendedOpened, onChange, }) {
+    const barRef = React.useRef();
+    const startDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
+    const endDate = Dates.weekToDate(week + 1, endWeek, forceSeasonSwitch);
+    const fullStay = stay
+        ? Dates.getInterval(new Date(stay.from), new Date(stay.to))
+        : [];
+    const interval = Dates.getInterval(startDate, endDate, extend);
+    const close = () => {
+        setExtendedOpened(false);
+    };
+    return (<AnimatePresence mode="wait">
+      {opened && (<motion.div className={css.picker} initial="hidden" animate="visible" exit="hidden" variants={Motions.fading}>
+          <div className={css.title}>
+            {Messages.get(lang, "extended-title")}
+            <Button className={css.button} variant="link" onClick={close} compact>
+              {Messages.get(lang, "update-period")}
+            </Button>
+          </div>
+          <Days ref={barRef} lang={lang} fullStay={fullStay} interval={interval} onChange={onChange}/>
+        </motion.div>)}
+    </AnimatePresence>);
+}

package/es/esf/components/period-picker/index.d.ts

@@ -0,0 +1,2 @@
+export default PeriodPicker;
+import PeriodPicker from "./period-picker";

package/es/esf/components/period-picker/index.js

@@ -1,4 +1,4 @@
 import PeriodPicker from "./period-picker";
 import DateDisplay from "./date-display";
 PeriodPicker.DateDisplay = DateDisplay;
-export default PeriodPicker;
+export default PeriodPicker;

package/es/esf/components/period-picker/messages.d.ts

@@ -0,0 +1 @@
+export function get(lang: any, message: any): any;

package/es/esf/components/period-picker/messages.js

@@ -1,90 +1,90 @@
 const messages = {
-  fr: {
-    title: "<b>A quelle période</b> souhaitez-vous venir ?",
-    "selected-title": "Vous venez du",
-    warn: "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
-    ok: "Confirmer",
-    cancel: "Annuler",
-    "update-period": "Choisir une autre plage de dates",
-    offers: "Les offres pour la période du",
-    to: "au",
-    "extended-title": "Vous pouvez ajuster vos dates de séjour",
-    "low-period": "Basse saison",
-    "medium-period": "Saison",
-    "high-period": "Haute saison"
-  },
-  en: {
-    title: "<b>When</b> are you coming?",
-    "selected-title": "You are coming from",
-    warn: "Warning, if you change your dates of stay, products in your cart will be removed",
-    ok: "Confirm",
-    cancel: "Cancel",
-    "update-period": "Update your stay",
-    offers: "Offers for the period from",
-    to: "to",
-    "extended-title": "You are coming more precisely",
-    "low-period": "Low season",
-    "medium-period": "Season",
-    "high-period": "High season"
-  },
-  es: {
-    title: "<b>¿Cuándo</b> vienes?",
-    "selected-title": "Vienes de",
-    warn: "Advertencia, si cambias tus fechas de estancia, se vaciará tu carrito",
-    ok: "Confirmar",
-    cancel: "Cancelar",
-    "update-period": "Actualizar tu estancia",
-    offers: "Ofertas para el periodo del",
-    to: "al",
-    "extended-title": "Vienes más precisamente",
-    "low-period": "Temporada baja",
-    "medium-period": "Temporada",
-    "high-period": "Temporada alta"
-  },
-  ca: {
-    title: "<b>Quan</b> vens?",
-    "selected-title": "Vens de",
-    warn: "Atenció, si canvies les teves dates d'estada, s'esborrarà el teu carretó",
-    ok: "Confirmar",
-    cancel: "Cancel·lar",
-    "update-period": "Actualitzar la teva estada",
-    offers: "Ofertes per al període del",
-    to: "al",
-    "extended-title": "Vens més precisament",
-    "low-period": "Temporada baixa",
-    "medium-period": "Temporada",
-    "high-period": "Temporada alta"
-  },
-  it: {
-    title: "<b>Quando</b> vieni?",
-    "selected-title": "Vieni da",
-    warn: "Attenzione, se modifichi le date del tuo soggiorno, il tuo carrello sarà svuotato",
-    ok: "Confermare",
-    cancel: "Annullare",
-    "update-period": "Aggiorna il tuo soggiorno",
-    offers: "Offerte per il periodo dal",
-    to: "al",
-    "extended-title": "Vieni più precisamente",
-    "low-period": "Bassa stagione",
-    "medium-period": "Stagione",
-    "high-period": "Alta stagione"
-  },
-  nl: {
-    title: "<b>Wanneer</b> kom je?",
-    "selected-title": "Je komt van",
-    warn: "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
-    ok: "Aanpassen",
-    cancel: "Annuleren",
-    "update-period": "Update je verblijf",
-    offers: "Aanbiedingen voor de periode van",
-    to: "tot",
-    "extended-title": "Je komt precies",
-    "low-period": "Laagseizoen",
-    "medium-period": "Seizoen",
-    "high-period": "Hoogseizoen"
-  }
+    fr: {
+        title: "<b>A quelle période</b> souhaitez-vous venir ?",
+        "selected-title": "Vous venez du",
+        warn: "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
+        ok: "Confirmer",
+        cancel: "Annuler",
+        "update-period": "Choisir une autre plage de dates",
+        offers: "Les offres pour la période du",
+        to: "au",
+        "extended-title": "Vous pouvez ajuster vos dates de séjour",
+        "low-period": "Basse saison",
+        "medium-period": "Saison",
+        "high-period": "Haute saison",
+    },
+    en: {
+        title: "<b>When</b> are you coming?",
+        "selected-title": "You are coming from",
+        warn: "Warning, if you change your dates of stay, products in your cart will be removed",
+        ok: "Confirm",
+        cancel: "Cancel",
+        "update-period": "Update your stay",
+        offers: "Offers for the period from",
+        to: "to",
+        "extended-title": "You are coming more precisely",
+        "low-period": "Low season",
+        "medium-period": "Season",
+        "high-period": "High season",
+    },
+    es: {
+        title: "<b>¿Cuándo</b> vienes?",
+        "selected-title": "Vienes de",
+        warn: "Advertencia, si cambias tus fechas de estancia, se vaciará tu carrito",
+        ok: "Confirmar",
+        cancel: "Cancelar",
+        "update-period": "Actualizar tu estancia",
+        offers: "Ofertas para el periodo del",
+        to: "al",
+        "extended-title": "Vienes más precisamente",
+        "low-period": "Temporada baja",
+        "medium-period": "Temporada",
+        "high-period": "Temporada alta",
+    },
+    ca: {
+        title: "<b>Quan</b> vens?",
+        "selected-title": "Vens de",
+        warn: "Atenció, si canvies les teves dates d'estada, s'esborrarà el teu carretó",
+        ok: "Confirmar",
+        cancel: "Cancel·lar",
+        "update-period": "Actualitzar la teva estada",
+        offers: "Ofertes per al període del",
+        to: "al",
+        "extended-title": "Vens més precisament",
+        "low-period": "Temporada baixa",
+        "medium-period": "Temporada",
+        "high-period": "Temporada alta",
+    },
+    it: {
+        title: "<b>Quando</b> vieni?",
+        "selected-title": "Vieni da",
+        warn: "Attenzione, se modifichi le date del tuo soggiorno, il tuo carrello sarà svuotato",
+        ok: "Confermare",
+        cancel: "Annullare",
+        "update-period": "Aggiorna il tuo soggiorno",
+        offers: "Offerte per il periodo dal",
+        to: "al",
+        "extended-title": "Vieni più precisamente",
+        "low-period": "Bassa stagione",
+        "medium-period": "Stagione",
+        "high-period": "Alta stagione",
+    },
+    nl: {
+        title: "<b>Wanneer</b> kom je?",
+        "selected-title": "Je komt van",
+        warn: "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
+        ok: "Aanpassen",
+        cancel: "Annuleren",
+        "update-period": "Update je verblijf",
+        offers: "Aanbiedingen voor de periode van",
+        to: "tot",
+        "extended-title": "Je komt precies",
+        "low-period": "Laagseizoen",
+        "medium-period": "Seizoen",
+        "high-period": "Hoogseizoen",
+    },
 };
 export function get(lang, message) {
-  const locale = !messages[lang] ? "en" : lang;
-  return messages[locale][message];
-}
+    const locale = !messages[lang] ? "en" : lang;
+    return messages[locale][message];
+}

package/es/esf/components/period-picker/period-picker.d.ts

@@ -0,0 +1,8 @@
+export default function PeriodPicker({ setClosed, force, onChange, isPopup, ubloContext, }: {
+    setClosed?: any;
+    force?: boolean;
+    onChange?: any;
+    isPopup?: boolean;
+    ubloContext?: {};
+}): React.JSX.Element;
+import * as React from "react";

package/es/esf/components/period-picker/period-picker.js

@@ -13,191 +13,133 @@ import * as Sections from "./services/sections";
 import * as Dates from "./services/dates";
 import * as Stay from "./services/stay";
 import css from "./period-picker.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  start,
-  end,
-  forceSeasonSwitch = false,
-  extend
-} = publicRuntimeConfig.season;
+const { publicRuntimeConfig } = getConfig();
+const { start, end, forceSeasonSwitch = false, extend, } = publicRuntimeConfig.season;
 const WEEK_STORAGE = "stayWeek";
 const EXTEND_STAY_PICKER_APPEARANCE_DELAY = 1000;
-export default function PeriodPicker({
-  setClosed = undefined,
-  force = false,
-  onChange = undefined,
-  isPopup = false,
-  ubloContext = {}
-}) {
-  const ref = React.useRef();
-  const {
-    lang,
-    cmsMode,
-    metadata,
-    path
-  } = {
-    ...ubloContext,
-    ...useUbloContext()
-  };
-  const [stay, setStay] = React.useState();
-  const [warn, setWarn] = React.useState(false);
-  const [chosenWeek, setChosenWeek] = React.useState();
-  const [opened, setOpened] = React.useState(true);
-  const [selected, setSelected] = React.useState();
-  const [extendedOpened, setExtendedOpened] = React.useState(false);
-  const [extendedTimeout, setExtendedTimeout] = React.useState();
-  const mustFilterSections = cmsMode === undefined;
-  const weeks = Dates.buildWeeks(start, end);
-  const beginWeek = weeks[0];
-  const endWeek = weeks[weeks.length - 1];
-  const showDialog = force && selected === null;
-  const pickerClasses = classNames(css.picker, {
-    [css.pickerDialogOpened]: showDialog && mustFilterSections,
-    [css.pickerEditing]: !mustFilterSections
-  });
-  const openExtendedPicker = React.useCallback(() => {
-    if (extend) {
-      clearTimeout(extendedTimeout);
-      setExtendedTimeout(setTimeout(() => setExtendedOpened(true), EXTEND_STAY_PICKER_APPEARANCE_DELAY));
-    }
-  }, [extendedTimeout]);
-  const selectWeek = React.useCallback((week, force = false) => {
-    const hasCart = window.sessionStorage.getItem("cartId");
-    if (force || !hasCart) {
-      setSelected(previousWeek => {
-        if (previousWeek !== undefined && previousWeek !== null && previousWeek !== week) {
-          window.sessionStorage.removeItem("cartId");
+export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, isPopup = false, ubloContext = {}, }) {
+    const ref = React.useRef();
+    const { lang, cmsMode, metadata, path } = Object.assign(Object.assign({}, ubloContext), useUbloContext());
+    const [stay, setStay] = React.useState();
+    const [warn, setWarn] = React.useState(false);
+    const [chosenWeek, setChosenWeek] = React.useState();
+    const [opened, setOpened] = React.useState(true);
+    const [selected, setSelected] = React.useState();
+    const [extendedOpened, setExtendedOpened] = React.useState(false);
+    const [extendedTimeout, setExtendedTimeout] = React.useState();
+    const mustFilterSections = cmsMode === undefined;
+    const weeks = Dates.buildWeeks(start, end);
+    const beginWeek = weeks[0];
+    const endWeek = weeks[weeks.length - 1];
+    const showDialog = force && selected === null;
+    const pickerClasses = classNames(css.picker, {
+        [css.pickerDialogOpened]: showDialog && mustFilterSections,
+        [css.pickerEditing]: !mustFilterSections,
+    });
+    const openExtendedPicker = React.useCallback(() => {
+        if (extend) {
+            clearTimeout(extendedTimeout);
+            setExtendedTimeout(setTimeout(() => setExtendedOpened(true), EXTEND_STAY_PICKER_APPEARANCE_DELAY));
         }
-        setWarn(false);
-        setChosenWeek(undefined);
-        return week;
-      });
-      if (mustFilterSections && week !== null && week !== undefined) {
-        Sections.filter(week, mustFilterSections);
-      } else {
-        Sections.removeFilter();
-      }
-    } else {
-      setWarn(true);
-      setChosenWeek(week);
-    }
-  }, [mustFilterSections]);
-  const getStoredStay = React.useCallback(() => {
-    const storedStay = window.sessionStorage.getItem("stay");
-    if (storedStay) {
-      const newStay = JSON.parse(storedStay);
-      setStay(newStay);
-    }
-  }, []);
-  const updateStay = React.useCallback(e => {
-    setStay(e.detail);
-  }, []);
-  React.useEffect(() => {
-    getStoredStay();
-    window.addEventListener("msem-stay-changed", updateStay);
-    return () => {
-      window.removeEventListener("msem-stay-changed", updateStay);
-    };
-  }, [getStoredStay, updateStay]);
-  React.useEffect(() => {
-    if (!mustFilterSections) {
-      Sections.removeFilter();
-    }
-  }, [mustFilterSections]);
-  React.useEffect(() => {
-    const stored = window.sessionStorage.getItem(WEEK_STORAGE);
-    selectWeek(stored !== null ? Number(stored) : null, true);
-  }, [selectWeek, path, lang]);
-  React.useEffect(() => {
-    if (selected !== null && selected !== undefined) {
-      const stored = window.sessionStorage.getItem(WEEK_STORAGE);
-      const storedSelected = stored !== null ? Number(stored) : null;
-      if (storedSelected !== selected) {
-        const startDate = Dates.weekToDate(selected, endWeek, forceSeasonSwitch);
-        const endDate = Dates.weekToDate(selected + 1, endWeek, forceSeasonSwitch);
-        const range = {
-          from: Dates.format(startDate),
-          to: Dates.format(endDate)
+    }, [extendedTimeout]);
+    const selectWeek = React.useCallback((week, force = false) => {
+        const hasCart = window.sessionStorage.getItem("cartId");
+        if (force || !hasCart) {
+            setSelected((previousWeek) => {
+                if (previousWeek !== undefined &&
+                    previousWeek !== null &&
+                    previousWeek !== week) {
+                    window.sessionStorage.removeItem("cartId");
+                }
+                setWarn(false);
+                setChosenWeek(undefined);
+                return week;
+            });
+            if (mustFilterSections && week !== null && week !== undefined) {
+                Sections.filter(week, mustFilterSections);
+            }
+            else {
+                Sections.removeFilter();
+            }
+        }
+        else {
+            setWarn(true);
+            setChosenWeek(week);
+        }
+    }, [mustFilterSections]);
+    const getStoredStay = React.useCallback(() => {
+        const storedStay = window.sessionStorage.getItem("stay");
+        if (storedStay) {
+            const newStay = JSON.parse(storedStay);
+            setStay(newStay);
+        }
+    }, []);
+    const updateStay = React.useCallback((e) => {
+        setStay(e.detail);
+    }, []);
+    React.useEffect(() => {
+        getStoredStay();
+        window.addEventListener("msem-stay-changed", updateStay);
+        return () => {
+            window.removeEventListener("msem-stay-changed", updateStay);
         };
-        window.sessionStorage.setItem(WEEK_STORAGE, selected);
-        Stay.update(range);
-        if (typeof onChange === "function") {
-          onChange(range);
+    }, [getStoredStay, updateStay]);
+    React.useEffect(() => {
+        if (!mustFilterSections) {
+            Sections.removeFilter();
         }
-      }
-    }
-  }, [endWeek, onChange, selected]);
-  if (metadata?.disableWeekpicker) return null;
-  const select = week => {
-    selectWeek(week);
-    if (setClosed !== undefined) {
-      setClosed(week);
-    }
-  };
-  const selectAndClose = week => {
-    selectWeek(week);
-    setOpened(false);
-    openExtendedPicker();
-  };
-  return _jsxs(_Fragment, {
-    children: [_jsx("div", {
-      className: pickerClasses,
-      children: _jsxs("div", {
-        className: css.inner,
-        children: [_jsxs("div", {
-          className: css.header,
-          children: [_jsx("div", {
-            className: css.iconContainer,
-            children: _jsx(Icons.Calendar, {
-              className: css.icon
-            })
-          }), _jsx(Title, {
-            lang: lang,
-            stay: stay
-          }), _jsx(Controls, {
-            barRef: ref,
-            distance: 200
-          })]
-        }), _jsx(Weeks, {
-          ref: ref,
-          lang: lang,
-          weeks: weeks,
-          beginWeek: beginWeek,
-          endWeek: endWeek,
-          selected: selected,
-          select: select,
-          forceSeasonSwitch: forceSeasonSwitch,
-          openExtendedPicker: openExtendedPicker,
-          isPopup: isPopup
-        }), _jsx(Warning, {
-          lang: lang,
-          warn: warn,
-          setWarn: setWarn,
-          selectWeek: selectWeek,
-          chosenWeek: chosenWeek
-        }), _jsx(ExtendedStayPicker, {
-          lang: lang,
-          stay: stay,
-          extend: extend,
-          week: selected,
-          endWeek: endWeek,
-          forceSeasonSwitch: forceSeasonSwitch,
-          opened: extendedOpened,
-          setExtendedOpened: setExtendedOpened,
-          onChange: onChange
-        })]
-      })
-    }), _jsx(Popup, {
-      mustFilterSections: mustFilterSections,
-      showDialog: showDialog,
-      opened: opened,
-      selectAndClose: selectAndClose,
-      onChange: onChange
-    })]
-  });
-}
+    }, [mustFilterSections]);
+    React.useEffect(() => {
+        const stored = window.sessionStorage.getItem(WEEK_STORAGE);
+        selectWeek(stored !== null ? Number(stored) : null, true);
+    }, [selectWeek, path, lang]);
+    React.useEffect(() => {
+        if (selected !== null && selected !== undefined) {
+            const stored = window.sessionStorage.getItem(WEEK_STORAGE);
+            const storedSelected = stored !== null ? Number(stored) : null;
+            if (storedSelected !== selected) {
+                const startDate = Dates.weekToDate(selected, endWeek, forceSeasonSwitch);
+                const endDate = Dates.weekToDate(selected + 1, endWeek, forceSeasonSwitch);
+                const range = {
+                    from: Dates.format(startDate),
+                    to: Dates.format(endDate),
+                };
+                window.sessionStorage.setItem(WEEK_STORAGE, selected);
+                Stay.update(range);
+                if (typeof onChange === "function") {
+                    onChange(range);
+                }
+            }
+        }
+    }, [endWeek, onChange, selected]);
+    if (metadata === null || metadata === void 0 ? void 0 : metadata.disableWeekpicker)
+        return null;
+    const select = (week) => {
+        selectWeek(week);
+        if (setClosed !== undefined) {
+            setClosed(week);
+        }
+    };
+    const selectAndClose = (week) => {
+        selectWeek(week);
+        setOpened(false);
+        openExtendedPicker();
+    };
+    return (<>
+      <div className={pickerClasses}>
+        <div className={css.inner}>
+          <div className={css.header}>
+            <div className={css.iconContainer}>
+              <Icons.Calendar className={css.icon}/>
+            </div>
+            <Title lang={lang} stay={stay}/>
+            <Controls barRef={ref} distance={200}/>
+          </div>
+          <Weeks ref={ref} lang={lang} weeks={weeks} beginWeek={beginWeek} endWeek={endWeek} selected={selected} select={select} forceSeasonSwitch={forceSeasonSwitch} openExtendedPicker={openExtendedPicker} isPopup={isPopup}/>
+          <Warning lang={lang} warn={warn} setWarn={setWarn} selectWeek={selectWeek} chosenWeek={chosenWeek}/>
+          <ExtendedStayPicker lang={lang} stay={stay} extend={extend} week={selected} endWeek={endWeek} forceSeasonSwitch={forceSeasonSwitch} opened={extendedOpened} setExtendedOpened={setExtendedOpened} onChange={onChange}/>
+        </div>
+      </div>
+      <Popup mustFilterSections={mustFilterSections} showDialog={showDialog} opened={opened} selectAndClose={selectAndClose} onChange={onChange}/>
+    </>);
+}

package/es/esf/components/period-picker/popup.d.ts

@@ -0,0 +1,7 @@
+export default function Popup({ mustFilterSections, showDialog, opened, onChange, selectAndClose, }: {
+    mustFilterSections: any;
+    showDialog: any;
+    opened: any;
+    onChange: any;
+    selectAndClose: any;
+}): import("react-dom/node_modules/@types/react").ReactPortal;