ublo-lib 1.31.44 → 1.32.1

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

@@ -1,176 +0,0 @@
-import * as React from "react";
-import getConfig from "next/config";
-import classNames from "classnames";
-import Button from "dt-design-system/es/button";
-import Dialog from "dt-design-system/es/dialog";
-import Input from "dt-design-system/es/input";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import * as MseM from "../../utils/msem-widget";
-// import * as MseM from "ublo-lib/es/common/utils/msem-widget";
-import FacetSelector from "./components/facet-selector";
-import StayPicker from "./components/stay-picker";
-import WidgetList from "./components/widget-list";
-import Editors from "./editors";
-import * as UrlParams from "./services/url-params";
-import * as Preset from "./services/preset";
-import css from "./msem-preset-editor.module.css";
-const { publicRuntimeConfig } = getConfig();
-const { langPrefix } = publicRuntimeConfig;
-export default function MseMPresetEditor({ lang, options, urls, selectedPreset, onChange, noLodgingPage, children, }) {
-    var _a, _b, _c, _d;
-    const currentPreset = selectedPreset ? JSON.parse(selectedPreset) : undefined;
-    const defaultResort = Number(currentPreset ? currentPreset.options.resort : options.resort);
-    const [facet, setFacet] = React.useState(((_b = (_a = currentPreset === null || currentPreset === void 0 ? void 0 : currentPreset.options) === null || _a === void 0 ? void 0 : _a.facet) === null || _b === void 0 ? void 0 : _b.toString()) || "");
-    const [stay, setStay] = React.useState(((_c = currentPreset === null || currentPreset === void 0 ? void 0 : currentPreset.presets) === null || _c === void 0 ? void 0 : _c.stay) || { from: "", to: "" });
-    const [preset, setPreset] = React.useState(currentPreset || null);
-    const [error, setError] = React.useState(null);
-    const [showPresetDialog, setShowPresetDialog] = React.useState(false);
-    const [presetUrl, setPresetUrl] = React.useState("");
-    const [resort, setResort] = React.useState(defaultResort);
-    const initialRender = React.useRef(true);
-    const showWidgetList = resort && facet !== "";
-    const baseUrl = getBaseUrl({
-        lang,
-        widget: preset === null || preset === void 0 ? void 0 : preset.widget,
-        facet,
-        urls,
-        resort,
-        slug: (preset === null || preset === void 0 ? void 0 : preset.openPage) ? (_d = preset === null || preset === void 0 ? void 0 : preset.presets) === null || _d === void 0 ? void 0 : _d.accomodation : undefined,
-    });
-    const updatePreset = React.useCallback((item, subPreset) => {
-        let { name, options: itemOptions, presets: itemPresets } = item;
-        const widget = (subPreset === null || subPreset === void 0 ? void 0 : subPreset.widget) || item.widget;
-        if (!widget) {
-            return;
-        }
-        if (subPreset) {
-            const formatedSubPreset = Preset.format(subPreset);
-            name = subPreset.name;
-            itemOptions = formatedSubPreset.options;
-            itemPresets = formatedSubPreset.presets;
-        }
-        if ((stay === null || stay === void 0 ? void 0 : stay.from) && (stay === null || stay === void 0 ? void 0 : stay.to)) {
-            itemPresets = Object.assign(Object.assign({}, itemPresets), { stay });
-        }
-        const allOptions = Object.assign(Object.assign(Object.assign({ facet: Number(facet) }, itemOptions), options), { resort });
-        const newPreset = {
-            name,
-            widget,
-            options: allOptions,
-            presets: itemPresets,
-            url: baseUrl || undefined,
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
-        setPreset(newPreset);
-    }, [baseUrl, facet, onChange, options, stay, resort]);
-    const removePreset = React.useCallback(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(null);
-        setPreset(null);
-    }, [onChange]);
-    const testPreset = () => {
-        if (!preset)
-            return;
-        const storageKeysToRemove = [
-            "msem-material-rental-state",
-            "msem-lift-jb-state",
-        ];
-        storageKeysToRemove.forEach((key) => {
-            window.sessionStorage.removeItem(key);
-        });
-        const { widget, options, presets } = preset;
-        MseM.openMseM(widget, options, presets);
-    };
-    const copyUrl = (e) => {
-        e.preventDefault();
-        const field = e.target;
-        const url = field.value;
-        field.select();
-        navigator.clipboard.writeText(url);
-        // @ts-ignore
-        window.ubloSnackbar("URL copiée dans le presse papier", "success");
-    };
-    React.useEffect(() => {
-        if ((stay === null || stay === void 0 ? void 0 : stay.from) && (stay === null || stay === void 0 ? void 0 : stay.to)) {
-            setPreset((current = {}) => {
-                const newPreset = Object.assign(Object.assign({}, current), { presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), { stay }) });
-                onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
-                return newPreset;
-            });
-        }
-    }, [onChange, stay]);
-    React.useEffect(() => {
-        if (preset && baseUrl) {
-            const url = UrlParams.getPresetUrl(lang, preset, baseUrl);
-            setPresetUrl(url);
-        }
-        else {
-            setPresetUrl("");
-        }
-    }, [baseUrl, lang, preset]);
-    React.useEffect(() => {
-        if (initialRender.current) {
-            initialRender.current = false;
-        }
-        else {
-            removePreset();
-        }
-    }, [removePreset, resort]);
-    if (!resort)
-        return null;
-    const CurrentEditor = (preset === null || preset === void 0 ? void 0 : preset.widget) && Editors[preset.widget];
-    const showPresetUrl = Boolean((preset === null || preset === void 0 ? void 0 : preset.widget) && presetUrl !== "");
-    const footerClasses = classNames(css.footer, {
-        [css.footerButtonOnly]: !showPresetUrl,
-    });
-    return (<div className={css.editor}>
-      {children &&
-            React.cloneElement(children, {
-                resort,
-                setResort,
-            })}
-      <FacetSelector facet={facet} setFacet={setFacet} setPreset={setPreset}/>
-      <StayPicker stay={stay} setStay={setStay} setPreset={setPreset}/>
-      {showWidgetList && (<WidgetList lang={lang} resort={resort} channel={options.channel} facet={facet} preset={preset} updatePreset={updatePreset} removePreset={removePreset} error={error} setError={setError} setShowPresetDialog={setShowPresetDialog}/>)}
-      <Dialog isOpened={showPresetDialog} close={() => setShowPresetDialog(false)} container={null} showAsModal={false}>
-        {showPresetDialog && (<CurrentEditor stay={stay} facet={facet} preset={preset} setPreset={setPreset} setShowPresetDialog={setShowPresetDialog} testPreset={testPreset} onChange={onChange} baseUrl={baseUrl} noLodgingPage={noLodgingPage}/>)}
-      </Dialog>
-      {error && <div className={css.error}>{error}</div>}
-      <div className={footerClasses}>
-        {showPresetUrl ? (<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 variant="secondary" disabled={!(preset === null || preset === void 0 ? void 0 : preset.widget)} className={css.testButton} onClick={testPreset}>
-            <Icons.OpenInBrowser />
-            Tester dans le widget MseM
-          </Button>)}
-        {showPresetUrl && (<Input type="text" className={css.url} value={presetUrl} onClick={copyUrl} placeholder={!preset
-                ? "Aucun preset sélectionné"
-                : "Preset incompatible au format URL"} readOnly/>)}
-      </div>
-    </div>);
-}
-function getBaseUrl({ lang, widget, facet, urls, slug }) {
-    var _a, _b;
-    if (facet === "" || !widget || !urls)
-        return "";
-    if (urls.override)
-        return urls.override;
-    const facetCode = facet === "0" ? "winter" : "summer";
-    let url = "";
-    if (widget === "skiPass" && (urls === null || urls === void 0 ? void 0 : urls.skiPasses)) {
-        url = (_a = urls === null || urls === void 0 ? void 0 : urls.skiPasses) === null || _a === void 0 ? void 0 : _a[facetCode];
-    }
-    if (widget === "lodging" && (urls === null || urls === void 0 ? void 0 : urls.lodgings)) {
-        url = (_b = urls === null || urls === void 0 ? void 0 : urls.lodgings) === null || _b === void 0 ? void 0 : _b[facetCode];
-    }
-    if (slug) {
-        url = url.concat("/", slug);
-    }
-    const isExternalUrl = url === null || url === void 0 ? void 0 : url.startsWith("http");
-    if (!isExternalUrl && url && langPrefix) {
-        url = "/".concat(lang, url);
-    }
-    return url;
-}

