ublo-lib 1.31.44 → 1.32.1

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

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

@@ -1,46 +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 Loader from "dt-design-system/es/loader";
-import WidgetListItem from "./widget-list-item";
-import * as Offers from "../services/offers";
-import css from "./widget-list.module.css";
-export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }) {
-    const [offers, setOffers] = React.useState(null);
-    const [loading, setLoading] = React.useState(false);
-    React.useEffect(() => {
-        const runEffect = () => __awaiter(this, void 0, void 0, function* () {
-            setError(null);
-            setOffers(null);
-            setLoading(true);
-            try {
-                const offers = (yield Offers.get(lang, channel, resort, facet));
-                const filteredOffers = offers.filter(({ kind }) => {
-                    return kind !== "FFS" && kind !== "ASSU";
-                });
-                setOffers(filteredOffers);
-            }
-            catch (e) {
-                setError("Une erreur est survenue lors de la récupération des offres");
-            }
-            finally {
-                setLoading(false);
-            }
-        });
-        runEffect();
-    }, [channel, facet, lang, resort, setError]);
-    return (<div className={css.list}>
-      {loading && <Loader className={css.loader}/>}
-      {(offers === null || offers === void 0 ? void 0 : offers.length) === 0 && !loading && (<div className={css.empty}>Aucun widget disponible</div>)}
-      {offers === null || offers === void 0 ? void 0 : offers.map((offer, i) => {
-            return (<WidgetListItem key={i} item={offer} preset={preset} updatePreset={updatePreset} removePreset={removePreset} setShowPresetDialog={setShowPresetDialog}/>);
-        })}
-    </div>);
-}

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

@@ -1,45 +0,0 @@
-import * as React from "react";
-import Dialog from "dt-design-system/es/dialog";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import MseMPresetEditor from "./msem-preset-editor";
-import css from "./editor-dialog.module.css";
-export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }) {
-    const selectedPreset = target === null || target === void 0 ? void 0 : target.getAttribute("data-msem-preset");
-    const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
-    const hasObsoletePreset = target === null || target === void 0 ? void 0 : target.hasAttribute("data-config");
-    React.useEffect(() => {
-        if (selectedPreset) {
-            setPreset(JSON.parse(selectedPreset));
-        }
-    }, [selectedPreset]);
-    const updateNewPreset = React.useCallback(() => {
-        var _a;
-        const anchorHasHref = (_a = target === null || target === void 0 ? void 0 : target.querySelector(":scope > a")) === null || _a === void 0 ? void 0 : _a.hasAttribute("href");
-        if (!anchorHasHref && (preset === null || preset === void 0 ? void 0 : preset.url) && !(preset === null || preset === void 0 ? void 0 : preset.openPage)) {
-            delete preset.url;
-        }
-        updatePreset(preset);
-    }, [preset, updatePreset, target]);
-    return (<Dialog className={css.dialog} isOpened={!!target} container={null} close={closeEditor} closeOnBackdropClick={false} showAsModal={false}>
-      <div className={css.title}>Choisissez un widget</div>
-      <div className={css.subtitle}>
-        Ce dernier s'ouvrira au clic sur la section selectionnée.
-      </div>
-      <MseMPresetEditor lang={lang} options={options} urls={urls} selectedPreset={selectedPreset} onChange={setPreset} noLodgingPage={noLodgingPage}>
-        {children}
-      </MseMPresetEditor>
-      <div className={css.buttons}>
-        {hasObsoletePreset && (<Button variant="danger" className={css.removeObsolete} onClick={removeObsoletePreset}>
-            <Icons.CleaningServices />
-            Nettoyer le preset obsolète
-          </Button>)}
-        <Button variant="secondary" onClick={closeEditor}>
-          Annuler
-        </Button>
-        <Button variant="primary" onClick={updateNewPreset}>
-          Valider
-        </Button>
-      </div>
-    </Dialog>);
-}

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

@@ -1,95 +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 Input from "dt-design-system/es/input";
-import MultipleSelect from "dt-design-system/es/multiple-select";
-import Form from "../components/form";
-import * as API from "../services/api";
-import css from "./elloha.module.css";
-const DEFAULT_DATA = {
-    groupNames: [],
-};
-export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }) {
-    const savedPreset = React.useRef(preset);
-    const [loading, setLoading] = React.useState(false);
-    const [groupNames, setGroupNames] = React.useState([]);
-    const [selectedGroups, setSelectedGroups] = React.useState(getDefaultData(preset));
-    const { merchant } = (preset === null || preset === void 0 ? void 0 : preset.options) || {};
-    const stayIsUndefined = !(stay === null || stay === void 0 ? void 0 : stay.from) || !(stay === null || stay === void 0 ? void 0 : stay.to);
-    const cancelPreset = () => {
-        setPreset(savedPreset.current);
-        setShowPresetDialog(false);
-    };
-    const confirmPreset = () => {
-        setShowPresetDialog(false);
-    };
-    const manualSelectedGroupUpdate = (newValue) => {
-        const values = newValue.split(";");
-        setSelectedGroups(values);
-    };
-    React.useEffect(() => {
-        if (!stayIsUndefined) {
-            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
-                try {
-                    setLoading(true);
-                    const { kinds } = yield API.getEllohaGroups(merchant, stay.from);
-                    const allGroups = kinds.map((k) => k.group).filter(Boolean);
-                    const groups = [...new Set(allGroups)];
-                    setGroupNames(groups);
-                }
-                catch (e) {
-                    // eslint-disable-next-line no-console
-                    console.error(e);
-                }
-                finally {
-                    setLoading(false);
-                }
-            });
-            runEffect();
-        }
-    }, [merchant, stayIsUndefined, stay.from]);
-    React.useEffect(() => {
-        setPreset((current = {}) => {
-            const newPreset = Object.assign(Object.assign({}, current), { presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), { groupNames: selectedGroups
-                        .map((g) => g.trim())
-                        .filter(Boolean) }) });
-            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
-            return newPreset;
-        });
-    }, [onChange, selectedGroups, setPreset]);
-    return (<Form title="Presets activités Elloha" width={420} preset={preset} buttonsActions={{
-            testPreset,
-            cancelPreset,
-            confirmPreset: groupNames.length === 0 && selectedGroups.length === 0
-                ? undefined
-                : confirmPreset,
-        }}>
-      {!stayIsUndefined && (<MultipleSelect label="Groupes" options={groupNames} values={selectedGroups} onChange={setSelectedGroups} placeholder="Sélectionnez un ou plusieurs groupes" loading={loading} disabled={groupNames.length === 0} error={!loading &&
-                groupNames.length === 0 &&
-                "Aucun groupe disponible à ces dates"}/>)}
-      {stayIsUndefined && (<>
-          <div className={css.error}>
-            Vous devez renseigner des dates de séjour pour afficher
-            dynamiquement les groupes
-          </div>
-          <Input label="Groupe" placeholder="" value={selectedGroups.join(";")} onValueChange={manualSelectedGroupUpdate}/>
-          <div className={css.helper}>
-            Vous pouvez manuellement renseigner un ou plusieurs groupe(s) (les
-            sépararer par un ";")
-          </div>
-        </>)}
-    </Form>);
-}
-function getDefaultData(preset) {
-    if (!(preset === null || preset === void 0 ? void 0 : preset.presets))
-        return DEFAULT_DATA;
-    const { groupNames } = preset.presets;
-    return groupNames || DEFAULT_DATA.groupNames;
-}