ublo-lib 1.35.19 → 1.36.0

package/es/lbm/components/instant-search/services/utils.d.ts

@@ -0,0 +1,4 @@
+import type { PurpleHighlight } from "../results";
+export declare function getHighlight(property: string, highlight: PurpleHighlight, withExtractQuotes?: boolean): any;
+export declare function wrapWithMark(text: string, matchedTokens: string[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/es/lbm/components/instant-search/services/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/services/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,iBAAiB,GAAE,OAAe,OAoBnC;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAajE"}

package/es/lbm/components/instant-search/services/utils.js

@@ -0,0 +1,28 @@
+export function getHighlight(property, highlight, withExtractQuotes = false) {
+    if (!highlight[property]?.snippet)
+        return;
+    let snippet = highlight[property].snippet;
+    if (!withExtractQuotes)
+        return snippet;
+    const startsWithMaj = /[A-Z]/.test(snippet);
+    const endsWithDot = snippet[snippet.length - 1] === ".";
+    if (!startsWithMaj) {
+        snippet = `...${snippet}`;
+    }
+    if (!endsWithDot) {
+        snippet = `${snippet}...`;
+    }
+    return snippet;
+}
+export function wrapWithMark(text, matchedTokens) {
+    if (!matchedTokens?.length)
+        return text;
+    let textWithMarks = text;
+    matchedTokens.forEach((token) => {
+        if (token.length < 2)
+            return;
+        textWithMarks = textWithMarks.replaceAll(token, `<mark>${token}</mark>`);
+        textWithMarks = textWithMarks.replaceAll(`<mark><mark>${token}</mark></mark>`, `<mark>${token}</mark>`);
+    });
+    return textWithMarks;
+}

package/es/lbm/components/instant-search/widgets/access.d.ts

@@ -0,0 +1,8 @@
+import type { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    sendPlausibleGoal: (path: string) => void;
+};
+declare const Access: ({ ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Access;
+//# sourceMappingURL=access.d.ts.map

package/es/lbm/components/instant-search/widgets/access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"access.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/access.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAKtC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IAET,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,QAAA,MAAM,MAAM,iBAAkB,KAAK,4CAoClC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/lbm/components/instant-search/widgets/access.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LumiplanApi from "../services/lumiplan-api";
+import Card from "./components/card";
+import Loader from "dt-design-system/es/loader";
+import Metric from "./components/metric";
+const Access = ({ ...props }) => {
+    const [equipement, setEquipement] = React.useState("");
+    const [open, setOpen] = React.useState("");
+    const [surface, setSurface] = React.useState("");
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            setLoading(true);
+            const { roadConditions } = await LumiplanApi.fetchResortAccess();
+            const { equipment, status, surface } = roadConditions[0];
+            setOpen(status);
+            setEquipement(equipment);
+            setSurface(surface);
+            setLoading(false);
+        };
+        runEffect();
+    }, []);
+    if (loading) {
+        return (_jsx(Card, { ...props, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    return (_jsxs(Card, { ...props, children: [_jsx(Metric, { long: true, children: _jsx("b", { children: open ? "Route ouverte" : "Route fermée" }) }), equipement === "NORM" ? null : _jsxs("div", { children: ["Equipements : ", equipement] }), _jsxs("div", { children: ["Surface : ", _jsx("b", { children: surface })] })] }));
+};
+export default Access;

package/es/lbm/components/instant-search/widgets/activity.d.ts

@@ -0,0 +1,8 @@
+import type { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    sendPlausibleGoal: (path: string) => void;
+};
+declare const Activity: ({ doc, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Activity;
+//# sourceMappingURL=activity.d.ts.map

package/es/lbm/components/instant-search/widgets/activity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/activity.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AA8CtC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IAET,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,QAAA,MAAM,QAAQ,sBAAuB,KAAK,4CA2CzC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/lbm/components/instant-search/widgets/activity.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as TrailIcons from "../../lumiplan/icons/trails";
+import * as LumiplanApi from "../services/lumiplan-api";
+import Card from "./components/card";
+import StatusWithIcon from "./components/status-with-icon";
+import Loader from "dt-design-system/es/loader";
+import css from "./activity.module.css";
+const TRAIL_ICONS = {
+    BIKE_PARK: TrailIcons.VTT,
+    BOARDERCROSS: TrailIcons.BoarderCross,
+    BUMP_TRAIL: TrailIcons.ChampDeBosse,
+    COASTER: TrailIcons.LugeSurRail,
+    CROSS_COUNTRY_MOUNTAIN_BIKING: TrailIcons.BoarderCross,
+    CROSS_COUNTRY_SKIING: TrailIcons.SkiAlpin,
+    DOWNHILL_MOUNTAIN_BIKING: TrailIcons.VTT,
+    DOWNHILL_SKIING: TrailIcons.SkiAlpin,
+    EBIKE: TrailIcons.VTT,
+    ENDURO: TrailIcons.VTT,
+    FREERIDE_AREA_OFF_PIST: TrailIcons.SkiAlpin,
+    FREERIDE_SKI_ITINERARY: TrailIcons.SkiAlpin,
+    FUN_ZONE: TrailIcons.Freeride,
+    GATE: TrailIcons.Freeride,
+    GLADES: TrailIcons.Freeride,
+    ILLUMINATED_TRAIL: TrailIcons.PisteEclairee,
+    MULTI_USE_TRAIL: TrailIcons.Freeride,
+    MTB_ENDURO: TrailIcons.VTT,
+    PATH: TrailIcons.Pieton,
+    PEDESTRIAN: TrailIcons.Pieton,
+    ROUTE_OF_CROSS_COUNTRY: TrailIcons.SkiAlpin,
+    SKI_TOURING: TrailIcons.Freeride,
+    SLEDDING_HILL: TrailIcons.Luge,
+    SNOWPARK: TrailIcons.Snowpark,
+    SNOWPARK_LINE: TrailIcons.Snowpark,
+    SNOWSHOE: TrailIcons.Raquette,
+    SNOWTUBING: TrailIcons.Snowtubing,
+    TERRAIN_PARK: TrailIcons.Snowpark,
+    TERRAIN_PARK_US: TrailIcons.Snowpark,
+    TRAIL_RUNNING: TrailIcons.Pieton,
+    TREETOP_ADVENTURE_PARK: TrailIcons.Accrobranche,
+    TYROLEAN: TrailIcons.Tyrolienne,
+    VIDEO_ZONE: TrailIcons.Freeride,
+    UNDEF: TrailIcons.Freeride,
+    DEFAULT: TrailIcons.Freeride,
+};
+const Activity = ({ doc, ...props }) => {
+    const [pois, setPois] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            setLoading(true);
+            const data = await LumiplanApi.fetchPois();
+            setPois(data);
+            setLoading(false);
+        };
+        runEffect();
+    }, []);
+    if (loading) {
+        return (_jsx(Card, { doc: doc, ...props, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    const activity = pois
+        .flatMap((poi) => poi.activities)
+        .filter((activity) => activity !== undefined)
+        .find((poi) => poi.name === doc.document.title);
+    if (!activity) {
+        return null;
+    }
+    const Icon = TRAIL_ICONS[activity.activityType] || TRAIL_ICONS.DEFAULT;
+    const open = activity.openingStatus && activity.openingStatus === "OPEN";
+    const label = open ? "Ouvert" : "Fermé";
+    return (_jsx(Card, { doc: doc, ...props, children: _jsxs(StatusWithIcon, { icon: Icon, children: [_jsx("b", { className: open ? css.green : css.red, children: label }), activity.openingTimesReal &&
+                    activity.openingTimesReal.map((time, i) => (_jsxs("div", { children: [time.beginTime, " - ", time.endTime] }, i)))] }) }));
+};
+export default Activity;

package/es/lbm/components/instant-search/widgets/activity.module.css

@@ -0,0 +1,6 @@
+.green {
+  color: hsl(var(--green));
+}
+.red {
+  color: hsl(var(--red));
+}

package/es/lbm/components/instant-search/widgets/components/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Hit } from "../../results";
+type Props = {
+    doc: Hit;
+    overlayTitle?: boolean;
+    sendPlausibleGoal: (path: string) => void;
+    children: React.ReactNode;
+};
+export default function Card({ doc, overlayTitle, sendPlausibleGoal, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=card.d.ts.map

package/es/lbm/components/instant-search/widgets/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/lbm/components/instant-search/widgets/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAUpC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IACT,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,GAAG,EACH,YAAY,EACZ,iBAAiB,EACjB,QAAQ,GACT,EAAE,KAAK,2CAqBP"}

package/es/lbm/components/instant-search/widgets/components/card.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "ublo/link";
+import * as Ripple from "dt-design-system/es/ripple";
+import * as Utils from "../../services/utils";
+import css from "./card.module.css";
+import classNames from "classnames";
+const createRipple = (e) => {
+    Ripple.create(e);
+};
+export default function Card({ doc, overlayTitle, sendPlausibleGoal, children, }) {
+    const { document: { title: _title, target, path }, highlight, } = doc;
+    const decodedPath = decodeURIComponent(target || path);
+    const title = Utils.getHighlight("title", highlight) || _title;
+    return (_jsxs(Link, { className: css.card, href: decodedPath, onClick: sendPlausibleGoal(decodedPath), onMouseDown: createRipple, children: [_jsx("div", { dangerouslySetInnerHTML: { __html: title }, className: classNames(css.title, { [css.overlay]: overlayTitle }) }), children] }));
+}

package/es/lbm/components/instant-search/widgets/components/card.module.css

@@ -0,0 +1,60 @@
+.card {
+  display: flex;
+  position: relative;
+  height: 75px;
+  flex-direction: column;
+  gap: 4px;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  color: var(--ds-grey-500, #484848);
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-input-radius, var(--ds-radius-200, 8px));
+  border: var(--ds-input-border, 1px solid var(--ds-grey-300, #d7d7d7));
+  font-size: 13px;
+}
+
+.card mark {
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  background-color: transparent;
+}
+
+.card mark::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  border-radius: calc(var(--ds-radius-100, 6px) / 3);
+  opacity: 0.15;
+}
+
+.title {
+  font-weight: 700;
+  font-size: 13px;
+  line-height: 1;
+  padding-top: 4px;
+}
+.overlay {
+  position: absolute;
+  bottom: 8px;
+  left: 0;
+  text-align: center;
+  width: 100%;
+  color: hsl(var(--grey-000));
+  text-shadow: var(--shadow-200);
+  z-index: 1;
+  font-size: 14px;
+}
+.overlay mark {
+  color: hsl(var(--blue-200));
+}
+
+.overlay mark::before {
+  background-color: hsl(var(--grey-000));
+}

package/es/lbm/components/instant-search/widgets/components/metric.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type Props = {
+    children: React.ReactNode;
+    long?: boolean;
+};
+export default function Metric({ children, long }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=metric.d.ts.map

package/es/lbm/components/instant-search/widgets/components/metric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric.d.ts","sourceRoot":"","sources":["../../../../../../src/lbm/components/instant-search/widgets/components/metric.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,2CAMvD"}

package/es/lbm/components/instant-search/widgets/components/metric.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import css from "./metric.module.css";
+import classNames from "classnames";
+export default function Metric({ children, long }) {
+    return (_jsx("div", { className: classNames(css.metric, { [css.longMetric]: long }), children: children }));
+}

package/es/lbm/components/instant-search/widgets/components/metric.module.css

@@ -0,0 +1,12 @@
+.metric {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  font-size: var(--h2);
+}
+.longMetric {
+  font-size: inherit;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}

package/es/lbm/components/instant-search/widgets/components/status-with-icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    iconClassName?: string;
+    children: React.ReactNode;
+};
+export default function StatusWithIcon({ icon: Icon, iconClassName, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=status-with-icon.d.ts.map

package/es/lbm/components/instant-search/widgets/components/status-with-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-with-icon.d.ts","sourceRoot":"","sources":["../../../../../../src/lbm/components/instant-search/widgets/components/status-with-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EAAE,IAAI,EACV,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,2CASP"}

package/es/lbm/components/instant-search/widgets/components/status-with-icon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import css from "./status-with-icon.module.css";
+export default function StatusWithIcon({ icon: Icon, iconClassName, children, }) {
+    return (_jsxs("div", { className: css.statusWithIcon, children: [_jsx("div", { className: iconClassName, children: _jsx(Icon, {}) }), _jsx("div", { children: children })] }));
+}

package/es/lbm/components/instant-search/widgets/components/status-with-icon.module.css

@@ -0,0 +1,12 @@
+.statusWithIcon {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-grow: 1;
+  fill: var(--blue-gradient-fill);
+}
+.statusWithIcon svg {
+  --size: 32px;
+  width: var(--size);
+  height: var(--size);
+}

package/es/lbm/components/instant-search/widgets/dawn-nights-openings.d.ts

@@ -0,0 +1,9 @@
+import type { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    dawn?: boolean;
+    sendPlausibleGoal: (path: string) => void;
+};
+declare const DawnNightOpenings: ({ dawn, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DawnNightOpenings;
+//# sourceMappingURL=dawn-nights-openings.d.ts.map

package/es/lbm/components/instant-search/widgets/dawn-nights-openings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dawn-nights-openings.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/dawn-nights-openings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAStC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,QAAA,MAAM,iBAAiB,uBAAwB,KAAK,4CAuDnD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/lbm/components/instant-search/widgets/dawn-nights-openings.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LumiplanApi from "../services/lumiplan-api";
+import classNames from "classnames";
+import Card from "./components/card";
+import css from "./dawn-nights-openings.module.css";
+import Loader from "dt-design-system/es/loader";
+const dateLayout = {
+    day: "numeric",
+};
+const DawnNightOpenings = ({ dawn, ...props }) => {
+    const [dawnSkiingDays, setDawnSkiingDays] = React.useState([]);
+    const [nightSkiingDays, setNightSkiingDays] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            setLoading(true);
+            const { availability } = await LumiplanApi.fetchResortOpening();
+            setDawnSkiingDays(availability.dawnSkiingDays);
+            setNightSkiingDays(availability.nightSkiingDays);
+            setLoading(false);
+        };
+        runEffect();
+    }, []);
+    if (loading) {
+        return (_jsx(Card, { ...props, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    const days = dawn ? dawnSkiingDays : nightSkiingDays;
+    return (_jsxs(Card, { ...props, children: [_jsx("div", { className: css.days, children: days.map((day, i) => {
+                    const weekDayDate = new Date();
+                    weekDayDate.setDate(weekDayDate.getDate() - ((weekDayDate.getDay() + 6) % 7) + i);
+                    return (_jsxs("div", { className: classNames(css.day, day.open
+                            ? css.dayOpen
+                            : css.dayClosed), children: [_jsx("div", { children: weekDayDate.toLocaleDateString("fr", dateLayout) }), _jsx("div", { children: day.dayType[0] })] }, i));
+                }) }), days.filter((day) => day.open).length === 0 && (_jsxs("div", { className: css.textCenter, children: ["Aucune ", dawn ? "aurore" : "nocturne", " propos\u00E9e cette semaine"] }))] }));
+};
+export default DawnNightOpenings;

package/es/lbm/components/instant-search/widgets/dawn-nights-openings.module.css

@@ -0,0 +1,33 @@
+.days {
+  display: flex;
+  flex-direction: row;
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--label);
+}
+.day {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+  padding: 4px 8px;
+  border-radius: 8px;
+  background-color: #f5f5f6;
+}
+
+.dayClosed {
+  color: #444;
+}
+.dayClosed > :nth-child(2) {
+  text-decoration: line-through 2px;
+}
+.dayOpen {
+  background-color: #aaf5aa;
+  font-weight: 700;
+}
+
+.textCenter {
+  text-align: center;
+}

package/es/lbm/components/instant-search/widgets/lift.d.ts

@@ -0,0 +1,8 @@
+import type { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    sendPlausibleGoal: (path: string) => void;
+};
+declare const Lift: ({ doc, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Lift;
+//# sourceMappingURL=lift.d.ts.map

package/es/lbm/components/instant-search/widgets/lift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lift.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/lift.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAwBtC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IAET,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,QAAA,MAAM,IAAI,sBAAuB,KAAK,4CA4CrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/lbm/components/instant-search/widgets/lift.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LiftsIcons from "../../lumiplan/icons/lifts";
+import * as LumiplanApi from "../services/lumiplan-api";
+import Card from "./components/card";
+import StatusWithIcon from "./components/status-with-icon";
+import Loader from "dt-design-system/es/loader";
+import css from "./lift.module.css";
+const LIFT_ICONS = {
+    TRAIN: LiftsIcons.Teleski,
+    FUNICULAR: LiftsIcons.Teleski,
+    TRAM: LiftsIcons.Teleski,
+    CABRIOLET_GONDOLA: LiftsIcons.Telecabine,
+    GONDOLA: LiftsIcons.Telecabine,
+    COMBINED_CHAIR_GONDOLA_LIFT: LiftsIcons.Telecabine,
+    DETACHABLE_BUBBLE_CHAIRLIFT: LiftsIcons.Telecabine,
+    DETACHABLE_CHAIRLIFT: LiftsIcons.TelesiegeDebrayable,
+    CHAIRLIFT: LiftsIcons.Telesiege,
+    SURFACE_LIFT: LiftsIcons.Teleski,
+    MAGIC_CARPET: LiftsIcons.TapisRoulant,
+    ROPE_TOW: LiftsIcons.Teleski,
+    DEFAULT: LiftsIcons.Teleski,
+};
+const Lift = ({ doc, ...props }) => {
+    const [pois, setPois] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            setLoading(true);
+            const data = await LumiplanApi.fetchPois();
+            setPois(data);
+            setLoading(false);
+        };
+        runEffect();
+    }, []);
+    if (loading) {
+        return (_jsx(Card, { doc: doc, ...props, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    const lift = pois
+        .flatMap((poi) => poi.lifts)
+        .filter((lift) => lift !== undefined)
+        .find((poi) => poi.name === doc.document.title);
+    if (!lift) {
+        return null;
+    }
+    const Icon = LIFT_ICONS[lift.liftType] || LIFT_ICONS.DEFAULT;
+    const open = lift.openingStatus && lift.openingStatus === "OPEN";
+    const label = open ? "Ouverte" : "Fermée";
+    return (_jsx(Card, { doc: doc, ...props, children: _jsxs(StatusWithIcon, { icon: Icon, children: [_jsx("b", { className: open ? css.green : css.red, children: label }), lift.openingTimesReal &&
+                    lift.openingTimesReal.map((time, i) => (_jsxs("div", { children: [time.beginTime, " - ", time.endTime] }, i)))] }) }));
+};
+export default Lift;

package/es/lbm/components/instant-search/widgets/lift.module.css

@@ -0,0 +1,6 @@
+.green {
+  color: hsl(var(--green));
+}
+.red {
+  color: hsl(var(--red));
+}

package/es/lbm/components/instant-search/widgets/lifts.d.ts

@@ -0,0 +1,8 @@
+import type { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    sendPlausibleGoal: (path: string) => void;
+};
+declare const Lifts: ({ doc, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Lifts;
+//# sourceMappingURL=lifts.d.ts.map

package/es/lbm/components/instant-search/widgets/lifts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifts.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/lifts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAItC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IAET,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,QAAA,MAAM,KAAK,sBAAuB,KAAK,4CAkCtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/lbm/components/instant-search/widgets/lifts.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LumiplanApi from "../services/lumiplan-api";
+import Card from "./components/card";
+import Metric from "./components/metric";
+import Loader from "dt-design-system/es/loader";
+const Lifts = ({ doc, ...props }) => {
+    const [nOpen, setNOpen] = React.useState(0);
+    const [nTotal, setNTotal] = React.useState(0);
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            setLoading(true);
+            const data = await LumiplanApi.fetchLifts();
+            setNOpen(data.count.open);
+            setNTotal(data.count.total);
+            setLoading(false);
+        };
+        runEffect();
+    }, []);
+    if (loading) {
+        return (_jsx(Card, { doc: doc, ...props, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    return (_jsx(Card, { doc: doc, ...props, children: _jsxs(Metric, { children: [_jsx("b", { children: nOpen }), nTotal !== 0 && (_jsxs(_Fragment, { children: ["/", _jsx("b", { children: nTotal })] }))] }) }));
+};
+export default Lifts;

package/es/lbm/components/instant-search/widgets/msem-widget.d.ts

@@ -0,0 +1,8 @@
+import { Hit } from "../results";
+type Props = {
+    doc: Hit;
+    sendPlausibleGoal: (path: string) => void;
+};
+export default function MsemWidget({ doc }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=msem-widget.d.ts.map

package/es/lbm/components/instant-search/widgets/msem-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"msem-widget.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/instant-search/widgets/msem-widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAwDjC,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,GAAG,CAAC;IAET,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,2CA4BhD"}

package/es/lbm/components/instant-search/widgets/msem-widget.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "dt-design-system/es/button";
+import * as Utils from "../services/utils";
+import getConfig from "next/config";
+import * as MseM from "../../../../future/components/msem";
+import css from "./msem-widget.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { channel, resort } = publicRuntimeConfig;
+const WIDGET_ICONS = {
+    DEFAULT: "cart-circle",
+};
+const startWidget = (widget, merchantCode, merchantSlug) => {
+    const options = {
+        resort,
+        channel,
+        verticalMargin: 100,
+        merchant: merchantCode,
+        theme: "/msem-theme.css",
+    };
+    const presets = {
+        merchantSlug,
+    };
+    MseM.loadWidget(widget, options, presets);
+};
+export default function MsemWidget({ doc }) {
+    const { document: { title: _title, target: widget, path: merchantCodeAndSlug }, highlight, } = doc;
+    const [merchantCode, merchantSlug] = merchantCodeAndSlug.split("|");
+    const icon = WIDGET_ICONS[widget] || WIDGET_ICONS.DEFAULT;
+    const title = Utils.getHighlight("title", highlight) || _title;
+    return (_jsx(Button, { tag: "a", className: css.card, onClick: () => startWidget(widget, merchantCode, merchantSlug), noRipple: true, variant: "transparent", children: _jsxs("div", { className: css.iconAndName, children: [_jsx("svg", { width: 36, height: 36, viewBox: "0 0 24 24", children: _jsx("use", { xlinkHref: `/static/images/sprites/icons.svg#icon-${icon}` }) }), _jsx("div", { dangerouslySetInnerHTML: { __html: title }, className: css.title })] }) }));
+}

package/es/lbm/components/instant-search/widgets/msem-widget.module.css

@@ -0,0 +1,51 @@
+.card {
+  width: 100%;
+  display: flex;
+  position: relative;
+  height: 75px;
+  flex-direction: column;
+  gap: 4px;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  color: var(--ds-grey-500, #484848);
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-input-radius, var(--ds-radius-200, 8px));
+  border: var(--ds-input-border, 1px solid var(--ds-grey-300, #d7d7d7));
+  font-size: 13px;
+}
+
+.card mark {
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  background-color: transparent;
+}
+
+.card mark::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  border-radius: calc(var(--ds-radius-100, 6px) / 3);
+  opacity: 0.15;
+}
+
+.iconAndName {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+
+.title {
+  font-weight: 700;
+  font-size: 13px;
+  line-height: 1;
+  padding-top: 4px;
+}