package/es/common/components/tabbed-zones.jsx

@@ -1,68 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Zone from "ublo/zone";
-const defaultTabs = [{ subs: null }, { subs: 2 }];
-export default function TabbedZones({ current = 0, currentSub = 0, tabs = defaultTabs, zonesProps = {}, }) {
-    const [currentTab, setCurrentTab] = React.useState(current);
-    const [currentSubTab, setCurrentSubTab] = React.useState(currentSub);
-    return (<div className="tabbed-zones">
-      <div className="tabbed-zones__tabs">
-        {tabs.map((_, i) => {
-            const updateCurrentTab = () => {
-                setCurrentTab(i);
-                setCurrentSubTab(0);
-            };
-            const classes = classNames("tabbed-zones__tab", `tabbed-zones__tab--${i}`, {
-                "tabbed-zones__tab--current": i === currentTab,
-            });
-            return (<div key={i} className={classes} onClick={updateCurrentTab}>
-              <Zone id={`tabbed-zones-tab-${i}`} section="rich-text" maxSections="1" tooltip="Zone d'edition: Titre onglet"/>
-            </div>);
-        })}
-      </div>
-      {tabs.map((tab, i) => {
-            if (!tab.subs)
-                return null;
-            const length = [...new Array(tab.subs)];
-            const classes = classNames("tabbed-zones__sub-tabs", `tabbed-zones__sub-tabs--${i}`, {
-                "tabbed-zones__sub-tabs--current": i === currentTab,
-            });
-            return (<div key={i} className={classes}>
-            {length.map((_, j) => {
-                    const updateCurrentTab = () => setCurrentSubTab(j);
-                    const classes = classNames("tabbed-zones__sub-tab", `tabbed-zones__sub-tab--${i}-${j}`, {
-                        "tabbed-zones__sub-tab--current": i === currentTab && j === currentSubTab,
-                    });
-                    return (<div key={j} className={classes} onClick={updateCurrentTab}>
-                  <Zone id={`tabbed-zones-sub-tab-${i}-${j}`} section="rich-text" maxSections="1" tooltip="Zone d'edition: Titre onglet" {...zonesProps}/>
-                </div>);
-                })}
-          </div>);
-        })}
-      <div className="tabbed-zones__zones">
-        {tabs.map((tab, i) => {
-            const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}`, {
-                "tabbed-zones__zone--current": i === currentTab,
-            });
-            if (tab.subs)
-                return null;
-            return (<div key={i} className={classes}>
-              <Zone id={`tabbed-zone-${i}`} tooltip="Zone d'edition : Contenu onglet" {...zonesProps}/>
-            </div>);
-        })}
-        {tabs.map((tab, i) => {
-            if (!tab.subs)
-                return null;
-            const length = [...new Array(tab.subs)];
-            return length.map((_, j) => {
-                const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}-${j}`, {
-                    "tabbed-zones__zone--current": i === currentTab && j === currentSubTab,
-                });
-                return (<div key={j} className={classes}>
-                <Zone id={`tabbed-zone-offers-${i}-${j}`} className="tabbed-zone-offers" tooltip="Zone d'edition : Contenu et blocs produit" {...zonesProps}/>
-              </div>);
-            });
-        })}
-      </div>
-    </div>);
-}

