ublo-lib 1.42.12 → 1.42.14

package/es/esf/components/magic-box/booking.js

@@ -58,7 +58,7 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
             window.MseM?.onLoad(() => {
                 const options = {
                     resort,
-                    lang,
+                    lang: lang === "fr" ? "fr" : "en",
                     channel,
                     preview: !!cmsMode,
                     cartChanged: goToCart,

package/es/future/components/msem-preset-editor/components/widget-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/widget-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAqKP"}
+{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/widget-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAuKP"}

package/es/future/components/msem-preset-editor/components/widget-list-item.js

@@ -20,7 +20,7 @@ export default function WidgetListItem({ item, preset, updatePreset, removePrese
     const { widget, logo, name, items: subs } = item;
     const isSelected = preset?.name === name && preset?.widget === widget;
     const hasSubsSelected = subs?.some((sub) => preset?.name === sub.name && preset?.widget === sub.widget) || false;
-    const [opened, setOpened] = React.useState(isSelected || hasSubsSelected);
+    const [opened, setOpened] = React.useState(isSelected);
     const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
     const hasSubs = subs && subs.length > 0;
     const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
@@ -36,6 +36,7 @@ export default function WidgetListItem({ item, preset, updatePreset, removePrese
     };
     const classes = classNames(css.item, {
         [css.selected]: isSelected,
+        [css.subSelected]: hasSubsSelected,
         [css.opened]: opened,
     });
     const handleItemClick = () => {
@@ -62,5 +63,5 @@ export default function WidgetListItem({ item, preset, updatePreset, removePrese
                                     }
                                 };
                                 return (_jsxs("div", { className: classes, children: [_jsx(Button, { variant: "transparent", className: css.subButton, onClick: handleSubClick, autoFocus: isSelected ? true : undefined, children: sub.name }), showButtons && (_jsxs("div", { className: css.subActions, children: [showEditButton && (_jsx(Tooltip, { content: "Affiner le preset", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), isSelected && (_jsx(Tooltip, { content: "Supprimer le preset", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) }))] }))] }, sub.name));
-                            }) }), children: _jsx(Button, { variant: "secondary", className: css.action, onClick: openDropdown, compact: true, children: _jsx(ToggleIcon, {}) }) }))] }))] }));
+                            }) }), children: _jsxs(Button, { variant: "secondary", className: css.action, onClick: openDropdown, compact: true, children: [_jsx(ToggleIcon, {}), hasSubsSelected && _jsx("div", { className: css.actionPill })] }) }))] }))] }));
 }

package/es/future/components/msem-preset-editor/components/widget-list-item.module.css

@@ -35,7 +35,12 @@
   );
 }
 
