ublo-lib 1.47.62 → 1.47.64

package/es/esf/hooks/use-booking-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-booking-links.d.ts","sourceRoot":"","sources":["../../../src/esf/hooks/use-booking-links.js"],"names":[],"mappings":"AAKA,uJAyDC"}
+{"version":3,"file":"use-booking-links.d.ts","sourceRoot":"","sources":["../../../src/esf/hooks/use-booking-links.js"],"names":[],"mappings":"AAKA,uJAwDC"}

package/es/esf/hooks/use-booking-links.js

@@ -5,7 +5,6 @@ import * as Plausible from "../../future/components/plausible";
 export default function useBookingLinks(cart, multipleVillages, setupCallback, channel = "ESF", cartChanged, skipRecap) {
     const { breadcrumb, config, lang, path } = useUbloContext();
     const hasLangPrefix = config.langPrefix.links;
-    const bookingLang = lang === "fr" ? "fr" : "en";
     const handleCartChange = React.useCallback((cart, kind, eventType) => {
         cartChanged?.(cart, kind, eventType);
         const event = new CustomEvent("msem-cart-changed", {
@@ -16,13 +15,13 @@ export default function useBookingLinks(cart, multipleVillages, setupCallback, c
     React.useEffect(() => {
         const run = async () => {
             await loadJS("https://widget.vente-en-ligne-esf.com/boutique/boutique.js", "boutique-js");
-            setupConfig(bookingLang, breadcrumb, cart, multipleVillages, hasLangPrefix, channel, handleCartChange, skipRecap);
+            setupConfig(lang, breadcrumb, cart, multipleVillages, hasLangPrefix, channel, handleCartChange, skipRecap);
             setupDialogCleanup();
             setupCallback?.();
         };
         run();
     }, [
-        bookingLang,
+        lang,
         breadcrumb,
         cart,
         handleCartChange,

package/es/future/components/msem-preset-editor/editors/lodgings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lodgings.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/lodgings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AA0EF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,eAAe,EACf,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,WAAW,GACZ,EAAE,KAAK,2CAgUP"}
+{"version":3,"file":"lodgings.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/lodgings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AA0EF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,eAAe,EACf,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,WAAW,GACZ,EAAE,KAAK,2CA+UP"}

package/es/future/components/msem-preset-editor/editors/lodgings.js

@@ -19,39 +19,32 @@ const DEFAULT_DATA = {
     type: "",
     meubleType: [],
     filter: "",
+    hide: [],
 };
 const MEUBLE_TYPES = [
+    { label: "Appartement", value: "APT" },
+    { label: "Appartement dans maison", value: "APT-IN-HOUSE" },
+    { label: "Appartement dans un chalet", value: "APT-IN-CHALET" },
+    { label: "Chalet", value: "CHALET" },
+    { label: "Gîte rural", value: "GITE-RURAL" },
+    { label: "Maison", value: "HOUSE" },
+    { label: "Clévacances", value: "CLEVACANCES" },
+    { label: "Gîte de France", value: "GITE-FRANCE" },
+];
+const HIDE_OPTIONS = [
+    { label: "Filtres", value: "filters" },
+    { label: "Liste des hébergements", value: "lodgingListOffers" },
+    { label: "Carte des hébergements", value: "lodgingListMap" },
+    { label: "Fiche hébergement - Photos", value: "lodgingCarousel" },
+    { label: "Fiche hébergement - Description", value: "lodgingDescription" },
+    { label: "Fiche hébergement - Carte", value: "lodgingMap" },
+    { label: "Fiche hébergement - Offres", value: "lodgingOffers" },
+    { label: "Fiche hébergement - Langues parlées", value: "lodgingLanguages" },
+    { label: "Fiche hébergement - Équipements", value: "lodgingOptions" },
+    { label: "Fiche hébergement - Capacité", value: "lodgingCapacity" },
     {
-        label: "Appartement",
-        value: "APT",
-    },
-    {
-        label: "Appartement dans maison",
-        value: "APT-IN-HOUSE",
-    },
-    {
-        label: "Appartement dans un chalet",
-        value: "APT-IN-CHALET",
-    },
-    {
-        label: "Chalet",
-        value: "CHALET",
-    },
-    {
-        label: "Gîte rural",
-        value: "GITE-RURAL",
-    },
-    {
-        label: "Maison",
-        value: "HOUSE",
-    },
-    {
-        label: "Clévacances",
-        value: "CLEVACANCES",
-    },
-    {
-        label: "Gîte de France",
-        value: "GITE-FRANCE",
+        label: "Fiche hébergement - Informations additionnelles",
+        value: "lodgingInfos",
     },
 ];
 export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, setShowPresetDialog, testPreset, onChange, urlOverride, }) {
@@ -90,6 +83,9 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
         label: room.title,
         value: room.type,
     }));
+    const selectedHideOptions = data.hide.map((hide) => {
+        return HIDE_OPTIONS.find((option) => option.value === hide);
+    });
     const selectedMerchants = data.merchants?.map((merchant) => formattedMerchants.find((d) => d.value === merchant));
     const selectedOptions = data.options?.map((option) => filters?.options?.find((d) => d.value === option));
     const selectedSectors = data.sectors?.map((sector) => filters?.sectors?.find((d) => d.value === sector));
@@ -178,6 +174,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
             const agesChildren = [...new Array(children)].map(() => 12);
             const paxPlan = adults ? { adults, children, agesChildren } : undefined;
             const merchants = data.merchants?.length ? data.merchants : undefined;
+            const hide = data.hide?.length ? data.hide : undefined;
             const options = data.options?.length ? data.options : undefined;
             const sectors = data.sectors?.length ? data.sectors : undefined;
             const type = data.type || undefined;
@@ -200,7 +197,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
             };
             const newPreset = {
                 ...current,
-                options: { ...(current?.options || {}), previewDetails },
+                options: { ...(current?.options || {}), previewDetails, hide },
                 presets: { ...(current?.presets || {}), ...presets },
                 url: urlOverride || undefined,
             };
@@ -208,13 +205,14 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
             return newPreset;
         });
     }, [data, onChange, urlOverride, setPreset]);