package/es/common/utils/msem-widget.jsx

@@ -1,49 +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 NextScript from "next/script";
-import getConfig from "next/config";
-import { loadJS } from "./load-js";
-export const loadWidgetMseM = (id = "widget-msem", forceIntegration = false) => __awaiter(void 0, void 0, void 0, function* () {
-    const { publicRuntimeConfig } = getConfig();
-    const { integration } = publicRuntimeConfig;
-    const widgetUrl = forceIntegration || integration
-        ? "https://widget-integration.msem.tech/static/js/widget-msem.js"
-        : "https://widget.msem.tech/static/js/widget-msem.js";
-    return loadJS(widgetUrl, id);
-});
-export const openMseM = (widget, options = {}, presets = {}) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    yield loadWidgetMseM();
-    (_a = window.MseM) === null || _a === void 0 ? void 0 : _a.onLoad(() => window.MseM[widget](options, presets));
-});
-export function loadWidget(widget, options = {}, presets = {}) {
-    var _a;
-    if (window.MseMLoaded) {
-        (_a = window.MseM) === null || _a === void 0 ? void 0 : _a.onLoad(() => window.requestAnimationFrame(() => window.MseM[widget](options, presets)));
-    }
-    else {
-        setTimeout(() => {
-            const isGroundedTo = "groundedTo" in options;
-            if (isGroundedTo) {
-                const selector = options.groundedTo;
-                const widgetStillHasTarget = document.querySelector(selector);
-                if (!widgetStillHasTarget)
-                    return;
-            }
-            loadWidget(widget, options, presets);
-        }, 400);
-    }
-}
-export function Script({ msemUrl }) {
-    const setLoaded = () => {
-        window.MseMLoaded = true;
-    };
-    return (<NextScript src={`${msemUrl}/static/js/widget-msem.js`} onLoad={setLoaded} defer/>);
-}