-.item:not(.selected) .button:not(:disabled):hover {
+.subSelected .button,
+.subSelected .button:hover {
+  background: var(--ublo-blue-100, #e8f0fc);
+}
+
+.item:not(.selected, .subSelected) .button:not(:disabled):hover {
   background-color: var(--ublo-grey-100, #f5f5f5);
 }
 
@@ -73,9 +78,20 @@
 }
 
 .action {
+  position: relative;
   border-radius: var(--ublo-radius-100, 3px);
 }
 
+.actionPill {
+  position: absolute;
+  top: -3px;
+  right: -3px;
+  width: 8px;
+  height: 8px;
+  background-color: var(--ds-red-400, #ee3535);
+  border-radius: 50%;
+}
+
 .dropdown {
   padding: 0;
 }

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;AAwCF,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,2CA4TP"}
+{"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;AA4EF,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,2CAgVP"}

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

@@ -18,8 +18,43 @@ const DEFAULT_DATA = {
     nbRooms: [],
     roomType: "",
     type: "",
+    meubleType: [],
     filter: "",
 };
+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",
+    },
+];
 export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, setShowPresetDialog, testPreset, onChange, urlOverride, }) {
     const savedPreset = React.useRef(preset);
     const [ready, setReady] = React.useState(false);
@@ -35,6 +70,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
     const kinds = [...new Set(lodgings.map(({ kind }) => kind))];
     const { channel, resort, facet } = preset?.options || {};
     const showFilters = !data.lodging;
+    const showMeubleType = data.type === "MEUBLE";
     const updateField = (field) => (value) => {
         setData({ ...data, [field]: value });
     };
@@ -60,6 +96,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
     const selectedStandings = data.standings?.map((standing) => filters?.standings?.find((d) => d.value === standing));
     const selectedOptions = data.options?.map((option) => filters?.options?.find((d) => d.value === option));
     const selectedDistricts = data.districts?.map((district) => filters?.districts?.find((d) => d.value === district));
+    const selectedMeubleTypes = data.meubleType?.map((meubleType) => MEUBLE_TYPES.find((d) => d.value === meubleType));
     const cancelPreset = () => {
         setPreset(savedPreset.current);
         setShowPresetDialog(false);
@@ -124,6 +161,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
                         options: DEFAULT_DATA.options,
                         districts: DEFAULT_DATA.districts,
                         type: DEFAULT_DATA.type,
+                        meubleType: DEFAULT_DATA.meubleType,
                     }));
                 }
                 catch (e) {
@@ -148,6 +186,9 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
             const options = data.options?.length ? data.options : undefined;
             const districts = data.districts?.length ? data.districts : undefined;
             const type = data.type || undefined;
+            const meubleType = data.meubleType?.length
+                ? data.meubleType.join(",")
+                : undefined;
             const roomType = data.roomType || undefined;
             const nbRooms = data.nbRooms[0] > 0 ? data.nbRooms : undefined;
             const previewDetails = { paxPlan, roomType };
@@ -159,6 +200,7 @@ export default function Lodgings({ lang, msemServicesUrl, preset, setPreset, set
                 districts,
                 nbRooms,
                 type,
+                meubleType,
             };
             const newPreset = {
                 ...current,
@@ -170,12 +212,12 @@ 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.roomType, options: formattedRooms, onValueChange: updateField("roomType"), 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 && (_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 })), (loading || filters.standings.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Standing", options: filters.standings, values: selectedStandings, onChange: updateFilter("standings"), loading: loading, withSearch: true })), (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.districts.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.districts, values: selectedDistricts, onChange: updateFilter("districts"), 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.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.roomType, options: formattedRooms, onValueChange: updateField("roomType"), 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 && (_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.standings.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Standing", options: filters.standings, values: selectedStandings, onChange: updateFilter("standings"), loading: loading, withSearch: true })), (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.districts.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.districts, values: selectedDistricts, onChange: updateFilter("districts"), 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, standings, options, districts, type, filter, } = preset?.presets || {};
+    const { merchants, accomodation, nbRooms, standings, options, districts, type, meubleType, filter, } = preset?.presets || {};
     const { paxPlan, roomType } = preset?.options?.previewDetails || {};
     return {
         adults: paxPlan?.adults || DEFAULT_DATA.adults,
@@ -188,6 +230,7 @@ function getDefaultData(preset) {
         options: options || DEFAULT_DATA.options,
         districts: districts || DEFAULT_DATA.districts,
         type: type || DEFAULT_DATA.type,
+        meubleType: meubleType?.split(",") || DEFAULT_DATA.meubleType,
         filter: filter || DEFAULT_DATA.filter,
     };
 }

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;AAU/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;AA4DF,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,2CAsSP"}
+{"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;AAiFF,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,2CAgUP"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import Select from "dt-design-system/es/select";
-import MutlipleSelect from "dt-design-system/es/multiple-select";
+import MultipleSelect from "dt-design-system/es/multiple-select";
+import Checkbox from "dt-design-system/es/checkbox";
 import Loader from "dt-design-system/es/loader";
 import Input from "dt-design-system/es/input";
 import NumberPicker from "dt-design-system/es/number-picker";
@@ -15,6 +16,8 @@ const DEFAULT_DATA = {
     activities: [],
     domains: [],
     durations: [],
+    hide: [],
+    minimalistLiftScreen: false,
 };
 const ACTIVITIES_LABELS = {
     piscine: "Piscine",
@@ -26,6 +29,24 @@ const ACTIVITIES_LABELS = {
     "ski-activite": "Ski + Activités",
     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",
+    },
+];
 export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, urlOverride, }) {
     const savedPreset = React.useRef(preset);
     const [loading, setLoading] = React.useState(false);
@@ -57,6 +78,9 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             }, [])),
         ]
         : []);
+    const selectedHideOptions = data.hide.map((hide) => {
+        return HIDE_OPTIONS.find((option) => option.value === hide);
+    });
     const selectedActivities = data.activities.map((activity) => {
         return activities.find((a) => a.value === activity);
     });
@@ -120,6 +144,9 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
         const newSkiers = !value ? [] : new Array(Number(value)).fill(code);
         setData({ ...data, skiers: [...filteredSkiers, ...newSkiers] });
     };