-    return (_jsxs(Form, { title: "Presets h\u00E9bergements", width: 580, preset: preset, buttonsActions: { testPreset, cancelPreset, confirmPreset }, children: [_jsx("div", { className: css.label, children: "Nombre de personnes" }), _jsxs("div", { className: css.row, children: [_jsx(NumberPicker, { className: css.peopleInput, label: "Adultes", min: 0, max: 20, value: data.adults, onChange: updateField("adults"), withInput: true }), _jsx(NumberPicker, { className: css.peopleInput, label: "Enfants", min: 0, max: 9, value: data.children, onChange: updateField("children"), withInput: true })] }), _jsx("div", { className: css.label, children: "H\u00E9bergement" }), _jsx(Select, { placeholder: "S\u00E9lectionnez un h\u00E9bergement", options: formattedLodgings, value: data.lodging, onValueChange: updateField("lodging"), loading: loading }), !showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Chambres" }), (formattedRooms?.length > 0 || loading) && (_jsx(Select, { label: "Type de bien", placeholder: "S\u00E9lectionnez un type de bien", value: data.roomId, options: formattedRooms, onValueChange: updateField("roomId"), loading: loading })), _jsx(NumberPicker, { label: "Nombre de chambres", min: 0, max: 20, value: data.nbRooms?.[0] || 0, onChange: updateRoomNb, withInput: true })] })), showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Filtres" }), lodgings?.length > 0 && (_jsx(MultipleSelect, { label: "Liste de marchands", options: formattedMerchants, values: selectedMerchants, onChange: updateFilter("merchants"), loading: loading, withSearch: true })), (loading || kinds.length > 1) && (_jsx(Select, { label: "Type", placeholder: "S\u00E9lectionnez un type", options: kinds, value: data.type, onValueChange: updateField("type"), loading: loading })), showMeubleType && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Type de meubl\u00E9", options: MEUBLE_TYPES, values: selectedMeubleTypes, onChange: updateFilter("meubleType"), loading: loading })), (loading || filters.options.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Options", options: filters.options, values: selectedOptions, onChange: updateFilter("options"), loading: loading, withSearch: true })), (loading || filters.sectors.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.sectors, values: selectedSectors, onChange: updateFilter("sectors"), loading: loading, withSearch: true })), _jsx("div", { className: css.label, children: "Avanc\u00E9" }), _jsx(Input, { className: css.input, label: "Filtre", value: data.filter, placeholder: "('10', '22') in options", onValueChange: updateField("filter") })] }))] }));
+    return (_jsxs(Form, { title: "Presets h\u00E9bergements", width: 580, preset: preset, buttonsActions: { testPreset, cancelPreset, confirmPreset }, children: [_jsx("div", { className: css.title, children: "Options d'affichage" }), _jsx(MultipleSelect, { label: "Cacher", placeholder: "Selectionnez une ou plusieurs options", options: HIDE_OPTIONS, values: selectedHideOptions, onChange: updateFilter("hide") }), _jsx("div", { className: css.title2, children: "Preset" }), _jsx("div", { className: css.label, children: "Nombre de personnes" }), _jsxs("div", { className: css.row, children: [_jsx(NumberPicker, { className: css.peopleInput, label: "Adultes", min: 0, max: 20, value: data.adults, onChange: updateField("adults"), withInput: true }), _jsx(NumberPicker, { className: css.peopleInput, label: "Enfants", min: 0, max: 9, value: data.children, onChange: updateField("children"), withInput: true })] }), _jsx("div", { className: css.label, children: "H\u00E9bergement" }), _jsx(Select, { placeholder: "S\u00E9lectionnez un h\u00E9bergement", options: formattedLodgings, value: data.lodging, onValueChange: updateField("lodging"), loading: loading }), !showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Chambres" }), (formattedRooms?.length > 0 || loading) && (_jsx(Select, { label: "Type de bien", placeholder: "S\u00E9lectionnez un type de bien", value: data.roomId, options: formattedRooms, onValueChange: updateField("roomId"), loading: loading })), _jsx(NumberPicker, { label: "Nombre de chambres", min: 0, max: 20, value: data.nbRooms?.[0] || 0, onChange: updateRoomNb, withInput: true })] })), showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Filtres" }), lodgings?.length > 0 && (_jsx(MultipleSelect, { label: "Liste de marchands", options: formattedMerchants, values: selectedMerchants, onChange: updateFilter("merchants"), loading: loading, withSearch: true })), (loading || kinds.length > 1) && (_jsx(Select, { label: "Type", placeholder: "S\u00E9lectionnez un type", options: kinds, value: data.type, onValueChange: updateField("type"), loading: loading })), showMeubleType && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Type de meubl\u00E9", options: MEUBLE_TYPES, values: selectedMeubleTypes, onChange: updateFilter("meubleType"), loading: loading })), (loading || filters.options.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Options", options: filters.options, values: selectedOptions, onChange: updateFilter("options"), loading: loading, withSearch: true })), (loading || filters.sectors.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.sectors, values: selectedSectors, onChange: updateFilter("sectors"), loading: loading, withSearch: true })), _jsx("div", { className: css.label, children: "Avanc\u00E9" }), _jsx(Input, { className: css.input, label: "Filtre", value: data.filter, placeholder: "('10', '22') in options", onValueChange: updateField("filter") })] }))] }));
 }
 function getDefaultData(preset) {
     if (!preset?.presets && !preset?.options)
         return DEFAULT_DATA;
     const { merchants, accomodation, nbRooms, options, sectors, type, meubleType, filter, } = preset?.presets || {};
-    const { paxPlan, roomId } = preset?.options?.previewDetails || {};
+    const { hide, previewDetails } = preset.options || {};
+    const { paxPlan, roomId } = previewDetails || {};
     return {
         adults: paxPlan?.adults || DEFAULT_DATA.adults,
         children: paxPlan?.children || DEFAULT_DATA.children,
@@ -227,5 +225,6 @@ function getDefaultData(preset) {
         type: type || DEFAULT_DATA.type,
         meubleType: meubleType?.split(",") || DEFAULT_DATA.meubleType,
         filter: filter || DEFAULT_DATA.filter,
+        hide: hide || DEFAULT_DATA.hide,
     };
 }

package/es/future/components/msem-preset-editor/editors/lodgings.module.css

@@ -14,6 +14,30 @@
   flex: 0 0 auto;
 }
 