package/es/future/components/msem/script.jsx

@@ -1,7 +0,0 @@
-import NextScript from "next/script";
-export function Script({ msemUrl }) {
-    const setLoaded = () => {
-        window.MseMLoaded = true;
-    };
-    return (<NextScript src={`${msemUrl}/static/js/widget-msem.js`} onLoad={setLoaded} defer/>);
-}

package/es/lbm/components/lumiplan/domain.jsx

@@ -1,74 +0,0 @@
-import * as React from "react";
-import Link from "ublo/link";
-import { useUbloContext } from "ublo/with-ublo";
-import classNames from "classnames";
-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 TelesiegeIcon from "./icons/lifts/telesiege";
-import SlopesIcon from "./icons/slopes";
-import T, { t } from "./i18n/translations";
-import css from "./domain.module.css";
-const Domain = React.forwardRef(({ domain }, ref) => {
-    const { lang, config } = useUbloContext();
-    const { slopeMapPath } = config;
-    if (domain === undefined) {
-        return (<div ref={ref} className={css.loader} data-tags={t(lang, "domain.navigation-title")}>
-        <Loader variant="overlay"/>
-      </div>);
-    }
-    if (!(domain === null || domain === void 0 ? void 0 : domain.lifts) || !(domain === null || domain === void 0 ? void 0 : domain.slopes)) {
-        return null;
-    }
-    const { lifts, slopes } = domain;
-    return (<div ref={ref} className={css.domain} data-tags={t(lang, "domain.navigation-title")}>
-      <div className={css.inner}>
-        <div className={css.title} dangerouslySetInnerHTML={{
-            __html: t(lang, "domain.title"),
-        }}/>
-        <div className={css.info}>
-          <div className={css.card}>
-            <TelesiegeIcon />
-            <span className={css.cardTitle}>
-              <T id="domain.lifts.title"/>
-            </span>
-            <div className={css.cardCount}>
-              <b>{lifts.count.open}</b> / {lifts.count.total}
-            </div>
-          </div>
-          <div className={css.card}>
-            <SlopesIcon />
-            <span className={css.cardTitle}>
-              <T id="domain.slopes.title"/>
-            </span>
-            <div className={css.cardCount}>
-              <b>{slopes.count.open}</b> / {slopes.count.total}
-            </div>
-          </div>
-        </div>
-        <div className={css.slopes}>
-          {Object.keys(slopes.slopes).map((key) => {
-            const { open, total } = slopes.slopes[key];
-            const classes = classNames(css.slope, {
-                [css[key]]: key,
-            });
-            return (<div key={key} className={classes}>
-                <div className={css.slopePill}/>
-                <div className={css.slopeKind}>
-                  <T id={`domain.slopes.${key}`}/>
-                </div>
-                <div className={css.slopeCount}>
-                  <b>{open}</b> / {total}
-                </div>
-              </div>);
-        })}
-        </div>
-        {slopeMapPath && (<Button tag={Link} className={css.mapButton} href={slopeMapPath}>
-            <Icons.Map />
-            {t(lang, "domain.map")}
-          </Button>)}
-      </div>
-    </div>);
-});
-Domain.displayName = "Domain";
-export default Domain;