+    const updateMinimalistLiftScreen = (value) => {
+        setData({ ...data, minimalistLiftScreen: value });
+    };
     React.useEffect(() => {
         if (!isReady) {
             const runEffect = async () => {
@@ -139,6 +166,7 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             const initFilters = async () => {
                 setLoading(true);
                 const filters = await API.getSkiPassesFilters(msemServicesUrl, merchant, catalog);
+                console.log(filters);
                 const filteredFilters = Object.keys(filters).reduce((acc, key) => {
                     const filter = filters[key];
                     return ALLOWED_FILTERS.includes(key)
@@ -162,15 +190,18 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
     }, [catalog, merchant, msemServicesUrl]);
     React.useEffect(() => {
         setPreset((current = {}) => {
+            const { hide, minimalistLiftScreen, ...rest } = data;
             const newPreset = {
                 ...current,
                 options: {
                     ...(current?.options || {}),
                     catalog,
+                    hide,
+                    minimalistLiftScreen,
                 },
                 presets: {
                     ...(current?.presets || {}),
-                    ...data,
+                    ...rest,
                 },
                 url: urlOverride || undefined,
             };
@@ -182,24 +213,27 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             testPreset,
             cancelPreset,
             confirmPreset: hasCatalog ? confirmPreset : undefined,
-        }, children: [_jsx(Select, { label: "Catalogue", value: catalog, options: catalogs ? ["", ...catalogs] : [], onValueChange: setCatalog, loading: !isReady }), loading && _jsx(Loader, { className: css.loader }), hasCatalog && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "date", label: "1er jour", value: data.firstSkiDate, onValueChange: updateFirstSkiDate, defaultMonth: firstSkiDateDefaultMonth, min: stay?.from || undefined, max: stay?.to || undefined }), filters?.skiers && filters?.skiers?.length > 1 && (_jsxs("div", { className: css.skiers, children: [_jsx("div", { className: css.label, children: "Skieurs" }), filters.skiers.map((skier) => {
+        }, 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: updateField("hide") }), _jsx(Checkbox, { label: "Ecran de forfaits minimaliste", checked: data.minimalistLiftScreen, onCheckedChange: updateMinimalistLiftScreen }), _jsx("div", { className: css.title, children: "Preset" }), _jsx(Select, { label: "Catalogue", value: catalog, options: catalogs ? ["", ...catalogs] : [], onValueChange: setCatalog, loading: !isReady }), loading && _jsx(Loader, { className: css.loader }), hasCatalog && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "date", label: "1er jour", value: data.firstSkiDate, onValueChange: updateFirstSkiDate, defaultMonth: firstSkiDateDefaultMonth, min: stay?.from || undefined, max: stay?.to || undefined }), filters?.skiers && filters?.skiers?.length > 1 && (_jsxs("div", { className: css.skiers, children: [_jsx("div", { className: css.label, children: "Skieurs" }), filters.skiers.map((skier) => {
                                 const { code, label, ageMin, ageMax } = skier;
                                 const title = `${label} (de ${ageMin} à ${ageMax} ans)`;
                                 const value = data.skiers?.filter((skier) => skier === code)
                                     ?.length || 0;
                                 return (_jsx(NumberPicker, { label: title, min: 0, max: 20, value: value, disabled: false, onChange: updateSkiers(code), withInput: true }, code));
-                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MutlipleSelect, { label: "Activit\u00E9s", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MutlipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
-                                loading) && (_jsx(MutlipleSelect, { label: "Dur\u00E9es", placeholder: "Selectionnez une ou plusieurs options", options: filteredDurations || [], values: selectedDurations, onChange: updateField("durations"), disabled: data.domains?.length === 0, loading: loading }))] })] }))] }));
+                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MultipleSelect, { label: "Activit\u00E9s", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MultipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
+                                loading) && (_jsx(MultipleSelect, { label: "Dur\u00E9es", placeholder: "Selectionnez une ou plusieurs options", options: filteredDurations || [], values: selectedDurations, onChange: updateField("durations"), disabled: data.domains?.length === 0, loading: loading }))] })] }))] }));
 }
 function getDefaultData(preset) {
-    if (!preset?.presets)
+    if (!preset?.options && !preset?.presets)
         return DEFAULT_DATA;
-    const { skiers, firstSkiDate, activities, domains, durations } = preset.presets;
+    const { skiers, firstSkiDate, activities, domains, durations } = preset.presets || {};
+    const { hide, minimalistLiftScreen } = preset.options || {};
     return {
         skiers: skiers || DEFAULT_DATA.skiers,
         firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
         activities: activities || DEFAULT_DATA.activities,
         domains: domains || DEFAULT_DATA.domains,
         durations: durations || DEFAULT_DATA.durations,
+        hide: hide || DEFAULT_DATA.hide,
+        minimalistLiftScreen: minimalistLiftScreen || DEFAULT_DATA.minimalistLiftScreen,
     };
 }

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

@@ -5,6 +5,24 @@
   margin-top: 10px;
 }
 
+.title {
+  font-size: 14px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
+.title::after {
+  content: "";
+  flex: 1 1 100%;
+  height: 1px;
+  margin-top: 2px;
+  background-color: var(--ds-grey-200, #ededed);
+}
+
 .row {
   display: flex;
   gap: 8px;

package/es/future/components/msem-preset-editor/services/api.js

@@ -27,8 +27,8 @@ export async function getSkiPassesCatalogs(msemServicesUrl, merchant) {
     return Fetcher.get(endpoint);
 }
 export async function getSkiPassesFilters(msemServicesUrl, merchant, catalog) {
-    const endpoint = `${msemServicesUrl}/api/ski-pass/${merchant}/filters`;
-    return Fetcher.post(endpoint, undefined, { catalog });
+    const endpoint = `${msemServicesUrl}/api/ski-pass-eliberty/${merchant}/${catalog}/filters`;
+    return Fetcher.get(endpoint);
 }
 export async function getLodgings(msemServicesUrl, channel, resort) {
     const endpoint = `${msemServicesUrl}/api/lodging/getAccommodationsStructure`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.42.12",
+  "version": "1.42.14",
   "peerDependencies": {
     "dt-design-system": "^3.10.8",
     "framer-motion": "^11.11.9",