@davi-ai/retorik-framework 3.0.4 → 3.2.1

package/dist/AttachmentDetail.1e06c2a5.js

@@ -0,0 +1,1757 @@
+var $ajtMF$reactjsxruntime = require("react/jsx-runtime");
+var $ajtMF$react = require("react");
+var $ajtMF$reactspringweb = require("@react-spring/web");
+var $ajtMF$qrcode = require("qrcode");
+var $ajtMF$reactleaflet = require("react-leaflet");
+var $ajtMF$leaflet = require("leaflet");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("27nhc", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $d796192f79db347a$export$2e2bcd8739ae039);
+
+
+
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $jgaO0 = parcelRequire("jgaO0");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $tR7No = parcelRequire("tR7No");
+
+var $iUeqp = parcelRequire("iUeqp");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $1XMvi = parcelRequire("1XMvi");
+
+var $j2phc = parcelRequire("j2phc");
+
+var $jlxKS = parcelRequire("jlxKS");
+
+var $a9etD = parcelRequire("a9etD");
+
+var $jHRS8 = parcelRequire("jHRS8");
+
+var $9Jn5s = parcelRequire("9Jn5s");
+
+var $42rvc = parcelRequire("42rvc");
+const $d796192f79db347a$var$springEnterDuration = 1500;
+const $d796192f79db347a$var$springLeaveDuration = 2500;
+const $d796192f79db347a$var$AttachmentDetails = ()=>{
+    var _content_media;
+    const detailedItemContent = (0, $tR7No.default)();
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const baseAddress = (0, $6EkQS.useRetorikStore)((state)=>state.baseAddress);
+    const mode = (0, $jgaO0.useSpeechStore)((state)=>state.mode);
+    const useOldRemote = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.useOldRemote);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isWidget = (0, $kUiCn.useViewStore)((state)=>state.isWidget);
+    const currentDeviceType = (0, $kUiCn.useViewStore)((state)=>state.currentDeviceType);
+    const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
+    const closeDetailedPOI = (0, $7eio0.useUtilsStore)((state)=>state.closeDetailedPOI);
+    const { setRetorikEvent: setRetorikEvent, setCloseDetailedPOI: setCloseDetailedPOI } = (0, $7eio0.useUtilsStore)((state)=>state.actions);
+    const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $6QoTL.useDirectlineStore)((state)=>state.actions);
+    const [content, setContent] = (0, $ajtMF$react.useState)(undefined);
+    const [color, setColor] = (0, $ajtMF$react.useState)(themeColors.secondary);
+    const [titleHeight, setTitleHeight] = (0, $ajtMF$react.useState)(0);
+    const [spring, api] = (0, $ajtMF$reactspringweb.useSpring)(()=>({
+            from: {
+                transform: 'translateX(0%)'
+            }
+        }));
+    const timerRef = (0, $ajtMF$react.useRef)(null);
+    const divRef = (0, $ajtMF$react.useRef)(null);
+    (0, $ajtMF$react.useEffect)(()=>{
+        setContent(detailedItemContent);
+        if (detailedItemContent) setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewOpen);
+    }, [
+        detailedItemContent
+    ]);
+    (0, $ajtMF$react.useEffect)(()=>{
+        closeDetailedPOI && handleClose();
+    }, [
+        closeDetailedPOI
+    ]);
+    (0, $ajtMF$react.useLayoutEffect)(()=>{
+        if (divRef === null || divRef === void 0 ? void 0 : divRef.current) isWidget && (0, $1XMvi.default)(null, divRef);
+    });
+    (0, $ajtMF$react.useEffect)(()=>{
+        if (content) {
+            var _content_category;
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+                timerRef.current = null;
+            }
+            ((_content_category = content.category) === null || _content_category === void 0 ? void 0 : _content_category.id) && setColor((0, $iUeqp.getColorFromCategoryId)(content.category.id, themeColors));
+            api.start({
+                from: {
+                    transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                },
+                to: {
+                    transform: 'translateX(0%)'
+                },
+                config: {
+                    duration: $d796192f79db347a$var$springEnterDuration,
+                    easing: (0, $ajtMF$reactspringweb.easings).easeInBack
+                }
+            });
+        }
+    }, [
+        content
+    ]);
+    const handleClose = ()=>{
+        if (!timerRef.current) {
+            api.start({
+                from: {
+                    transform: 'translateX(0%)'
+                },
+                to: {
+                    transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                },
+                config: {
+                    duration: $d796192f79db347a$var$springLeaveDuration,
+                    easing: (0, $ajtMF$reactspringweb.easings).easeOutExpo
+                }
+            });
+            setCloseDetailedPOI(false);
+            setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewClose);
+            timerRef.current = setTimeout(()=>{
+                sendEvent('Davi.CloseWindow', null);
+                sendEvent('Davi.CloseWindowDetailed', null);
+                setContent(undefined);
+                timerRef.current = null;
+            }, $d796192f79db347a$var$springLeaveDuration);
+        }
+    };
+    const sendPostBack = (value)=>{
+        sendMessage(undefined, value);
+    };
+    return content ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $j2phc.default), {
+        handleClose: handleClose,
+        className: useOldRemote ? 'rf-z-detailedPOI' : 'rf-z-[25]',
+        closeButtonClassName: "rf-z-util",
+        remoteCloseButtonZIndex: "rf-z-detailedPOI",
+        animation: spring,
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+            ref: divRef,
+            className: "rf-relative rf-flex rf-flex-row vertical:rf-flex-col rf-h-full rf-overflow-y-scroll rf-scrollbar-hidden",
+            children: (detailedItemContent === null || detailedItemContent === void 0 ? void 0 : detailedItemContent.template) ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+                children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)(detailedItemContent.template, {
+                    props: {
+                        ...content,
+                        locale: locale,
+                        isUsedOnBorne: isUsedOnBorne,
+                        baseAddress: baseAddress,
+                        sendPostBack: sendPostBack
+                    },
+                    currentDeviceType: currentDeviceType,
+                    handleClose: handleClose
+                })
+            }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                        className: "rf-px-6 large:rf-px-8 rf-w-2/3 vertical:rf-w-full rf-mb-4 large:rf-mb-0 rf-flex rf-flex-col rf-border-r rf-border-r-silver vertical:rf-border-r-0",
+                        children: [
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $jlxKS.default), {
+                                category: content.category,
+                                title: content.title,
+                                infoBanner: content.infoBanner,
+                                color: color,
+                                customerReviews: content.customerReviews,
+                                favorite: content.favorite,
+                                handleClose: handleClose,
+                                setTitleHeight: setTitleHeight
+                            }),
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                                className: "rf-flex rf-flex-col large:rf-flex-row landscape-retorik:rf-h-full",
+                                children: [
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $a9etD.default), {
+                                        text: content.text,
+                                        otherInformations: content.otherInformations,
+                                        color: color,
+                                        url: content.downloadUri,
+                                        titleHeight: titleHeight
+                                    }),
+                                    (((_content_media = content.media) === null || _content_media === void 0 ? void 0 : _content_media.length) || content.review) && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $jHRS8.default), {
+                                        media: content.media,
+                                        review: content.review,
+                                        color: color
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $9Jn5s.default), {
+                        address: content.addressStructured,
+                        phoneNumber: content.phoneNumber,
+                        coordinates: content.coordinates,
+                        color: color,
+                        customerReviews: content.customerReviews,
+                        url: content.downloadUri
+                    }),
+                    isMobile && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: mode === (0, $7WHA7.Mode).text ? 'rf-mb-28' : 'rf-mb-16',
+                        children: content.downloadUri && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $42rvc.default), {
+                            className: "rf-justify-center",
+                            url: content.downloadUri
+                        })
+                    })
+                ]
+            })
+        })
+    }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {});
+};
+var $d796192f79db347a$export$2e2bcd8739ae039 = $d796192f79db347a$var$AttachmentDetails;
+
+});
+parcelRegister("tR7No", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $725ea0cac166169b$export$2e2bcd8739ae039);
+
+
+var $e53vj = parcelRequire("e53vj");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $ka0U3 = parcelRequire("ka0U3");
+const $725ea0cac166169b$var$useShowPOI = ()=>{
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const lastBotActivity = (0, $e53vj.useActivityStore)((state)=>state.lastBotActivity);
+    const triggers = (0, $7eio0.useUtilsStore)((state)=>state.detailedAttachmentTriggers);
+    const baseAddress = (0, $6EkQS.useRetorikStore)((state)=>state.baseAddress);
+    const [result, setResult] = (0, $ajtMF$react.useState)(undefined);
+    (0, $ajtMF$react.useEffect)(()=>{
+        let result = undefined;
+        if ((lastBotActivity === null || lastBotActivity === void 0 ? void 0 : lastBotActivity.value) && triggers.length) triggers.forEach((trigger)=>{
+            if (lastBotActivity.type === trigger.type) {
+                if (trigger.name && trigger.name === lastBotActivity.name) {
+                    var _lastBotActivity_value;
+                    if (trigger.contentType) {
+                        if (trigger.contentType === ((_lastBotActivity_value = lastBotActivity.value) === null || _lastBotActivity_value === void 0 ? void 0 : _lastBotActivity_value.contentType)) {
+                            lastBotActivity.value.content.template = trigger.linkedComponent;
+                            result = lastBotActivity.value.content;
+                        }
+                    } else {
+                        var _lastBotActivity_value1, _lastBotActivity_value2, _lastBotActivity_value3;
+                        const data = {
+                            id: (_lastBotActivity_value1 = lastBotActivity.value) === null || _lastBotActivity_value1 === void 0 ? void 0 : _lastBotActivity_value1.contentItemId,
+                            content: (_lastBotActivity_value2 = lastBotActivity.value) === null || _lastBotActivity_value2 === void 0 ? void 0 : _lastBotActivity_value2.content,
+                            contentType: (_lastBotActivity_value3 = lastBotActivity.value) === null || _lastBotActivity_value3 === void 0 ? void 0 : _lastBotActivity_value3.contentType,
+                            baseAddress: baseAddress,
+                            locale: locale
+                        };
+                        const checkData = (0, $ka0U3.mapDetailedDataFromContentItem)(data, translation);
+                        if (checkData) result = {
+                            ...checkData,
+                            template: trigger.linkedComponent
+                        };
+                        else {
+                            lastBotActivity.value.template = trigger.linkedComponent;
+                            result = lastBotActivity.value;
+                        }
+                    }
+                } else if (trigger.label && trigger.label === lastBotActivity.label) {
+                    var _lastBotActivity_value4;
+                    if (trigger.contentType) {
+                        if (trigger.contentType === ((_lastBotActivity_value4 = lastBotActivity.value) === null || _lastBotActivity_value4 === void 0 ? void 0 : _lastBotActivity_value4.contentType)) {
+                            lastBotActivity.value.content.template = trigger.linkedComponent;
+                            result = lastBotActivity.value.content;
+                        }
+                    } else {
+                        lastBotActivity.value.template = trigger.linkedComponent;
+                        result = lastBotActivity.value;
+                    }
+                }
+            }
+        });
+        setResult(result);
+    }, [
+        lastBotActivity
+    ]);
+    return result;
+};
+var $725ea0cac166169b$export$2e2bcd8739ae039 = $725ea0cac166169b$var$useShowPOI;
+
+});
+parcelRegister("ka0U3", function(module, exports) {
+
+$parcel$export(module.exports, "mapDetailedDataFromContentItem", () => $64ba6b047f397610$export$af5c868343ae916a);
+const $64ba6b047f397610$var$infoBannerContenTypes = [
+    'foodestablishment',
+    'event'
+];
+const $64ba6b047f397610$var$categoryConversion = {
+    FoodEstablishment: 'Where to eat',
+    LodgingBusiness: 'Where to sleep',
+    TouristDestination: 'What to see',
+    TouristAttraction: 'What to do',
+    Product: 'Local products',
+    Service: 'Services',
+    Event: 'Events',
+    City: 'Cities',
+    Wine: 'Wines'
+};
+const $64ba6b047f397610$var$getCategoryFromContentType = (contentType, translation)=>{
+    if (contentType) {
+        if (Object.keys($64ba6b047f397610$var$categoryConversion).includes(contentType)) return {
+            id: $64ba6b047f397610$var$categoryConversion[contentType],
+            label: translation.poi[contentType]
+        };
+        return {
+            id: 'default',
+            label: contentType
+        };
+    }
+    return undefined;
+};
+const $64ba6b047f397610$export$af5c868343ae916a = (data, translation)=>{
+    if (data.id && data.content) try {
+        var _content_Thing_Image, _content_Thing, _content_Thing_Image_Paths, _content_Thing_Image1, _content_Thing1, _content_Place_AddressLocality, _content_Place, _content_Place_PostalCode, _content_Place1, _content_Place_StreetAddress, _content_Place2, _content_Place_Latitude, _content_Place3, _content_Place_Longitude, _content_Place4, _content_Review, _content_Review1, _content_Review2, _content_Review3, _content_Review4, _content_Review5, // Opening hours
+        _content_LocalBusiness_OpeningHours, _content_LocalBusiness, // Prices
+        _content_LocalBusiness_PriceRange, _content_LocalBusiness1, // Payment methods
+        _content_LocalBusiness_PaymentAccepted, _content_LocalBusiness2, _content_Thing_Categories, _content_Thing2, _content_Thing_Name_Text, _content_Thing_Name, _content_Thing3, _content_Thing_Description_Text, _content_Thing_Description, _content_Thing4, _content_PointOfInterest_Contact_Text, _content_PointOfInterest_Contact, _content_PointOfInterest, _content_Place_Telephone, _content_Place5, _content_Place_AggregateRating, _content_Place6, _content_Thing_Favorite, _content_Thing5;
+        const content = data.content;
+        // Process medias
+        const medias = [];
+        ((_content_Thing = content.Thing) === null || _content_Thing === void 0 ? void 0 : (_content_Thing_Image = _content_Thing.Image) === null || _content_Thing_Image === void 0 ? void 0 : _content_Thing_Image.Paths) && content.Thing.Image.Paths.length && ((_content_Thing1 = content.Thing) === null || _content_Thing1 === void 0 ? void 0 : (_content_Thing_Image1 = _content_Thing1.Image) === null || _content_Thing_Image1 === void 0 ? void 0 : (_content_Thing_Image_Paths = _content_Thing_Image1.Paths) === null || _content_Thing_Image_Paths === void 0 ? void 0 : _content_Thing_Image_Paths.forEach((path)=>{
+            medias.push({
+                url: `${data.baseAddress}media/${path}`
+            });
+        }));
+        // Processed address
+        const address = {
+            addressLocality: ((_content_Place = content.Place) === null || _content_Place === void 0 ? void 0 : (_content_Place_AddressLocality = _content_Place.AddressLocality) === null || _content_Place_AddressLocality === void 0 ? void 0 : _content_Place_AddressLocality.Text) || '',
+            postalCode: ((_content_Place1 = content.Place) === null || _content_Place1 === void 0 ? void 0 : (_content_Place_PostalCode = _content_Place1.PostalCode) === null || _content_Place_PostalCode === void 0 ? void 0 : _content_Place_PostalCode.Text) || '',
+            street: ((_content_Place2 = content.Place) === null || _content_Place2 === void 0 ? void 0 : (_content_Place_StreetAddress = _content_Place2.StreetAddress) === null || _content_Place_StreetAddress === void 0 ? void 0 : _content_Place_StreetAddress.Text) || ''
+        };
+        // Processed coordinates
+        const coordinates = ((_content_Place3 = content.Place) === null || _content_Place3 === void 0 ? void 0 : (_content_Place_Latitude = _content_Place3.Latitude) === null || _content_Place_Latitude === void 0 ? void 0 : _content_Place_Latitude.Value) && ((_content_Place4 = content.Place) === null || _content_Place4 === void 0 ? void 0 : (_content_Place_Longitude = _content_Place4.Longitude) === null || _content_Place_Longitude === void 0 ? void 0 : _content_Place_Longitude.Value) ? {
+            latitude: content.Place.Latitude.Value,
+            longitude: content.Place.Longitude.Value
+        } : undefined;
+        // Processed review
+        const review = {
+            author: ((_content_Review = content.Review) === null || _content_Review === void 0 ? void 0 : _content_Review.Author) || ((_content_Review1 = content.Review) === null || _content_Review1 === void 0 ? void 0 : _content_Review1.AuthorCapacity) ? {
+                name: (_content_Review2 = content.Review) === null || _content_Review2 === void 0 ? void 0 : _content_Review2.Author,
+                capacity: (_content_Review3 = content.Review) === null || _content_Review3 === void 0 ? void 0 : _content_Review3.AuthorCapacity
+            } : undefined,
+            comment: ((_content_Review4 = content.Review) === null || _content_Review4 === void 0 ? void 0 : _content_Review4.ReviewBody) || '',
+            picture: ((_content_Review5 = content.Review) === null || _content_Review5 === void 0 ? void 0 : _content_Review5.Picture) ? {
+                url: content.Review.Picture,
+                description: content.Review.PictureDescription || ''
+            } : undefined
+        };
+        // Process other informations
+        const otherInformations = [];
+        ((_content_LocalBusiness = content.LocalBusiness) === null || _content_LocalBusiness === void 0 ? void 0 : (_content_LocalBusiness_OpeningHours = _content_LocalBusiness.OpeningHours) === null || _content_LocalBusiness_OpeningHours === void 0 ? void 0 : _content_LocalBusiness_OpeningHours.Text) && otherInformations.push({
+            title: translation.poi.openinghours,
+            content: content.LocalBusiness.OpeningHours.Text
+        });
+        ((_content_LocalBusiness1 = content.LocalBusiness) === null || _content_LocalBusiness1 === void 0 ? void 0 : (_content_LocalBusiness_PriceRange = _content_LocalBusiness1.PriceRange) === null || _content_LocalBusiness_PriceRange === void 0 ? void 0 : _content_LocalBusiness_PriceRange.Text) && otherInformations.push({
+            title: translation.poi.prices,
+            content: content.LocalBusiness.PriceRange.Text
+        });
+        ((_content_LocalBusiness2 = content.LocalBusiness) === null || _content_LocalBusiness2 === void 0 ? void 0 : (_content_LocalBusiness_PaymentAccepted = _content_LocalBusiness2.PaymentAccepted) === null || _content_LocalBusiness_PaymentAccepted === void 0 ? void 0 : _content_LocalBusiness_PaymentAccepted.Values) && content.LocalBusiness.PaymentAccepted.Values.length && otherInformations.push({
+            title: translation.poi.paymentmethods,
+            content: content.LocalBusiness.PaymentAccepted.Values
+        });
+        // Process information banner
+        let infoBanner;
+        if (data.contentType && $64ba6b047f397610$var$infoBannerContenTypes.includes(data.contentType.toLowerCase())) switch(data.contentType.toLowerCase()){
+            case 'foodestablishment':
+                var _content_Place_MaximumAttendeeCapacity, _content_Place7, _content_Place_MaximumAttendeeCapacity1, _content_Place8, _content_Place_MaximumAttendeeCapacity2, _content_Place9;
+                ((_content_Place7 = content.Place) === null || _content_Place7 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity = _content_Place7.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity.Value) && !isNaN(parseInt((_content_Place8 = content.Place) === null || _content_Place8 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity1 = _content_Place8.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity1 === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity1.Value)) && (infoBanner = `${translation.poi.numberofplaces} ${parseInt((_content_Place9 = content.Place) === null || _content_Place9 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity2 = _content_Place9.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity2 === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity2.Value)}`);
+                break;
+            case 'event':
+                var _content_Event_StartDate, _content_Event_EndDate;
+                if (content.Event && ((_content_Event_StartDate = content.Event.StartDate) === null || _content_Event_StartDate === void 0 ? void 0 : _content_Event_StartDate.Value) && ((_content_Event_EndDate = content.Event.EndDate) === null || _content_Event_EndDate === void 0 ? void 0 : _content_Event_EndDate.value)) {
+                    const startDate = new Date(content.Event.StartDate.Value);
+                    const endDate = new Date(content.Event.StartDate.Value);
+                    if (content.Event.StartDate.Value === content.Event.EndDate.value) infoBanner = `Le ${startDate.toLocaleDateString(data.locale)}`;
+                    else infoBanner = `Du ${startDate.toLocaleDateString(data.locale)} au ${endDate.toLocaleDateString(data.locale)}`;
+                }
+                break;
+        }
+        // Hack for Wines category -> TODO : remove it !
+        let categoryWineTest = false;
+        const categories = (_content_Thing2 = content.Thing) === null || _content_Thing2 === void 0 ? void 0 : (_content_Thing_Categories = _content_Thing2.Categories) === null || _content_Thing_Categories === void 0 ? void 0 : _content_Thing_Categories.Values;
+        const wineFilters = [
+            'Blanc de blanc',
+            "Ros\xe9 Champagne",
+            'Vintages',
+            'Cocktail Collection',
+            'AUTHIGENE Collection'
+        ];
+        if (categories && categories.length) categories.forEach((category)=>wineFilters.includes(category) && (categoryWineTest = true));
+        const mappedData = {
+            identifier: data.id,
+            title: ((_content_Thing3 = content.Thing) === null || _content_Thing3 === void 0 ? void 0 : (_content_Thing_Name = _content_Thing3.Name) === null || _content_Thing_Name === void 0 ? void 0 : (_content_Thing_Name_Text = _content_Thing_Name.Text) === null || _content_Thing_Name_Text === void 0 ? void 0 : _content_Thing_Name_Text.toString()) || '',
+            text: ((_content_Thing4 = content.Thing) === null || _content_Thing4 === void 0 ? void 0 : (_content_Thing_Description = _content_Thing4.Description) === null || _content_Thing_Description === void 0 ? void 0 : (_content_Thing_Description_Text = _content_Thing_Description.Text) === null || _content_Thing_Description_Text === void 0 ? void 0 : _content_Thing_Description_Text.toString()) || '',
+            addressStructured: address,
+            contact: ((_content_PointOfInterest = content.PointOfInterest) === null || _content_PointOfInterest === void 0 ? void 0 : (_content_PointOfInterest_Contact = _content_PointOfInterest.Contact) === null || _content_PointOfInterest_Contact === void 0 ? void 0 : (_content_PointOfInterest_Contact_Text = _content_PointOfInterest_Contact.Text) === null || _content_PointOfInterest_Contact_Text === void 0 ? void 0 : _content_PointOfInterest_Contact_Text.toString()) || '',
+            phoneNumber: ((_content_Place5 = content.Place) === null || _content_Place5 === void 0 ? void 0 : (_content_Place_Telephone = _content_Place5.Telephone) === null || _content_Place_Telephone === void 0 ? void 0 : _content_Place_Telephone.Text) ? content.Place.Telephone.Text.toString() : '',
+            category: categoryWineTest ? {
+                id: $64ba6b047f397610$var$categoryConversion.Wine,
+                label: translation.poi.Wine
+            } : $64ba6b047f397610$var$getCategoryFromContentType(content.contentType || data.contentType, translation),
+            media: medias.length ? medias : undefined,
+            customerReviews: (_content_Place6 = content.Place) === null || _content_Place6 === void 0 ? void 0 : (_content_Place_AggregateRating = _content_Place6.AggregateRating) === null || _content_Place_AggregateRating === void 0 ? void 0 : _content_Place_AggregateRating.Value,
+            coordinates: coordinates,
+            downloadUri: `${data.baseAddress}api/hospitality/${data.id}/pdf`,
+            favorite: !!((_content_Thing5 = content.Thing) === null || _content_Thing5 === void 0 ? void 0 : (_content_Thing_Favorite = _content_Thing5.Favorite) === null || _content_Thing_Favorite === void 0 ? void 0 : _content_Thing_Favorite.Value),
+            review: review,
+            infoBanner: infoBanner,
+            otherInformations: otherInformations
+        };
+        return mappedData;
+    } catch (e) {
+        console.log(e);
+        return null;
+    }
+    return null;
+};
+
+});
+
+
+parcelRegister("jlxKS", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $f18ad223fcd061b7$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $WeQpM = parcelRequire("WeQpM");
+
+var $7VgIE = parcelRequire("7VgIE");
+
+var $7v7LH = parcelRequire("7v7LH");
+const $f18ad223fcd061b7$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const titleRef = (0, $ajtMF$react.useRef)(null);
+    (0, $ajtMF$react.useEffect)(()=>{
+        (titleRef === null || titleRef === void 0 ? void 0 : titleRef.current) && setTitleHeight(titleRef.current.clientHeight);
+    }, [
+        titleRef === null || titleRef === void 0 ? void 0 : titleRef.current
+    ]);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        ref: titleRef,
+        className: "rf-relative rf-pb-4 rf-flex-col rf-items-start rf-justify-center",
+        children: [
+            customerReviews && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $WeQpM.default), {
+                className: "rf-absolute rf-hidden large-vertical:rf-block rf-top-0 ltr:rf-right-0 rtl:rf-left-0",
+                color: color,
+                customerReviews: customerReviews
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row rf-justify-between ltr:rf-items-start rtl:rf-items-end",
+                children: [
+                    isMobile && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7v7LH.BackButton), {
+                        title: translation.common.back,
+                        handleBack: handleClose,
+                        className: "rf-relative rf-mt-4 rf-text-size-auto"
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: "rf-uppercase rf-w-fit rf-py-2 large:rf-py-3 rf-px-4 rf-bg-black rf-text-primary",
+                        style: {
+                            color: color
+                        },
+                        children: (category === null || category === void 0 ? void 0 : category.label) || 'category'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-py-6 rf-title-large-bold-size-auto large-vertical:rf-pt-[16.67%] rf-flex rf-flex-row rf-items-center rf-font-bold",
+                children: [
+                    favorite && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.FavoriteIcon), {
+                        className: "rf-h-16 rf-w-20 ltr:rf-pr-4 rtl:rf-pl-4"
+                    }),
+                    title || ''
+                ]
+            }),
+            infoBanner && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-py-1 rf-px-4 rf-subtitle-size-auto rf-bg-primary rf-text-truewhite",
+                style: {
+                    backgroundColor: color
+                },
+                children: infoBanner
+            })
+        ]
+    });
+};
+var $f18ad223fcd061b7$export$2e2bcd8739ae039 = $f18ad223fcd061b7$var$DetailedTitle;
+
+});
+parcelRegister("WeQpM", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5503336bdce4ac5d$export$2e2bcd8739ae039);
+
+
+
+var $7VgIE = parcelRequire("7VgIE");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+const $5503336bdce4ac5d$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const [widthInPx, setWidthInPx] = (0, $ajtMF$react.useState)(0);
+    const pennantRef = (0, $ajtMF$react.useRef)(null);
+    (0, $ajtMF$react.useEffect)(()=>{
+        if (pennantRef.current) setWidthInPx(Math.ceil(pennantRef.current.offsetWidth / 2));
+    }, [
+        pennantRef
+    ]);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: `${className} rf-flex rf-flex-col rf-justify-center rf-text-white`,
+        ref: pennantRef,
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-flex rf-flex-col rf-items-center rf-p-2 rf-bg-primary",
+                style: {
+                    backgroundColor: color
+                },
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.CommentsPennantIcon), {
+                        className: "rf-w-12 large:rf-w-14 large-vertical:rf-w-16 rf-pb-2"
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: "rf-flex-col rf-text-center rf-text-size-auto rf-uppercase",
+                        children: translation.poi.comment.split(' ').map((word, index)=>{
+                            return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                children: word
+                            }, index);
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                        className: "rf-font-bold rf-subtitle-size-auto",
+                        children: [
+                            customerReviews,
+                            "/10"
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-w-0 rf-h-0 rf-border-t-0 rf-border-x-primary rf-border-b-transparent",
+                style: {
+                    borderLeftColor: color,
+                    borderRightColor: color,
+                    borderBottomWidth: widthInPx * 2 / 3,
+                    borderLeftWidth: widthInPx,
+                    borderRightWidth: widthInPx
+                }
+            })
+        ]
+    });
+};
+var $5503336bdce4ac5d$export$2e2bcd8739ae039 = $5503336bdce4ac5d$var$CommentsPennant;
+
+});
+
+
+parcelRegister("a9etD", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $fe50c85aaca30261$export$2e2bcd8739ae039);
+
+
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $42rvc = parcelRequire("42rvc");
+
+var $kplpt = parcelRequire("kplpt");
+const $fe50c85aaca30261$var$DownloadQRHeight = 200;
+const $fe50c85aaca30261$var$DownloadSheetHeight = 100;
+const $fe50c85aaca30261$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
+    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $kUiCn.useViewStore)((state)=>state.isLandscape);
+    const currentHeight = (0, $kUiCn.useViewStore)((state)=>state.currentHeight);
+    const textRef = (0, $ajtMF$react.useRef)(null);
+    const otherInformationsRef = (0, $ajtMF$react.useRef)(null);
+    const [opacityStyle, setOpacityStyle] = (0, $ajtMF$react.useState)('');
+    const [otherOpacityStyle, setOtherOpacityStyle] = (0, $ajtMF$react.useState)('');
+    const processedText = (0, $ajtMF$react.useMemo)(()=>{
+        if (text) return text.replaceAll('\n', '<br>');
+        return '';
+    }, [
+        text
+    ]);
+    const textContainerMaxHeight = (0, $ajtMF$react.useMemo)(()=>{
+        return currentHeight - titleHeight - (isUsedOnBorne ? $fe50c85aaca30261$var$DownloadQRHeight : $fe50c85aaca30261$var$DownloadSheetHeight);
+    }, [
+        titleHeight
+    ]);
+    const [textMaxHeight, setTextMaxHeight] = (0, $ajtMF$react.useState)(0);
+    const [otherInformationsMaxHeight, setOtherInformationsMaxHeight] = (0, $ajtMF$react.useState)(0);
+    (0, $ajtMF$react.useEffect)(()=>{
+        if ((textRef === null || textRef === void 0 ? void 0 : textRef.current) && (otherInformationsRef === null || otherInformationsRef === void 0 ? void 0 : otherInformationsRef.current) && textContainerMaxHeight && !isMobile) {
+            const textHeight = isLandscape ? textContainerMaxHeight * 58 / 100 : currentHeight * 30 / 100;
+            const otherInformationsHeight = isLandscape ? textContainerMaxHeight * 40 / 100 : currentHeight * 18 / 100;
+            if (textRef.current.scrollHeight > textHeight) {
+                if (otherInformationsRef.current.scrollHeight > otherInformationsHeight) {
+                    setTextMaxHeight(textHeight);
+                    setOtherInformationsMaxHeight(otherInformationsHeight);
+                } else {
+                    setTextMaxHeight(textContainerMaxHeight - otherInformationsRef.current.scrollHeight);
+                    setOtherInformationsMaxHeight(otherInformationsHeight);
+                }
+            } else if (otherInformationsRef.current.scrollHeight > otherInformationsHeight) {
+                setTextMaxHeight(textHeight);
+                setOtherInformationsMaxHeight(textContainerMaxHeight - textRef.current.scrollHeight);
+            } else {
+                setTextMaxHeight(textHeight);
+                setOtherInformationsMaxHeight(otherInformationsHeight);
+            }
+        }
+    }, [
+        textRef === null || textRef === void 0 ? void 0 : textRef.current,
+        otherInformationsRef === null || otherInformationsRef === void 0 ? void 0 : otherInformationsRef.current,
+        textContainerMaxHeight
+    ]);
+    (0, $ajtMF$react.useEffect)(()=>{
+        if ((textRef === null || textRef === void 0 ? void 0 : textRef.current) && textMaxHeight) {
+            if (!isMobile && textRef.current.scrollHeight > textMaxHeight && textRef.current.scrollHeight > textRef.current.clientHeight) handleScroll();
+            else setOpacityStyle(undefined);
+        }
+    }, [
+        textRef === null || textRef === void 0 ? void 0 : textRef.current,
+        textMaxHeight
+    ]);
+    (0, $ajtMF$react.useEffect)(()=>{
+        if ((otherInformationsRef === null || otherInformationsRef === void 0 ? void 0 : otherInformationsRef.current) && otherInformationsMaxHeight) {
+            if (!isMobile && otherInformationsRef.current.scrollHeight > otherInformationsMaxHeight && otherInformationsRef.current.scrollHeight > otherInformationsRef.current.clientHeight) handleOtherScroll();
+            else setOtherOpacityStyle(undefined);
+        }
+    }, [
+        otherInformationsRef === null || otherInformationsRef === void 0 ? void 0 : otherInformationsRef.current,
+        otherInformationsMaxHeight
+    ]);
+    /**
+   * On call :
+   *  - check if textRef.current is defined
+   *  - set opacityStyle state depending on scroll height and current scrolling
+   */ const handleScroll = ()=>{
+        if (textRef.current) {
+            const maxScroll = textRef.current.scrollHeight - textRef.current.offsetHeight;
+            const percentage = Math.ceil(textRef.current.scrollTop / maxScroll * 40);
+            setOpacityStyle(`linear-gradient(to bottom, black ${60 + percentage}%, transparent 100%)`);
+        }
+    };
+    const handleOtherScroll = ()=>{
+        if (otherInformationsRef.current) {
+            const maxScroll = otherInformationsRef.current.scrollHeight - otherInformationsRef.current.offsetHeight;
+            const percentage = Math.ceil(otherInformationsRef.current.scrollTop / maxScroll * 30);
+            setOtherOpacityStyle(`linear-gradient(to bottom, black ${70 + percentage}%, transparent 100%)`);
+        }
+    };
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "rf-flex rf-flex-col large:rf-pr-4 large:rf-min-w-1/2 rf-gap-4",
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-col rf-items-start",
+                style: {
+                    maxHeight: isLandscape ? textContainerMaxHeight : undefined
+                },
+                children: [
+                    processedText && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        ref: textRef,
+                        className: "large-vertical:rf-max-h-[30vh] rf-font-medium rf-overflow-y-scroll rf-pb-4 rf-scroll-pb-4 rf-scrollbar-hidden",
+                        style: {
+                            WebkitMaskImage: opacityStyle,
+                            maxHeight: textMaxHeight || undefined
+                        },
+                        onScroll: handleScroll,
+                        dangerouslySetInnerHTML: {
+                            __html: processedText
+                        }
+                    }),
+                    otherInformations && otherInformations.length > 0 && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        ref: otherInformationsRef,
+                        className: "large-vertical:rf-max-h-[18vh] rf-flex rf-flex-col rf-justify-start rf-text-lightgray rf-overflow-y-scroll rf-pb-4 rf-scroll-pb-4 rf-scrollbar-hidden",
+                        style: {
+                            WebkitMaskImage: otherOpacityStyle,
+                            maxHeight: otherInformationsMaxHeight || undefined
+                        },
+                        onScroll: handleOtherScroll,
+                        children: otherInformations.map((information, key)=>{
+                            const tempContent = Array.isArray(information.content) ? information.content.join(' | ') : information.content;
+                            const htmlContent = tempContent.replaceAll('\n', '<br>');
+                            return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                        className: "rf-mt-4",
+                                        style: {
+                                            color: color || 'rgb(25, 153, 177)'
+                                        },
+                                        children: information.title
+                                    }),
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                        dangerouslySetInnerHTML: {
+                                            __html: htmlContent
+                                        }
+                                    })
+                                ]
+                            }, key);
+                        })
+                    })
+                ]
+            }),
+            isLandscape && url && (isUsedOnBorne ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $kplpt.default), {
+                url: url
+            }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $42rvc.default), {
+                url: url
+            }))
+        ]
+    });
+};
+var $fe50c85aaca30261$export$2e2bcd8739ae039 = $fe50c85aaca30261$var$DetailedText;
+
+});
+parcelRegister("42rvc", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $9982aaf71fbd3e1f$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $60kUR = parcelRequire("60kUR");
+
+var $9JtA7 = parcelRequire("9JtA7");
+const $9982aaf71fbd3e1f$var$DownloadSheet = ({ className: className, url: url })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+        className: `${className} rf-w-full rf-flex`,
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("a", {
+            href: url,
+            className: "rf-px-5 rf-py-3 rf-h-fit rf-flex rf-flex-row rf-items-center rf-mt-8 rf-mb-16 large:rf-my-0 rf-border-2 rf-border-black rf-rounded-lg hover:rf-bg-truewhite rf-cursor-pointer rf-font-bold",
+            children: [
+                /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $60kUR.DownloadIcon), {
+                    className: "rf-h-6 rf-w-6 ltr:rf-mr-1 rtl:rf-ml-1"
+                }),
+                (0, $9JtA7.capitalizeFirstLetter)(translation.common.downloadsheet, locale)
+            ]
+        })
+    });
+};
+var $9982aaf71fbd3e1f$export$2e2bcd8739ae039 = $9982aaf71fbd3e1f$var$DownloadSheet;
+
+});
+
+parcelRegister("kplpt", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5565d7860328960f$export$2e2bcd8739ae039);
+
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $hQSgy = parcelRequire("hQSgy");
+
+var $dlF1K = parcelRequire("dlF1K");
+
+var $7VgIE = parcelRequire("7VgIE");
+const $5565d7860328960f$var$DownloadQR = ({ url: url })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const enableDocumentPrinting = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.enableDocumentPrinting);
+    const [qrCodeData, setQrCodeData] = (0, $ajtMF$react.useState)(undefined);
+    const imageRef = (0, $ajtMF$react.useRef)(null);
+    (0, $ajtMF$react.useEffect)(()=>{
+        setQrCodeDataAsync();
+    }, []);
+    const setQrCodeDataAsync = async ()=>{
+        const qrCodeString = await (0, ($parcel$interopDefault($ajtMF$qrcode))).toDataURL(url);
+        setQrCodeData(qrCodeString);
+    };
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "rf-w-full rf-flex rf-flex-row rf-items-start",
+        children: [
+            enableDocumentPrinting && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-w-1/2 rf-flex rf-justify-start",
+                children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $dlF1K.default), {
+                    url: url
+                })
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-flex rf-flex-col rf-items-center rf-text-center rf-gap-2 rf-font-bold rf-text-sm",
+                style: {
+                    width: enableDocumentPrinting ? '50%' : '100%'
+                },
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-start rf-gap-1 rf-italic",
+                        children: [
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.RoundIcon), {}),
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                className: "rf-w-fit",
+                                children: `${(0, $9JtA7.capitalizeFirstLetter)(translation.common.downloadsheetmobile, locale)} ${translation.link.scanQR}`
+                            })
+                        ]
+                    }),
+                    qrCodeData && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: "large-vertical:rf-mt-4",
+                        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $hQSgy.default), {
+                            ref: imageRef,
+                            src: qrCodeData
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $5565d7860328960f$export$2e2bcd8739ae039 = $5565d7860328960f$var$DownloadQR;
+
+});
+parcelRegister("dlF1K", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $52365ba6a1e9c44e$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $7VgIE = parcelRequire("7VgIE");
+
+var $eO1En = parcelRequire("eO1En");
+const $52365ba6a1e9c44e$var$PrintingButton = ({ url: url })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const setModalFullscreenContent = (0, $7eio0.useUtilsStore)((state)=>state.actions.setModalFullscreenContent);
+    const handleClick = ()=>{
+        setModalFullscreenContent(/*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $eO1En.default), {
+            url: url,
+            printingAllowed: true
+        }));
+    };
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("button", {
+        className: "rf-px-4 rf-py-1 rf-flex rf-flex-row rf-items-center rf-gap-2 rf-font-bold rf-text-sm rf-border-2 rf-border-black rf-rounded-lg",
+        onClick: handleClick,
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.PrintIcon), {}),
+            translation.common.printsheet
+        ]
+    });
+};
+var $52365ba6a1e9c44e$export$2e2bcd8739ae039 = $52365ba6a1e9c44e$var$PrintingButton;
+
+});
+
+
+
+parcelRegister("jHRS8", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $91842d87af07aa1e$export$2e2bcd8739ae039);
+
+
+
+var $blhNk = parcelRequire("blhNk");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $fpnh0 = parcelRequire("fpnh0");
+const $91842d87af07aa1e$var$DetailedMedia = ({ media: media, review: review, color: color })=>{
+    const [landscapeImage, setLandscapeImage] = (0, $ajtMF$react.useState)(false);
+    const [carouselMedia, setCarouselMedia] = (0, $ajtMF$react.useState)([]);
+    (0, $ajtMF$react.useEffect)(()=>{
+        if (media && media.length > 0) {
+            let tempMedia = [];
+            media.forEach((med)=>{
+                med.url && (tempMedia = [
+                    ...tempMedia,
+                    {
+                        url: med.url,
+                        alt: med.title || 'media'
+                    }
+                ]);
+            });
+            setCarouselMedia(tempMedia);
+        }
+    }, [
+        media
+    ]);
+    /**
+   * On review change :
+   *  - check if the review contains a picture url
+   *  - if so, create an Image with this url, and check if its width is larger than its height
+   *  - set landscapeImage state with the result
+   */ (0, $ajtMF$react.useEffect)(()=>{
+        var _review_picture;
+        if (review === null || review === void 0 ? void 0 : (_review_picture = review.picture) === null || _review_picture === void 0 ? void 0 : _review_picture.url) {
+            const getImageData = async ()=>{
+                var _review_picture;
+                const image = new Image();
+                image.onload = ()=>{
+                    setLandscapeImage(image.width > image.height);
+                };
+                image.src = (review === null || review === void 0 ? void 0 : (_review_picture = review.picture) === null || _review_picture === void 0 ? void 0 : _review_picture.url) || '';
+            };
+            getImageData();
+        }
+    }, [
+        review
+    ]);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "large:rf-min-w-1/2 large:rf-pl-4 rf-flex rf-flex-col rf-items-center",
+        children: [
+            carouselMedia && carouselMedia.length > 0 && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-relative rf-flex rf-justify-center rf-align-center rf-w-full rf-aspect-[4/3] rf-mb-4 rf-overflow-hidden",
+                children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $fpnh0.Carousel), {
+                    className: "rf-min-h-full rf-min-w-full rf-object-cover",
+                    medias: carouselMedia,
+                    controls: true,
+                    timer: 3000,
+                    color: color
+                })
+            }),
+            review && review.comment && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-p-4 large:rf-mb-4 rf-flex rf-flex-col rf-gap-4 rf-bg-truewhite rf-rounded-lg rf-shadow-[0_3px_6px_#00000029]",
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: "rf-text-lightgray",
+                        children: review.comment
+                    }),
+                    (review.picture || review.author) && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-center",
+                        children: [
+                            review.picture && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                className: "rf-h-12 rf-w-12 rf-min-w-12 large:rf-h-16 large:rf-w-16 large:rf-min-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24 large-vertical:rf-min-w-24 rf-mr-4 rf-flex rf-items-center rf-rounded-half rf-overflow-hidden",
+                                children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("img", {
+                                    src: review.picture.url || (0, $blhNk.imageFiles).noimage,
+                                    alt: review.picture.description || 'auteur',
+                                    className: landscapeImage ? 'rf-h-full rf-max-w-none' : 'rf-w-full'
+                                })
+                            }),
+                            review.author && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                                className: "rf-flex rf-flex-col rf-items-start",
+                                children: [
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("p", {
+                                        className: "rf-font-bold",
+                                        children: (0, $9JtA7.capitalizeFirstLetter)(review.author.name || '')
+                                    }),
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("p", {
+                                        className: "rf-italic",
+                                        children: (0, $9JtA7.capitalizeFirstLetter)(review.author.capacity || '')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $91842d87af07aa1e$export$2e2bcd8739ae039 = $91842d87af07aa1e$var$DetailedMedia;
+
+});
+
+parcelRegister("9Jn5s", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $6cacbade32b06d0d$export$2e2bcd8739ae039);
+
+
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $b0HMF = parcelRequire("b0HMF");
+
+var $WeQpM = parcelRequire("WeQpM");
+
+var $CaBP6 = parcelRequire("CaBP6");
+
+var $42rvc = parcelRequire("42rvc");
+
+var $kplpt = parcelRequire("kplpt");
+const $6cacbade32b06d0d$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $kUiCn.useViewStore)((state)=>state.isLandscape);
+    const isBorne = (0, $kUiCn.useViewStore)((state)=>state.isBorne);
+    const currentWidth = (0, $kUiCn.useViewStore)((state)=>state.currentWidth);
+    const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "rf-relative rf-w-1/3 vertical:rf-w-full large:rf-bg-truewhite rf-flex rf-flex-col large-vertical:rf-flex-row",
+        children: [
+            customerReviews && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $WeQpM.default), {
+                className: "rf-absolute large-vertical:rf-hidden rf-top-0 rf-left-1/2 rf--translate-x-1/2",
+                color: color,
+                customerReviews: customerReviews
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: `rf-px-6 rf-flex rf-flex-col large-vertical:rf-w-1/2 rf-items-center rf-text-center ${customerReviews ? isBorne ? 'rf-bg-truewhite rf-justify-center' : 'rf-bg-truewhite rf-justify-start' : 'rf-justify-center'}`,
+                style: {
+                    height: isMobile ? customerReviews ? currentWidth : undefined : isLandscape ? coordinates && coordinates.latitude && coordinates.longitude ? '50%' : '100%' : 'calc(50vw - 3rem)'
+                },
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                        className: customerReviews && !isBorne ? isLandscape ? 'rf-pt-[26vh] rf-pb-12' : 'rf-pt-11/20 rf-pb-12' : 'rf-py-12',
+                        children: address && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+                            children: [
+                                address.street && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                    children: address.street
+                                }),
+                                address.addressLocality && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                    children: address.postalCode ? `${address.postalCode} ${address.addressLocality}` : address.addressLocality
+                                })
+                            ]
+                        })
+                    }),
+                    phoneNumber && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $b0HMF.default), {
+                        phoneNumber: phoneNumber
+                    }),
+                    coordinates && coordinates.latitude && coordinates.longitude && isBorne && url && (configuration.isUsedOnBorne ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $kplpt.default), {
+                        url: url
+                    }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $42rvc.default), {
+                        className: "rf-justify-center",
+                        url: url
+                    }))
+                ]
+            }),
+            coordinates && coordinates.latitude && coordinates.longitude ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-relative large-vertical:rf-w-1/2",
+                style: {
+                    height: isMobile ? currentWidth : isLandscape ? '50%' : 'calc(50vw - 3rem)'
+                },
+                children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $CaBP6.default), {
+                    latitude: coordinates.latitude,
+                    longitude: coordinates.longitude,
+                    color: color
+                })
+            }) : isBorne ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                className: "rf-flex rf-justify-center rf-items-center rf-h-[calc(50vw-3rem)] rf-w-1/2",
+                children: url && (configuration.isUsedOnBorne ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $kplpt.default), {
+                    url: url
+                }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $42rvc.default), {
+                    className: "rf-justify-center",
+                    url: url
+                }))
+            }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {})
+        ]
+    });
+};
+var $6cacbade32b06d0d$export$2e2bcd8739ae039 = $6cacbade32b06d0d$var$DetailedAddress;
+
+});
+parcelRegister("b0HMF", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $2ed0c554c11c571c$export$2e2bcd8739ae039);
+
+
+
+var $7VgIE = parcelRequire("7VgIE");
+const $2ed0c554c11c571c$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold",
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.PhoneIcon), {
+                className: "rf-h-6 rf-w-6 ltr:rf-mr-2 rtl:rf-ml-2"
+            }),
+            phoneNumber
+        ]
+    });
+};
+var $2ed0c554c11c571c$export$2e2bcd8739ae039 = $2ed0c554c11c571c$var$ShowPhoneNumber;
+
+});
+
+parcelRegister("CaBP6", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c9b17a03b9c46905$export$2e2bcd8739ae039);
+
+
+
+
+
+
+var $5A7mQ = parcelRequire("5A7mQ");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $blhNk = parcelRequire("blhNk");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $jywlC = parcelRequire("jywlC");
+
+var $dmawf = parcelRequire("dmawf");
+
+var $hQSgy = parcelRequire("hQSgy");
+
+var $7k0ZL = parcelRequire("7k0ZL");
+
+var $7VgIE = parcelRequire("7VgIE");
+const $c9b17a03b9c46905$var$userIcon = (0, ($parcel$interopDefault($ajtMF$leaflet))).icon({
+    iconUrl: `${(0, $blhNk.imageFiles).mapDeparture}`,
+    shadowUrl: (0, $5A7mQ.markerShadow),
+    iconSize: [
+        32,
+        41
+    ],
+    iconAnchor: [
+        16,
+        41
+    ]
+});
+const $c9b17a03b9c46905$var$springDuration = 500;
+const $c9b17a03b9c46905$var$Map = ({ latitude: latitude, longitude: longitude, color: color })=>{
+    var _configuration_position, _configuration_position1, _configuration_position2, _configuration_position3, _configuration_position4, _configuration_position5;
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
+    const [mapLayerData, setMapLayerData] = (0, $ajtMF$react.useState)(undefined);
+    const geoJsonLayer = (0, $ajtMF$react.useRef)(null);
+    const coordinates = ((_configuration_position = configuration.position) === null || _configuration_position === void 0 ? void 0 : _configuration_position.latitude) && ((_configuration_position1 = configuration.position) === null || _configuration_position1 === void 0 ? void 0 : _configuration_position1.longitude) ? [
+        [
+            configuration.position.longitude,
+            configuration.position.latitude
+        ],
+        [
+            longitude,
+            latitude
+        ]
+    ] : undefined;
+    const [qrCodeUrl, setQrCodeUrl] = (0, $ajtMF$react.useState)();
+    const fadeInTimerRef = (0, $ajtMF$react.useRef)(null);
+    const [spring, api] = (0, $ajtMF$reactspringweb.useSpring)(()=>({
+            from: {
+                opacity: 0
+            }
+        }));
+    (0, $ajtMF$react.useEffect)(()=>{
+        if (geoJsonLayer.current) mapLayerData && geoJsonLayer.current.clearLayers().addData(mapLayerData);
+    }, [
+        mapLayerData
+    ]);
+    (0, $ajtMF$react.useEffect)(()=>{
+        qrCodeUrl && api.start({
+            from: {
+                opacity: 0
+            },
+            to: {
+                opacity: 1
+            },
+            config: {
+                duration: $c9b17a03b9c46905$var$springDuration
+            }
+        });
+        return ()=>{
+            (fadeInTimerRef === null || fadeInTimerRef === void 0 ? void 0 : fadeInTimerRef.current) && clearTimeout(fadeInTimerRef.current);
+        };
+    }, [
+        qrCodeUrl
+    ]);
+    const handleCloseQrCode = ()=>{
+        api.start({
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            },
+            config: {
+                duration: $c9b17a03b9c46905$var$springDuration
+            }
+        });
+        (fadeInTimerRef === null || fadeInTimerRef === void 0 ? void 0 : fadeInTimerRef.current) && clearTimeout(fadeInTimerRef.current);
+        fadeInTimerRef.current = setTimeout(()=>{
+            setQrCodeUrl(null);
+        }, $c9b17a03b9c46905$var$springDuration);
+    };
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, $ajtMF$reactleaflet.MapContainer), {
+                center: [
+                    latitude,
+                    longitude
+                ],
+                zoom: 12,
+                scrollWheelZoom: false,
+                style: {
+                    height: '100%',
+                    width: '100%',
+                    zIndex: 0
+                },
+                attributionControl: false,
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $ajtMF$reactleaflet.TileLayer), {
+                        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $ajtMF$reactleaflet.Marker), {
+                        position: [
+                            latitude,
+                            longitude
+                        ]
+                    }),
+                    ((_configuration_position2 = configuration.position) === null || _configuration_position2 === void 0 ? void 0 : _configuration_position2.latitude) && ((_configuration_position3 = configuration.position) === null || _configuration_position3 === void 0 ? void 0 : _configuration_position3.longitude) && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $ajtMF$reactleaflet.Marker), {
+                        position: [
+                            configuration.position.latitude,
+                            configuration.position.longitude
+                        ],
+                        icon: $c9b17a03b9c46905$var$userIcon
+                    }),
+                    mapLayerData && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $ajtMF$reactleaflet.GeoJSON), {
+                        ref: geoJsonLayer,
+                        data: mapLayerData
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $dmawf.default), {
+                        configurationPosition: [
+                            ((_configuration_position4 = configuration.position) === null || _configuration_position4 === void 0 ? void 0 : _configuration_position4.latitude) || latitude,
+                            ((_configuration_position5 = configuration.position) === null || _configuration_position5 === void 0 ? void 0 : _configuration_position5.longitude) || longitude
+                        ],
+                        coordinates: [
+                            latitude,
+                            longitude
+                        ],
+                        data: mapLayerData
+                    })
+                ]
+            }),
+            coordinates && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $jywlC.default), {
+                coordinates: coordinates,
+                setMapLayerData: setMapLayerData,
+                color: color,
+                setQrCodeUrl: setQrCodeUrl
+            }),
+            qrCodeUrl && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, $ajtMF$reactspringweb.animated).div, {
+                className: "rf-absolute rf-h-full rf-w-full rf-top-0 rf-left-0 rf-z-ui rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-4 rf-text-truewhite",
+                style: {
+                    background: 'rgba(18,18,18,0.7)',
+                    ...spring
+                },
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7k0ZL.default), {
+                        onClick: handleCloseQrCode,
+                        showLabel: false
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-start rf-gap-1 rf-text-truewhite rf-italic",
+                        children: [
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $7VgIE.RoundIcon), {
+                                className: "rf-h-4 rf-mt-[0.2rem]",
+                                color: "#FFF"
+                            }),
+                            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                                className: "rf-w-fit rf-flex rf-flex-col rf-items-center",
+                                children: [
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                        children: (0, $9JtA7.capitalizeFirstLetter)(translation.poi.openroutemobile, locale)
+                                    }),
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                                        children: translation.link.scanQR
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $hQSgy.default), {
+                        src: qrCodeUrl
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $c9b17a03b9c46905$export$2e2bcd8739ae039 = $c9b17a03b9c46905$var$Map;
+
+});
+parcelRegister("jywlC", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $b1852deb3d7d5629$export$2e2bcd8739ae039);
+
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $7sZDv = parcelRequire("7sZDv");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $8FxIQ = parcelRequire("8FxIQ");
+parcelRequire("hLAht");
+var $2IMOe = parcelRequire("2IMOe");
+const $b1852deb3d7d5629$var$Routes = ({ coordinates: coordinates, setMapLayerData: setMapLayerData, color: color, setQrCodeUrl: setQrCodeUrl })=>{
+    var _drivingCar_features, _drivingCar_features__properties_summary, _drivingCar_features__properties, _drivingCar_features1, _drivingCar_features__properties_summary1, _drivingCar_features__properties1, _cyclingRegular_features, _cyclingRegular_features__properties_summary, _cyclingRegular_features__properties, _cyclingRegular_features1, _cyclingRegular_features__properties_summary1, _cyclingRegular_features__properties1, _footWalking_features, _footWalking_features__properties_summary, _footWalking_features__properties, _footWalking_features1, _footWalking_features__properties_summary1, _footWalking_features__properties1;
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const [drivingCar, setDrivingCar] = (0, $ajtMF$react.useState)(undefined);
+    const [cyclingRegular, setCyclingRegular] = (0, $ajtMF$react.useState)(undefined);
+    const [footWalking, setFootWalking] = (0, $ajtMF$react.useState)(undefined);
+    const [currentChosen, setCurrentChosen] = (0, $ajtMF$react.useState)(undefined);
+    const travelModeRef = (0, $ajtMF$react.useRef)();
+    /**
+   * On component mount :
+   *  - call methods to retrieve data from openroute API
+   */ (0, $ajtMF$react.useEffect)(()=>{
+        calculateForProfile('driving-car');
+        calculateForProfile('cycling-regular');
+        calculateForProfile('foot-walking');
+    }, []);
+    /**
+   * On currentChosen state change :
+   *  - switch on currentChosen value to display the associated data on the map
+   */ (0, $ajtMF$react.useEffect)(()=>{
+        switch(currentChosen){
+            case 'drivingCar':
+                drivingCar && drivingCar.features && setMapLayerData(drivingCar);
+                travelModeRef.current = 'driving';
+                break;
+            case 'cyclingRegular':
+                cyclingRegular && cyclingRegular.features && setMapLayerData(cyclingRegular);
+                travelModeRef.current = 'bicycling';
+                break;
+            case 'footWalking':
+                footWalking && footWalking.features && setMapLayerData(footWalking);
+                travelModeRef.current = 'walking';
+                break;
+            default:
+                break;
+        }
+    }, [
+        currentChosen
+    ]);
+    /**
+   * On drivingCar state change :
+   *  - if driving car data were retrieved and no course has been chosen, set currentChosen state to 'driving-car'
+   */ (0, $ajtMF$react.useEffect)(()=>{
+        drivingCar && !currentChosen && setCurrentChosen('drivingCar');
+    }, [
+        drivingCar
+    ]);
+    /**
+   * On call :
+   *  - call the openroute API to retrieve data for the current course
+   * @param profile : string
+   */ const calculateForProfile = async (profile)=>{
+        const url = `${(0, $7sZDv.openRoute)}/${profile}/geojson`;
+        const data = await fetch(url, {
+            method: 'POST',
+            headers: {
+                Authorization: (0, $7sZDv.openRouteAPIKey),
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                coordinates: coordinates
+            })
+        }).then((result)=>{
+            return result.json();
+        }).catch(()=>{
+            return null;
+        });
+        if (data && !data.error) switch(profile){
+            case 'driving-car':
+                setDrivingCar(data);
+                break;
+            case 'cycling-regular':
+                setCyclingRegular(data);
+                break;
+            case 'foot-walking':
+                setFootWalking(data);
+                break;
+            default:
+                break;
+        }
+    };
+    const handleClick = async ()=>{
+        if ((travelModeRef === null || travelModeRef === void 0 ? void 0 : travelModeRef.current) && coordinates.length === 2) {
+            // Create an URL to Google Maps with coordinates and travelling mode
+            const coordinatesInUrl = `origin=${coordinates[0][1]},${coordinates[0][0]}&destination=${coordinates[1][1]},${coordinates[1][0]}`;
+            const fullUrl = `${(0, $7sZDv.googleMapsAddress)}${coordinatesInUrl}&travelmode=${travelModeRef.current}`;
+            if (isUsedOnBorne) {
+                const url = await (0, ($parcel$interopDefault($ajtMF$qrcode))).toDataURL(fullUrl);
+                setQrCodeUrl(url);
+            } else // If we are not on a borne, open a new tab in browser
+            window.open(fullUrl, '_blank');
+        }
+    };
+    return drivingCar || cyclingRegular || footWalking ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+        className: "rf-absolute rf-bottom-2 rf-w-full rf-flex rf-flex-row rf-gap-4 rf-justify-center",
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                className: "rf-grid rf-grid-cols-routes rf-pl-6 rf-pr-4 rf-py-2 rf-gap-4 rf-rounded-lg rf-bg-truewhite ltr:rf-text-xs rtl:rf-text-arabic large:rf-text-sm rf-shadow-[0_6px_6px_#00000029]",
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $8FxIQ.default), {
+                        summary: {
+                            type: 'drivingCar',
+                            distance: (drivingCar === null || drivingCar === void 0 ? void 0 : (_drivingCar_features = drivingCar.features) === null || _drivingCar_features === void 0 ? void 0 : _drivingCar_features.length) ? (_drivingCar_features__properties = drivingCar.features[0].properties) === null || _drivingCar_features__properties === void 0 ? void 0 : (_drivingCar_features__properties_summary = _drivingCar_features__properties.summary) === null || _drivingCar_features__properties_summary === void 0 ? void 0 : _drivingCar_features__properties_summary.distance : undefined,
+                            duration: (drivingCar === null || drivingCar === void 0 ? void 0 : (_drivingCar_features1 = drivingCar.features) === null || _drivingCar_features1 === void 0 ? void 0 : _drivingCar_features1.length) ? (_drivingCar_features__properties1 = drivingCar.features[0].properties) === null || _drivingCar_features__properties1 === void 0 ? void 0 : (_drivingCar_features__properties_summary1 = _drivingCar_features__properties1.summary) === null || _drivingCar_features__properties_summary1 === void 0 ? void 0 : _drivingCar_features__properties_summary1.duration : undefined
+                        },
+                        chosen: currentChosen === 'drivingCar',
+                        color: color,
+                        onClick: setCurrentChosen
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $8FxIQ.default), {
+                        summary: {
+                            type: 'cyclingRegular',
+                            distance: (cyclingRegular === null || cyclingRegular === void 0 ? void 0 : (_cyclingRegular_features = cyclingRegular.features) === null || _cyclingRegular_features === void 0 ? void 0 : _cyclingRegular_features.length) ? (_cyclingRegular_features__properties = cyclingRegular.features[0].properties) === null || _cyclingRegular_features__properties === void 0 ? void 0 : (_cyclingRegular_features__properties_summary = _cyclingRegular_features__properties.summary) === null || _cyclingRegular_features__properties_summary === void 0 ? void 0 : _cyclingRegular_features__properties_summary.distance : undefined,
+                            duration: (cyclingRegular === null || cyclingRegular === void 0 ? void 0 : (_cyclingRegular_features1 = cyclingRegular.features) === null || _cyclingRegular_features1 === void 0 ? void 0 : _cyclingRegular_features1.length) ? (_cyclingRegular_features__properties1 = cyclingRegular.features[0].properties) === null || _cyclingRegular_features__properties1 === void 0 ? void 0 : (_cyclingRegular_features__properties_summary1 = _cyclingRegular_features__properties1.summary) === null || _cyclingRegular_features__properties_summary1 === void 0 ? void 0 : _cyclingRegular_features__properties_summary1.duration : undefined
+                        },
+                        chosen: currentChosen === 'cyclingRegular',
+                        color: color,
+                        onClick: setCurrentChosen
+                    }),
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $8FxIQ.default), {
+                        summary: {
+                            type: 'footWalking',
+                            distance: (footWalking === null || footWalking === void 0 ? void 0 : (_footWalking_features = footWalking.features) === null || _footWalking_features === void 0 ? void 0 : _footWalking_features.length) ? (_footWalking_features__properties = footWalking.features[0].properties) === null || _footWalking_features__properties === void 0 ? void 0 : (_footWalking_features__properties_summary = _footWalking_features__properties.summary) === null || _footWalking_features__properties_summary === void 0 ? void 0 : _footWalking_features__properties_summary.distance : undefined,
+                            duration: (footWalking === null || footWalking === void 0 ? void 0 : (_footWalking_features1 = footWalking.features) === null || _footWalking_features1 === void 0 ? void 0 : _footWalking_features1.length) ? (_footWalking_features__properties1 = footWalking.features[0].properties) === null || _footWalking_features__properties1 === void 0 ? void 0 : (_footWalking_features__properties_summary1 = _footWalking_features__properties1.summary) === null || _footWalking_features__properties_summary1 === void 0 ? void 0 : _footWalking_features__properties_summary1.duration : undefined
+                        },
+                        chosen: currentChosen === 'footWalking',
+                        color: color,
+                        onClick: setCurrentChosen
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("button", {
+                className: "rf-aspect-square rf-w-3/20 rf-min-w-3/20 rf-max-w-3/20 large:rf-w-1/8 large:rf-min-w-1/8 large:rf-max-w-1/8 rf-overflow-y-hidden rf-p-1 rf-flex rf-flex-col rf-justify-evenly rf-items-center rf-border-2 rf-border-trueblack rf-rounded-lg rf-font-bold ltr:rf-text-xs rtl:rf-text-arabic large:rf-text-sm rf-bg-truewhite",
+                onClick: handleClick,
+                children: [
+                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $2IMOe.default), {
+                        className: "rf-w-5 rf-h-5"
+                    }),
+                    (0, $9JtA7.capitalizeFirstLetter)(translation.poi.route, locale)
+                ]
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {});
+};
+var $b1852deb3d7d5629$export$2e2bcd8739ae039 = $b1852deb3d7d5629$var$Routes;
+
+});
+parcelRegister("8FxIQ", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $f4247240f036cf0c$export$2e2bcd8739ae039);
+
+
+
+var $ctCMS = parcelRequire("ctCMS");
+
+var $9uiuR = parcelRequire("9uiuR");
+parcelRequire("hLAht");
+var $5b4Wi = parcelRequire("5b4Wi");
+var $12z8N = parcelRequire("12z8N");
+var $8cNXi = parcelRequire("8cNXi");
+var $kWAiC = parcelRequire("kWAiC");
+const $f4247240f036cf0c$var$RoutesItem = ({ summary: summary, chosen: chosen, color: color, onClick: onClick })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+        className: "rf-flex rf-flex-col rf-justify-end hover:rf-cursor-pointer",
+        onClick: ()=>onClick(summary.type),
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+            className: "rf-h-full rf-flex rf-flex-row rf-gap-3 rf-items-center",
+            children: [
+                /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                    className: "rf-relative rf-flex rf-justify-center rf-items-center",
+                    children: [
+                        /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                            className: "rf-absolute rf-w-9 rf-h-9 rf-rounded-max",
+                            style: {
+                                backgroundColor: chosen ? color : '#EFEDF0'
+                            }
+                        }),
+                        /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                            className: "rf-absolute rf-w-full -rf-top-[1.15rem] rf-flex rf-justify-center",
+                            children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)($kWAiC.default, {
+                                className: "rf-w-2 rf-h-2",
+                                color: chosen ? color : 'transparent'
+                            })
+                        }),
+                        summary.type === 'drivingCar' && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)($12z8N.default, {
+                            className: "rf-w-5 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        }),
+                        summary.type === 'cyclingRegular' && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)($5b4Wi.default, {
+                            className: "rf-w-6 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        }),
+                        summary.type === 'footWalking' && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)($8cNXi.default, {
+                            className: "rf-w-6 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("div", {
+                    className: "rf-flex rf-flex-col rf-justify-center rf-items-start",
+                    children: [
+                        /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                            className: "rf-whitespace-nowrap rf-font-bold",
+                            children: (0, $9uiuR.default)(summary === null || summary === void 0 ? void 0 : summary.duration)
+                        }),
+                        /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
+                            className: "rf-whitespace-nowrap",
+                            children: (0, $ctCMS.default)(summary === null || summary === void 0 ? void 0 : summary.distance)
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+var $f4247240f036cf0c$export$2e2bcd8739ae039 = $f4247240f036cf0c$var$RoutesItem;
+
+});
+parcelRegister("ctCMS", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $b1da9b696ff2481e$export$2e2bcd8739ae039);
+const $b1da9b696ff2481e$var$getDistanceAsString = (distance)=>{
+    if (typeof distance !== 'number') return 'NC';
+    if (distance <= 0) return '0 m';
+    if (distance < 1) return `${distance * 100} cm`;
+    if (distance < 1000) return `${distance} m`;
+    if (distance >= 1000) return `${Math.ceil(distance / 1000) * 10 / 10} km`;
+    return 'NC';
+};
+var $b1da9b696ff2481e$export$2e2bcd8739ae039 = $b1da9b696ff2481e$var$getDistanceAsString;
+
+});
+
+parcelRegister("9uiuR", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $50c924376d4e5dbe$export$2e2bcd8739ae039);
+const $50c924376d4e5dbe$var$getTimeAsString = (time)=>{
+    if (typeof time !== 'number') return 'NC';
+    if (time < 1) return 'NC';
+    if (time < 60) return `${time} s`;
+    if (time < 3600) return `${Math.ceil(time / 60)} min`;
+    if (time === 3600) return `1 h`;
+    if (time > 3600) {
+        const hours = Math.floor(time / 3600);
+        const minutes = Math.ceil((time - hours * 3600) / 60);
+        return `${hours} h ${minutes === 60 ? 59 : minutes < 10 ? `0${minutes}` : minutes}`;
+    }
+    return 'NC';
+};
+var $50c924376d4e5dbe$export$2e2bcd8739ae039 = $50c924376d4e5dbe$var$getTimeAsString;
+
+});
+
+parcelRegister("hLAht", function(module, exports) {
+
+$parcel$export(module.exports, "CyclingRegularIcon", () => (parcelRequire("5b4Wi")).default);
+$parcel$export(module.exports, "DrivingCarIcon", () => (parcelRequire("12z8N")).default);
+$parcel$export(module.exports, "FootWalkingIcon", () => (parcelRequire("8cNXi")).default);
+$parcel$export(module.exports, "OpenLocationIcon", () => (parcelRequire("2IMOe")).default);
+$parcel$export(module.exports, "TriangleIcon", () => (parcelRequire("kWAiC")).default);
+
+var $5b4Wi = parcelRequire("5b4Wi");
+
+var $12z8N = parcelRequire("12z8N");
+
+var $8cNXi = parcelRequire("8cNXi");
+
+var $2IMOe = parcelRequire("2IMOe");
+
+var $kWAiC = parcelRequire("kWAiC");
+
+});
+parcelRegister("5b4Wi", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $ee813fb8e86f6823$export$2e2bcd8739ae039);
+
+
+const $ee813fb8e86f6823$var$CyclingRegularIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 34.168 29.135",
+        className: className || 'rf-w-8 rf-h-8',
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("g", {
+            transform: "translate(0.5 -1.484)",
+            children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("path", {
+                d: "M20.5,6.789a2.645,2.645,0,1,0-2.645-2.645A2.653,2.653,0,0,0,20.5,6.789Zm-13.885,8.6a6.612,6.612,0,1,0,0,13.224,6.612,6.612,0,1,0,0-13.224Zm0,11.24a4.628,4.628,0,1,1,0-9.257,4.628,4.628,0,1,1,0,9.257ZM14.282,13.4l3.174-3.174,1.058,1.058a9.264,9.264,0,0,0,6.744,2.777V11.418A6.57,6.57,0,0,1,20.5,9.434L17.984,6.922a3.242,3.242,0,0,0-2.116-.793,2.219,2.219,0,0,0-1.851.793l-3.7,3.7a2.611,2.611,0,0,0-.793,1.851,2.219,2.219,0,0,0,.793,1.851l4.232,3.7v6.612h2.645v-8.2Zm10.843,1.984A6.612,6.612,0,1,0,31.737,22,6.548,6.548,0,0,0,25.125,15.385Zm0,11.24A4.628,4.628,0,1,1,29.753,22,4.685,4.685,0,0,1,25.125,26.625Z",
+                transform: "translate(0 0.484)",
+                fill: color || '#fff'
+            })
+        })
+    });
+};
+var $ee813fb8e86f6823$export$2e2bcd8739ae039 = $ee813fb8e86f6823$var$CyclingRegularIcon;
+
+});
+
+parcelRegister("12z8N", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $bd7aeed927950988$export$2e2bcd8739ae039);
+
+
+const $bd7aeed927950988$var$DrivingCarIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 34.168 29.135",
+        className: className || 'rf-w-8 rf-h-8',
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("path", {
+            id: "car",
+            d: "M32.385,71.254H28.507L27.43,68.559A7.217,7.217,0,0,0,20.7,64H12.471a7.219,7.219,0,0,0-6.735,4.559L4.658,71.254H.781a.777.777,0,0,0-.754.966l.389,1.554a.777.777,0,0,0,.754.589h1.3a4.116,4.116,0,0,0-1.43,3.109V80.58A4.111,4.111,0,0,0,2.076,83.3v3.5a2.073,2.073,0,0,0,2.072,2.072H6.221A2.073,2.073,0,0,0,8.293,86.8V84.725h16.58V86.8a2.073,2.073,0,0,0,2.072,2.072h2.072A2.073,2.073,0,0,0,31.09,86.8V83.3a4.109,4.109,0,0,0,1.036-2.716V77.471A4.118,4.118,0,0,0,30.7,74.362H32a.777.777,0,0,0,.754-.589l.389-1.554a.778.778,0,0,0-.754-.966ZM9.584,70.1a3.109,3.109,0,0,1,2.887-1.954H20.7A3.109,3.109,0,0,1,23.582,70.1l1.291,3.227H8.293ZM6.221,80.567a2.066,2.066,0,1,1,0-4.132,3.987,3.987,0,0,1,3.109,3.1c0,1.24-1.865,1.033-3.109,1.033Zm20.725,0c-1.243,0-3.109.207-3.109-1.033a3.987,3.987,0,0,1,3.109-3.1,2.066,2.066,0,1,1,0,4.132Z",
+            transform: "translate(0.501 -63.5)",
+            fill: color || '#fff'
+        })
+    });
+};
+var $bd7aeed927950988$export$2e2bcd8739ae039 = $bd7aeed927950988$var$DrivingCarIcon;
+
+});
+
+parcelRegister("8cNXi", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $43b00c1fdfdc5bda$export$2e2bcd8739ae039);
+
+
+const $43b00c1fdfdc5bda$var$FootWalkingIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "-6 0 34.168 29.135",
+        className: className || 'rf-w-8 rf-h-8',
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("path", {
+            d: "M11.4,5.249A2.625,2.625,0,1,0,8.772,2.625,2.625,2.625,0,0,0,11.4,5.249ZM16.564,13.4l-1.274-.645-.53-1.608A5.962,5.962,0,0,0,9.171,7c-1.968-.005-3.057.552-5.1,1.378A5.216,5.216,0,0,0,1.352,10.9l-.366.744a1.755,1.755,0,0,0,.776,2.346,1.726,1.726,0,0,0,2.324-.782l.366-.744a1.738,1.738,0,0,1,.9-.842l1.465-.591-.831,3.319A3.512,3.512,0,0,0,6.8,17.568l3.275,3.576a3.529,3.529,0,0,1,.815,1.515l1,4.008a1.75,1.75,0,0,0,3.4-.848l-1.214-4.866a3.5,3.5,0,0,0-.815-1.515l-2.488-2.718.94-3.756.3.9a3.487,3.487,0,0,0,1.733,2.023l1.274.645a1.726,1.726,0,0,0,2.324-.782,1.77,1.77,0,0,0-.782-2.351ZM4.048,21.1a3.393,3.393,0,0,1-.776,1.176L.538,25.01a1.75,1.75,0,1,0,2.472,2.477l3.248-3.248a3.554,3.554,0,0,0,.776-1.176l.738-1.848c-3.024-3.3-2.116-2.286-2.592-2.936L4.048,21.1Z",
+            transform: "translate(0.612 0.5)",
+            fill: color || '#fff'
+        })
+    });
+};
+var $43b00c1fdfdc5bda$export$2e2bcd8739ae039 = $43b00c1fdfdc5bda$var$FootWalkingIcon;
+
+});
+
+parcelRegister("2IMOe", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $e1cfcc1749ee313f$export$2e2bcd8739ae039);
+
+
+const $e1cfcc1749ee313f$var$OpenLocationIcon = ({ className: className })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 29.771 29.771",
+        className: className || 'rf-w-6 rf-h-6',
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("path", {
+            d: "M29.771,0,0,14.886l11.164,3.721,3.721,11.164Z"
+        })
+    });
+};
+var $e1cfcc1749ee313f$export$2e2bcd8739ae039 = $e1cfcc1749ee313f$var$OpenLocationIcon;
+
+});
+
+parcelRegister("kWAiC", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $ff33a7cffe6d1304$export$2e2bcd8739ae039);
+
+
+const $ff33a7cffe6d1304$var$TriangleIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 16 12",
+        className: className || 'rf-w-3 rf-h-3',
+        children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("path", {
+            d: "M6.336,2.5a2,2,0,0,1,3.328,0l4.263,6.394A2,2,0,0,1,12.263,12H3.737A2,2,0,0,1,2.073,8.891Z",
+            fill: color || 'transparent'
+        })
+    });
+};
+var $ff33a7cffe6d1304$export$2e2bcd8739ae039 = $ff33a7cffe6d1304$var$TriangleIcon;
+
+});
+
+
+
+
+parcelRegister("dmawf", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $bec002e5f7690553$export$2e2bcd8739ae039);
+
+
+
+const $bec002e5f7690553$var$MapUser = ({ configurationPosition: configurationPosition, coordinates: coordinates, data: data })=>{
+    const map = (0, $ajtMF$reactleaflet.useMap)();
+    (0, $ajtMF$react.useEffect)(()=>{
+        if (configurationPosition !== coordinates) {
+            const coords1 = [
+                ...configurationPosition
+            ];
+            const coords2 = [
+                ...coordinates
+            ];
+            if (configurationPosition[0] > coordinates[0]) coords2[0] -= (configurationPosition[0] - coordinates[0]) / 2;
+            else coords1[0] -= (coordinates[0] - configurationPosition[0]) / 2;
+            map.flyToBounds([
+                coords1,
+                coords2
+            ]);
+        } else map.flyToBounds([
+            configurationPosition,
+            coordinates
+        ]);
+    }, [
+        data
+    ]);
+    return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {});
+};
+var $bec002e5f7690553$export$2e2bcd8739ae039 = $bec002e5f7690553$var$MapUser;
+
+});
+
+
+
+
+
+//# sourceMappingURL=AttachmentDetail.1e06c2a5.js.map