package/es/lbm/components/lumiplan/opening.jsx

@@ -1,108 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { useUbloContext } from "ublo/with-ublo";
-import Loader from "dt-design-system/es/loader";
-import * as Icons from "dt-design-system/es/icons";
-import NightIcon from "./icons/night";
-import DawnIcon from "./icons/dawn";
-import T, { t } from "./i18n/translations";
-import css from "./opening.module.css";
-const Opening = React.forwardRef(({ resortOpening, showOpening }, ref) => {
-    const { lang } = useUbloContext();
-    let tagCode = "opening.navigation-title-full";
-    if (!(showOpening === null || showOpening === void 0 ? void 0 : showOpening.includes("dawn"))) {
-        tagCode = "opening.navigation-title-night";
-    }
-    else if (!(showOpening === null || showOpening === void 0 ? void 0 : showOpening.includes("night"))) {
-        tagCode = "opening.navigation-title-dawn";
-    }
-    if (resortOpening === undefined) {
-        return (<div ref={ref} className={css.loader} data-tags={t(lang, tagCode)}>
-          <Loader variant="overlay"/>
-        </div>);
-    }
-    if (!(resortOpening === null || resortOpening === void 0 ? void 0 : resortOpening.availability)) {
-        return null;
-    }
-    const { dawnSkiingDays, nightSkiingDays } = resortOpening.availability;
-    const dayIndex = new Date().getDay() - 1;
-    const orderedDays = reorganizeDays(dawnSkiingDays, dayIndex);
-    const orderedNights = reorganizeDays(nightSkiingDays, dayIndex);
-    return (<div ref={ref} className={css.opening} data-tags={t(lang, tagCode)}>
-        <div className={css.tableOuter}>
-          <div className={css.tableInner}>
-            <table className={css.table}>
-              <thead>
-                <tr>
-                  <th />
-                  {orderedDays.map((day, i) => {
-            const dayNumber = new Date();
-            dayNumber.setDate(dayNumber.getDate() + i);
-            const weekDay = t(lang, `opening.days.${day.dayType}`);
-            return (<th key={day.dayType} className={css.heading}>
-                        <>
-                          <div className={css.headingInner}>
-                            {weekDay} {dayNumber.getDate()}
-                          </div>
-                        </>
-                        <>
-                          <div className={css.headingPrinted}>
-                            {formatPrintedDays(weekDay)}
-                            {dayNumber.getDate()}
-                          </div>
-                        </>
-                      </th>);
-        })}
-                </tr>
-              </thead>
-              <tbody>
-                {(showOpening === null || showOpening === void 0 ? void 0 : showOpening.includes("dawn")) && (<tr>
-                    <Rows kind="dawn" rows={orderedDays}/>
-                  </tr>)}
-                {(showOpening === null || showOpening === void 0 ? void 0 : showOpening.includes("night")) && (<tr>
-                    <Rows kind="night" rows={orderedNights}/>
-                  </tr>)}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>);
-});
-function Rows({ kind, rows }) {
-    const Icon = kind === "dawn" ? DawnIcon : NightIcon;
-    return (<>
-      <td className={css.heading}>
-        <span className={css.rowHeadingInner}>
-          <Icon />
-          <span className={css.kindPrinted}>
-            <T id={`opening.${kind}`}/>
-          </span>
-        </span>
-      </td>
-      {rows.map(({ dayType, open }) => {
-            const code = open ? "opening.available" : "opening.unavailable";
-            const classes = classNames(css.cell, {
-                [css.cellAvailable]: open,
-            });
-            return (<td key={`${dayType}-${kind}`} className={classes}>
-            <span className={css.cellInner}>
-              <span className={css.hiddenPrint}>
-                <T id={code}/>
-              </span>
-              {!open && <Icons.Cross />}
-              {open && <Icons.Check className={css.showPrint}/>}
-            </span>
-          </td>);
-        })}
-    </>);
-}
-Opening.displayName = "Opening";
-export default Opening;
-function reorganizeDays(days, index) {
-    const daysBefore = days.slice(0, index);
-    const daysAfter = days.slice(index);
-    return [...daysAfter, ...daysBefore];
-}
-function formatPrintedDays(day) {
-    return `${day.slice(0, 3)}. `;
-}