+.title,
+.title2 {
+  margin-bottom: 4px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
+.title::after,
+.title2::after {
+  content: "";
+  flex: 1 1 100%;
+  height: 1px;
+  margin-top: 2px;
+  background-color: var(--ds-grey-200, #ededed);
+}
+
+.title2 {
+  margin-top: 12px;
+}
+
 .label {
   font-size: 12px;
   user-select: none;

package/es/future/components/msem-preset-editor/editors/ski-passes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAmFF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CAgXP"}
+{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAsEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CAgXP"}

package/es/future/components/msem-preset-editor/editors/ski-passes.js

@@ -32,22 +32,9 @@ const ACTIVITIES_LABELS = {
     luge: "Luge sur rails",
 };
 const HIDE_OPTIONS = [
-    {
-        label: "Sélecteur de date de séjour",
-        value: "stay",
-    },
-    {
-        label: "Sélecteur d'hébergement",
-        value: "lodging",
-    },
-    {
-        label: "Filtres",
-        value: "filters",
-    },
-    {
-        label: "Catalogue",
-        value: "catalog",
-    },
+    { label: "Sélecteur d'hébergement", value: "lodging" },
+    { label: "Filtres", value: "filters" },
+    { label: "Catalogue", value: "catalog" },
 ];
 export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, urlOverride, }) {
     const savedPreset = React.useRef(preset);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.47.62",
+  "version": "1.47.64",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",