@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/AttachmentDetail.c6c297df.js

@@ -0,0 +1,1732 @@
+import {jsx as $dAxr5$jsx, jsxs as $dAxr5$jsxs} from "react/jsx-runtime";
+import $dAxr5$react, {useState as $dAxr5$useState, useRef as $dAxr5$useRef, useEffect as $dAxr5$useEffect, useLayoutEffect as $dAxr5$useLayoutEffect, useMemo as $dAxr5$useMemo} from "react";
+import {useSpring as $dAxr5$useSpring, easings as $dAxr5$easings, animated as $dAxr5$animated} from "@react-spring/web";
+import $dAxr5$qrcode from "qrcode";
+import {MapContainer as $dAxr5$MapContainer, TileLayer as $dAxr5$TileLayer, Marker as $dAxr5$Marker, GeoJSON as $dAxr5$GeoJSON, useMap as $dAxr5$useMap} from "react-leaflet";
+import $dAxr5$leaflet from "leaflet";
+
+
+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 = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("8QAGm", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $cccd6edc9ecbde88$export$2e2bcd8739ae039);
+
+
+
+
+var $j67YK = parcelRequire("j67YK");
+
+var $i1rfm = parcelRequire("i1rfm");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $fnQYO = parcelRequire("fnQYO");
+
+var $8Rmrq = parcelRequire("8Rmrq");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $8KJP1 = parcelRequire("8KJP1");
+
+var $lj7lQ = parcelRequire("lj7lQ");
+
+var $bcki5 = parcelRequire("bcki5");
+
+var $c3PKX = parcelRequire("c3PKX");
+
+var $jlqZa = parcelRequire("jlqZa");
+
+var $dpafD = parcelRequire("dpafD");
+
+var $gXOmG = parcelRequire("gXOmG");
+const $cccd6edc9ecbde88$var$springEnterDuration = 1500;
+const $cccd6edc9ecbde88$var$springLeaveDuration = 2500;
+const $cccd6edc9ecbde88$var$AttachmentDetails = ()=>{
+    const detailedItemContent = (0, $fnQYO.default)();
+    const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const baseAddress = (0, $1x02c.useRetorikStore)((state)=>state.baseAddress);
+    const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
+    const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const isWidget = (0, $1Qww3.useViewStore)((state)=>state.isWidget);
+    const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
+    const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
+    const closeDetailedPOI = (0, $j67YK.useUtilsStore)((state)=>state.closeDetailedPOI);
+    const { setRetorikEvent: setRetorikEvent, setCloseDetailedPOI: setCloseDetailedPOI } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
+    const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $aNpqK.useDirectlineStore)((state)=>state.actions);
+    const [content, setContent] = (0, $dAxr5$useState)(undefined);
+    const [color, setColor] = (0, $dAxr5$useState)(themeColors.secondary);
+    const [titleHeight, setTitleHeight] = (0, $dAxr5$useState)(0);
+    const [spring, api] = (0, $dAxr5$useSpring)(()=>({
+            from: {
+                transform: 'translateX(0%)'
+            }
+        }));
+    const timerRef = (0, $dAxr5$useRef)(null);
+    const divRef = (0, $dAxr5$useRef)(null);
+    (0, $dAxr5$useEffect)(()=>{
+        setContent(detailedItemContent);
+        if (detailedItemContent) setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewOpen);
+    }, [
+        detailedItemContent
+    ]);
+    (0, $dAxr5$useEffect)(()=>{
+        closeDetailedPOI && handleClose();
+    }, [
+        closeDetailedPOI
+    ]);
+    (0, $dAxr5$useLayoutEffect)(()=>{
+        if (divRef?.current) isWidget && (0, $8KJP1.default)(null, divRef);
+    });
+    (0, $dAxr5$useEffect)(()=>{
+        if (content) {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+                timerRef.current = null;
+            }
+            content.category?.id && setColor((0, $8Rmrq.getColorFromCategoryId)(content.category.id, themeColors));
+            api.start({
+                from: {
+                    transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                },
+                to: {
+                    transform: 'translateX(0%)'
+                },
+                config: {
+                    duration: $cccd6edc9ecbde88$var$springEnterDuration,
+                    easing: (0, $dAxr5$easings).easeInBack
+                }
+            });
+        }
+    }, [
+        content
+    ]);
+    const handleClose = ()=>{
+        if (!timerRef.current) {
+            api.start({
+                from: {
+                    transform: 'translateX(0%)'
+                },
+                to: {
+                    transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                },
+                config: {
+                    duration: $cccd6edc9ecbde88$var$springLeaveDuration,
+                    easing: (0, $dAxr5$easings).easeOutExpo
+                }
+            });
+            setCloseDetailedPOI(false);
+            setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewClose);
+            timerRef.current = setTimeout(()=>{
+                sendEvent('Davi.CloseWindow', null);
+                sendEvent('Davi.CloseWindowDetailed', null);
+                setContent(undefined);
+                timerRef.current = null;
+            }, $cccd6edc9ecbde88$var$springLeaveDuration);
+        }
+    };
+    const sendPostBack = (value)=>{
+        sendMessage(undefined, value);
+    };
+    return content ? /*#__PURE__*/ (0, $dAxr5$jsx)((0, $lj7lQ.default), {
+        handleClose: handleClose,
+        className: useOldRemote ? 'rf-z-detailedPOI' : 'rf-z-[25]',
+        closeButtonClassName: "rf-z-util",
+        remoteCloseButtonZIndex: "rf-z-detailedPOI",
+        animation: spring,
+        children: /*#__PURE__*/ (0, $dAxr5$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?.template ? /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {
+                children: /*#__PURE__*/ (0, $dAxr5$jsx)(detailedItemContent.template, {
+                    props: {
+                        ...content,
+                        locale: locale,
+                        isUsedOnBorne: isUsedOnBorne,
+                        baseAddress: baseAddress,
+                        sendPostBack: sendPostBack
+                    },
+                    currentDeviceType: currentDeviceType,
+                    handleClose: handleClose
+                })
+            }) : /*#__PURE__*/ (0, $dAxr5$jsxs)((0, $dAxr5$react).Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $bcki5.default), {
+                                category: content.category,
+                                title: content.title,
+                                infoBanner: content.infoBanner,
+                                color: color,
+                                customerReviews: content.customerReviews,
+                                favorite: content.favorite,
+                                handleClose: handleClose,
+                                setTitleHeight: setTitleHeight
+                            }),
+                            /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                                className: "rf-flex rf-flex-col large:rf-flex-row landscape-retorik:rf-h-full",
+                                children: [
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $c3PKX.default), {
+                                        text: content.text,
+                                        otherInformations: content.otherInformations,
+                                        color: color,
+                                        url: content.downloadUri,
+                                        titleHeight: titleHeight
+                                    }),
+                                    (content.media?.length || content.review) && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $jlqZa.default), {
+                                        media: content.media,
+                                        review: content.review,
+                                        color: color
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dpafD.default), {
+                        address: content.addressStructured,
+                        phoneNumber: content.phoneNumber,
+                        coordinates: content.coordinates,
+                        color: color,
+                        customerReviews: content.customerReviews,
+                        url: content.downloadUri
+                    }),
+                    isMobile && /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                        className: mode === (0, $4ucVo.Mode).text ? 'rf-mb-28' : 'rf-mb-16',
+                        children: content.downloadUri && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gXOmG.default), {
+                            className: "rf-justify-center",
+                            url: content.downloadUri
+                        })
+                    })
+                ]
+            })
+        })
+    }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {});
+};
+var $cccd6edc9ecbde88$export$2e2bcd8739ae039 = $cccd6edc9ecbde88$var$AttachmentDetails;
+
+});
+parcelRegister("fnQYO", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c9e1885e3d839d78$export$2e2bcd8739ae039);
+
+
+var $9GPj7 = parcelRequire("9GPj7");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $jUFPv = parcelRequire("jUFPv");
+const $c9e1885e3d839d78$var$useShowPOI = ()=>{
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const lastBotActivity = (0, $9GPj7.useActivityStore)((state)=>state.lastBotActivity);
+    const triggers = (0, $j67YK.useUtilsStore)((state)=>state.detailedAttachmentTriggers);
+    const baseAddress = (0, $1x02c.useRetorikStore)((state)=>state.baseAddress);
+    const [result, setResult] = (0, $dAxr5$useState)(undefined);
+    (0, $dAxr5$useEffect)(()=>{
+        let result = undefined;
+        if (lastBotActivity?.value && triggers.length) triggers.forEach((trigger)=>{
+            if (lastBotActivity.type === trigger.type) {
+                if (trigger.name && trigger.name === lastBotActivity.name) {
+                    if (trigger.contentType) {
+                        if (trigger.contentType === lastBotActivity.value?.contentType) {
+                            lastBotActivity.value.content.template = trigger.linkedComponent;
+                            result = lastBotActivity.value.content;
+                        }
+                    } else {
+                        const data = {
+                            id: lastBotActivity.value?.contentItemId,
+                            content: lastBotActivity.value?.content,
+                            contentType: lastBotActivity.value?.contentType,
+                            baseAddress: baseAddress,
+                            locale: locale
+                        };
+                        const checkData = (0, $jUFPv.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) {
+                    if (trigger.contentType) {
+                        if (trigger.contentType === lastBotActivity.value?.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 $c9e1885e3d839d78$export$2e2bcd8739ae039 = $c9e1885e3d839d78$var$useShowPOI;
+
+});
+parcelRegister("jUFPv", function(module, exports) {
+
+$parcel$export(module.exports, "mapDetailedDataFromContentItem", () => $cd660f3886f5c65b$export$af5c868343ae916a);
+const $cd660f3886f5c65b$var$infoBannerContenTypes = [
+    'foodestablishment',
+    'event'
+];
+const $cd660f3886f5c65b$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 $cd660f3886f5c65b$var$getCategoryFromContentType = (contentType, translation)=>{
+    if (contentType) {
+        if (Object.keys($cd660f3886f5c65b$var$categoryConversion).includes(contentType)) return {
+            id: $cd660f3886f5c65b$var$categoryConversion[contentType],
+            label: translation.poi[contentType]
+        };
+        return {
+            id: 'default',
+            label: contentType
+        };
+    }
+    return undefined;
+};
+const $cd660f3886f5c65b$export$af5c868343ae916a = (data, translation)=>{
+    if (data.id && data.content) try {
+        const content = data.content;
+        // Process medias
+        const medias = [];
+        content.Thing?.Image?.Paths && content.Thing.Image.Paths.length && content.Thing?.Image?.Paths?.forEach((path)=>{
+            medias.push({
+                url: `${data.baseAddress}media/${path}`
+            });
+        });
+        // Processed address
+        const address = {
+            addressLocality: content.Place?.AddressLocality?.Text || '',
+            postalCode: content.Place?.PostalCode?.Text || '',
+            street: content.Place?.StreetAddress?.Text || ''
+        };
+        // Processed coordinates
+        const coordinates = content.Place?.Latitude?.Value && content.Place?.Longitude?.Value ? {
+            latitude: content.Place.Latitude.Value,
+            longitude: content.Place.Longitude.Value
+        } : undefined;
+        // Processed review
+        const review = {
+            author: content.Review?.Author || content.Review?.AuthorCapacity ? {
+                name: content.Review?.Author,
+                capacity: content.Review?.AuthorCapacity
+            } : undefined,
+            comment: content.Review?.ReviewBody || '',
+            picture: content.Review?.Picture ? {
+                url: content.Review.Picture,
+                description: content.Review.PictureDescription || ''
+            } : undefined
+        };
+        // Process other informations
+        const otherInformations = [];
+        // Opening hours
+        content.LocalBusiness?.OpeningHours?.Text && otherInformations.push({
+            title: translation.poi.openinghours,
+            content: content.LocalBusiness.OpeningHours.Text
+        });
+        // Prices
+        content.LocalBusiness?.PriceRange?.Text && otherInformations.push({
+            title: translation.poi.prices,
+            content: content.LocalBusiness.PriceRange.Text
+        });
+        // Payment methods
+        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 && $cd660f3886f5c65b$var$infoBannerContenTypes.includes(data.contentType.toLowerCase())) switch(data.contentType.toLowerCase()){
+            case 'foodestablishment':
+                content.Place?.MaximumAttendeeCapacity?.Value && !isNaN(parseInt(content.Place?.MaximumAttendeeCapacity?.Value)) && (infoBanner = `${translation.poi.numberofplaces} ${parseInt(content.Place?.MaximumAttendeeCapacity?.Value)}`);
+                break;
+            case 'event':
+                if (content.Event && content.Event.StartDate?.Value && 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.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.Thing?.Name?.Text?.toString() || '',
+            text: content.Thing?.Description?.Text?.toString() || '',
+            addressStructured: address,
+            contact: content.PointOfInterest?.Contact?.Text?.toString() || '',
+            phoneNumber: content.Place?.Telephone?.Text ? content.Place.Telephone.Text.toString() : '',
+            category: categoryWineTest ? {
+                id: $cd660f3886f5c65b$var$categoryConversion.Wine,
+                label: translation.poi.Wine
+            } : $cd660f3886f5c65b$var$getCategoryFromContentType(content.contentType || data.contentType, translation),
+            media: medias.length ? medias : undefined,
+            customerReviews: content.Place?.AggregateRating?.Value,
+            coordinates: coordinates,
+            downloadUri: `${data.baseAddress}api/hospitality/${data.id}/pdf`,
+            favorite: !!content.Thing?.Favorite?.Value,
+            review: review,
+            infoBanner: infoBanner,
+            otherInformations: otherInformations
+        };
+        return mappedData;
+    } catch (e) {
+        console.log(e);
+        return null;
+    }
+    return null;
+};
+
+});
+
+
+parcelRegister("bcki5", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $53f8c1e84286bc25$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $g0cBD = parcelRequire("g0cBD");
+
+var $ahoAn = parcelRequire("ahoAn");
+
+var $28ved = parcelRequire("28ved");
+const $53f8c1e84286bc25$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const titleRef = (0, $dAxr5$useRef)(null);
+    (0, $dAxr5$useEffect)(()=>{
+        titleRef?.current && setTitleHeight(titleRef.current.clientHeight);
+    }, [
+        titleRef?.current
+    ]);
+    return /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+        ref: titleRef,
+        className: "rf-relative rf-pb-4 rf-flex-col rf-items-start rf-justify-center",
+        children: [
+            customerReviews && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $g0cBD.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, $dAxr5$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, $dAxr5$jsx)((0, $28ved.BackButton), {
+                        title: translation.common.back,
+                        handleBack: handleClose,
+                        className: "rf-relative rf-mt-4 rf-text-size-auto"
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$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?.label || 'category'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $ahoAn.FavoriteIcon), {
+                        className: "rf-h-16 rf-w-20 ltr:rf-pr-4 rtl:rf-pl-4"
+                    }),
+                    title || ''
+                ]
+            }),
+            infoBanner && /*#__PURE__*/ (0, $dAxr5$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 $53f8c1e84286bc25$export$2e2bcd8739ae039 = $53f8c1e84286bc25$var$DetailedTitle;
+
+});
+parcelRegister("g0cBD", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $60b578e81778debe$export$2e2bcd8739ae039);
+
+
+
+var $ahoAn = parcelRequire("ahoAn");
+
+var $2fuDN = parcelRequire("2fuDN");
+const $60b578e81778debe$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const [widthInPx, setWidthInPx] = (0, $dAxr5$useState)(0);
+    const pennantRef = (0, $dAxr5$useRef)(null);
+    (0, $dAxr5$useEffect)(()=>{
+        if (pennantRef.current) setWidthInPx(Math.ceil(pennantRef.current.offsetWidth / 2));
+    }, [
+        pennantRef
+    ]);
+    return /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+        className: `${className} rf-flex rf-flex-col rf-justify-center rf-text-white`,
+        ref: pennantRef,
+        children: [
+            /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                className: "rf-flex rf-flex-col rf-items-center rf-p-2 rf-bg-primary",
+                style: {
+                    backgroundColor: color
+                },
+                children: [
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $ahoAn.CommentsPennantIcon), {
+                        className: "rf-w-12 large:rf-w-14 large-vertical:rf-w-16 rf-pb-2"
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)("div", {
+                                children: word
+                            }, index);
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                        className: "rf-font-bold rf-subtitle-size-auto",
+                        children: [
+                            customerReviews,
+                            "/10"
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $dAxr5$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 $60b578e81778debe$export$2e2bcd8739ae039 = $60b578e81778debe$var$CommentsPennant;
+
+});
+
+
+parcelRegister("c3PKX", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $6a730642f0980161$export$2e2bcd8739ae039);
+
+
+
+var $1x02c = parcelRequire("1x02c");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $gXOmG = parcelRequire("gXOmG");
+
+var $AZKpV = parcelRequire("AZKpV");
+const $6a730642f0980161$var$DownloadQRHeight = 200;
+const $6a730642f0980161$var$DownloadSheetHeight = 100;
+const $6a730642f0980161$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
+    const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $1Qww3.useViewStore)((state)=>state.isLandscape);
+    const currentHeight = (0, $1Qww3.useViewStore)((state)=>state.currentHeight);
+    const textRef = (0, $dAxr5$useRef)(null);
+    const otherInformationsRef = (0, $dAxr5$useRef)(null);
+    const [opacityStyle, setOpacityStyle] = (0, $dAxr5$useState)('');
+    const [otherOpacityStyle, setOtherOpacityStyle] = (0, $dAxr5$useState)('');
+    const processedText = (0, $dAxr5$useMemo)(()=>{
+        if (text) return text.replaceAll('\n', '<br>');
+        return '';
+    }, [
+        text
+    ]);
+    const textContainerMaxHeight = (0, $dAxr5$useMemo)(()=>{
+        return currentHeight - titleHeight - (isUsedOnBorne ? $6a730642f0980161$var$DownloadQRHeight : $6a730642f0980161$var$DownloadSheetHeight);
+    }, [
+        titleHeight
+    ]);
+    const [textMaxHeight, setTextMaxHeight] = (0, $dAxr5$useState)(0);
+    const [otherInformationsMaxHeight, setOtherInformationsMaxHeight] = (0, $dAxr5$useState)(0);
+    (0, $dAxr5$useEffect)(()=>{
+        if (textRef?.current && 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?.current,
+        otherInformationsRef?.current,
+        textContainerMaxHeight
+    ]);
+    (0, $dAxr5$useEffect)(()=>{
+        if (textRef?.current && textMaxHeight) {
+            if (!isMobile && textRef.current.scrollHeight > textMaxHeight && textRef.current.scrollHeight > textRef.current.clientHeight) handleScroll();
+            else setOpacityStyle(undefined);
+        }
+    }, [
+        textRef?.current,
+        textMaxHeight
+    ]);
+    (0, $dAxr5$useEffect)(()=>{
+        if (otherInformationsRef?.current && otherInformationsMaxHeight) {
+            if (!isMobile && otherInformationsRef.current.scrollHeight > otherInformationsMaxHeight && otherInformationsRef.current.scrollHeight > otherInformationsRef.current.clientHeight) handleOtherScroll();
+            else setOtherOpacityStyle(undefined);
+        }
+    }, [
+        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, $dAxr5$jsxs)("div", {
+        className: "rf-flex rf-flex-col large:rf-pr-4 large:rf-min-w-1/2 rf-gap-4",
+        children: [
+            /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-col rf-items-start",
+                style: {
+                    maxHeight: isLandscape ? textContainerMaxHeight : undefined
+                },
+                children: [
+                    processedText && /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$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, $dAxr5$jsxs)((0, $dAxr5$react).Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                        className: "rf-mt-4",
+                                        style: {
+                                            color: color || 'rgb(25, 153, 177)'
+                                        },
+                                        children: information.title
+                                    }),
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                        dangerouslySetInnerHTML: {
+                                            __html: htmlContent
+                                        }
+                                    })
+                                ]
+                            }, key);
+                        })
+                    })
+                ]
+            }),
+            isLandscape && url && (isUsedOnBorne ? /*#__PURE__*/ (0, $dAxr5$jsx)((0, $AZKpV.default), {
+                url: url
+            }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gXOmG.default), {
+                url: url
+            }))
+        ]
+    });
+};
+var $6a730642f0980161$export$2e2bcd8739ae039 = $6a730642f0980161$var$DetailedText;
+
+});
+parcelRegister("gXOmG", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5850ec0a690e2e58$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $SZcIF = parcelRequire("SZcIF");
+
+var $7pypd = parcelRequire("7pypd");
+const $5850ec0a690e2e58$var$DownloadSheet = ({ className: className, url: url })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+        className: `${className} rf-w-full rf-flex`,
+        children: /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $SZcIF.DownloadIcon), {
+                    className: "rf-h-6 rf-w-6 ltr:rf-mr-1 rtl:rf-ml-1"
+                }),
+                (0, $7pypd.capitalizeFirstLetter)(translation.common.downloadsheet, locale)
+            ]
+        })
+    });
+};
+var $5850ec0a690e2e58$export$2e2bcd8739ae039 = $5850ec0a690e2e58$var$DownloadSheet;
+
+});
+
+parcelRegister("AZKpV", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $11c73850a5407041$export$2e2bcd8739ae039);
+
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $3mANd = parcelRequire("3mANd");
+
+var $eNFwL = parcelRequire("eNFwL");
+
+var $ahoAn = parcelRequire("ahoAn");
+const $11c73850a5407041$var$DownloadQR = ({ url: url })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const enableDocumentPrinting = (0, $1x02c.useRetorikStore)((state)=>state.configuration.enableDocumentPrinting);
+    const [qrCodeData, setQrCodeData] = (0, $dAxr5$useState)(undefined);
+    const imageRef = (0, $dAxr5$useRef)(null);
+    (0, $dAxr5$useEffect)(()=>{
+        setQrCodeDataAsync();
+    }, []);
+    const setQrCodeDataAsync = async ()=>{
+        const qrCodeString = await (0, $dAxr5$qrcode).toDataURL(url);
+        setQrCodeData(qrCodeString);
+    };
+    return /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+        className: "rf-w-full rf-flex rf-flex-row rf-items-start",
+        children: [
+            enableDocumentPrinting && /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                className: "rf-w-1/2 rf-flex rf-justify-start",
+                children: /*#__PURE__*/ (0, $dAxr5$jsx)((0, $eNFwL.default), {
+                    url: url
+                })
+            }),
+            /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-start rf-gap-1 rf-italic",
+                        children: [
+                            /*#__PURE__*/ (0, $dAxr5$jsx)((0, $ahoAn.RoundIcon), {}),
+                            /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                className: "rf-w-fit",
+                                children: `${(0, $7pypd.capitalizeFirstLetter)(translation.common.downloadsheetmobile, locale)} ${translation.link.scanQR}`
+                            })
+                        ]
+                    }),
+                    qrCodeData && /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                        className: "large-vertical:rf-mt-4",
+                        children: /*#__PURE__*/ (0, $dAxr5$jsx)((0, $3mANd.default), {
+                            ref: imageRef,
+                            src: qrCodeData
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $11c73850a5407041$export$2e2bcd8739ae039 = $11c73850a5407041$var$DownloadQR;
+
+});
+parcelRegister("eNFwL", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c9e2f5668918919f$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $ahoAn = parcelRequire("ahoAn");
+
+var $ldRRB = parcelRequire("ldRRB");
+const $c9e2f5668918919f$var$PrintingButton = ({ url: url })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const setModalFullscreenContent = (0, $j67YK.useUtilsStore)((state)=>state.actions.setModalFullscreenContent);
+    const handleClick = ()=>{
+        setModalFullscreenContent(/*#__PURE__*/ (0, $dAxr5$jsx)((0, $ldRRB.default), {
+            url: url,
+            printingAllowed: true
+        }));
+    };
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $ahoAn.PrintIcon), {}),
+            translation.common.printsheet
+        ]
+    });
+};
+var $c9e2f5668918919f$export$2e2bcd8739ae039 = $c9e2f5668918919f$var$PrintingButton;
+
+});
+
+
+
+parcelRegister("jlqZa", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $e48622e3a42ac630$export$2e2bcd8739ae039);
+
+
+
+var $19XSr = parcelRequire("19XSr");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $9lsRd = parcelRequire("9lsRd");
+const $e48622e3a42ac630$var$DetailedMedia = ({ media: media, review: review, color: color })=>{
+    const [landscapeImage, setLandscapeImage] = (0, $dAxr5$useState)(false);
+    const [carouselMedia, setCarouselMedia] = (0, $dAxr5$useState)([]);
+    (0, $dAxr5$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, $dAxr5$useEffect)(()=>{
+        if (review?.picture?.url) {
+            const getImageData = async ()=>{
+                const image = new Image();
+                image.onload = ()=>{
+                    setLandscapeImage(image.width > image.height);
+                };
+                image.src = review?.picture?.url || '';
+            };
+            getImageData();
+        }
+    }, [
+        review
+    ]);
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$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, $dAxr5$jsx)((0, $9lsRd.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, $dAxr5$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, $dAxr5$jsx)("div", {
+                        className: "rf-text-lightgray",
+                        children: review.comment
+                    }),
+                    (review.picture || review.author) && /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-center",
+                        children: [
+                            review.picture && /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)("img", {
+                                    src: review.picture.url || (0, $19XSr.imageFiles).noimage,
+                                    alt: review.picture.description || 'auteur',
+                                    className: landscapeImage ? 'rf-h-full rf-max-w-none' : 'rf-w-full'
+                                })
+                            }),
+                            review.author && /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                                className: "rf-flex rf-flex-col rf-items-start",
+                                children: [
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("p", {
+                                        className: "rf-font-bold",
+                                        children: (0, $7pypd.capitalizeFirstLetter)(review.author.name || '')
+                                    }),
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("p", {
+                                        className: "rf-italic",
+                                        children: (0, $7pypd.capitalizeFirstLetter)(review.author.capacity || '')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $e48622e3a42ac630$export$2e2bcd8739ae039 = $e48622e3a42ac630$var$DetailedMedia;
+
+});
+
+parcelRegister("dpafD", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $3df3515605343012$export$2e2bcd8739ae039);
+
+
+
+var $1x02c = parcelRequire("1x02c");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $1ddtH = parcelRequire("1ddtH");
+
+var $g0cBD = parcelRequire("g0cBD");
+
+var $bjmYU = parcelRequire("bjmYU");
+
+var $gXOmG = parcelRequire("gXOmG");
+
+var $AZKpV = parcelRequire("AZKpV");
+const $3df3515605343012$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $1Qww3.useViewStore)((state)=>state.isLandscape);
+    const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
+    const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
+    const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $g0cBD.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, $dAxr5$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, $dAxr5$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, $dAxr5$jsxs)((0, $dAxr5$react).Fragment, {
+                            children: [
+                                address.street && /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                    children: address.street
+                                }),
+                                address.addressLocality && /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                    children: address.postalCode ? `${address.postalCode} ${address.addressLocality}` : address.addressLocality
+                                })
+                            ]
+                        })
+                    }),
+                    phoneNumber && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $1ddtH.default), {
+                        phoneNumber: phoneNumber
+                    }),
+                    coordinates && coordinates.latitude && coordinates.longitude && isBorne && url && (configuration.isUsedOnBorne ? /*#__PURE__*/ (0, $dAxr5$jsx)((0, $AZKpV.default), {
+                        url: url
+                    }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gXOmG.default), {
+                        className: "rf-justify-center",
+                        url: url
+                    }))
+                ]
+            }),
+            coordinates && coordinates.latitude && coordinates.longitude ? /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                className: "rf-relative large-vertical:rf-w-1/2",
+                style: {
+                    height: isMobile ? currentWidth : isLandscape ? '50%' : 'calc(50vw - 3rem)'
+                },
+                children: /*#__PURE__*/ (0, $dAxr5$jsx)((0, $bjmYU.default), {
+                    latitude: coordinates.latitude,
+                    longitude: coordinates.longitude,
+                    color: color
+                })
+            }) : isBorne ? /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $AZKpV.default), {
+                    url: url
+                }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gXOmG.default), {
+                    className: "rf-justify-center",
+                    url: url
+                }))
+            }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {})
+        ]
+    });
+};
+var $3df3515605343012$export$2e2bcd8739ae039 = $3df3515605343012$var$DetailedAddress;
+
+});
+parcelRegister("1ddtH", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d97c62c8221704ca$export$2e2bcd8739ae039);
+
+
+
+var $ahoAn = parcelRequire("ahoAn");
+const $d97c62c8221704ca$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $ahoAn.PhoneIcon), {
+                className: "rf-h-6 rf-w-6 ltr:rf-mr-2 rtl:rf-ml-2"
+            }),
+            phoneNumber
+        ]
+    });
+};
+var $d97c62c8221704ca$export$2e2bcd8739ae039 = $d97c62c8221704ca$var$ShowPhoneNumber;
+
+});
+
+parcelRegister("bjmYU", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $92c294d459a1b852$export$2e2bcd8739ae039);
+
+
+
+
+
+
+var $k60DH = parcelRequire("k60DH");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $19XSr = parcelRequire("19XSr");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $gKuDZ = parcelRequire("gKuDZ");
+
+var $kCve4 = parcelRequire("kCve4");
+
+var $3mANd = parcelRequire("3mANd");
+
+var $g3FET = parcelRequire("g3FET");
+
+var $ahoAn = parcelRequire("ahoAn");
+const $92c294d459a1b852$var$userIcon = (0, $dAxr5$leaflet).icon({
+    iconUrl: `${(0, $19XSr.imageFiles).mapDeparture}`,
+    shadowUrl: (0, $k60DH.markerShadow),
+    iconSize: [
+        32,
+        41
+    ],
+    iconAnchor: [
+        16,
+        41
+    ]
+});
+const $92c294d459a1b852$var$springDuration = 500;
+const $92c294d459a1b852$var$Map = ({ latitude: latitude, longitude: longitude, color: color })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
+    const [mapLayerData, setMapLayerData] = (0, $dAxr5$useState)(undefined);
+    const geoJsonLayer = (0, $dAxr5$useRef)(null);
+    const coordinates = configuration.position?.latitude && configuration.position?.longitude ? [
+        [
+            configuration.position.longitude,
+            configuration.position.latitude
+        ],
+        [
+            longitude,
+            latitude
+        ]
+    ] : undefined;
+    const [qrCodeUrl, setQrCodeUrl] = (0, $dAxr5$useState)();
+    const fadeInTimerRef = (0, $dAxr5$useRef)(null);
+    const [spring, api] = (0, $dAxr5$useSpring)(()=>({
+            from: {
+                opacity: 0
+            }
+        }));
+    (0, $dAxr5$useEffect)(()=>{
+        if (geoJsonLayer.current) mapLayerData && geoJsonLayer.current.clearLayers().addData(mapLayerData);
+    }, [
+        mapLayerData
+    ]);
+    (0, $dAxr5$useEffect)(()=>{
+        qrCodeUrl && api.start({
+            from: {
+                opacity: 0
+            },
+            to: {
+                opacity: 1
+            },
+            config: {
+                duration: $92c294d459a1b852$var$springDuration
+            }
+        });
+        return ()=>{
+            fadeInTimerRef?.current && clearTimeout(fadeInTimerRef.current);
+        };
+    }, [
+        qrCodeUrl
+    ]);
+    const handleCloseQrCode = ()=>{
+        api.start({
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            },
+            config: {
+                duration: $92c294d459a1b852$var$springDuration
+            }
+        });
+        fadeInTimerRef?.current && clearTimeout(fadeInTimerRef.current);
+        fadeInTimerRef.current = setTimeout(()=>{
+            setQrCodeUrl(null);
+        }, $92c294d459a1b852$var$springDuration);
+    };
+    return /*#__PURE__*/ (0, $dAxr5$jsxs)((0, $dAxr5$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $dAxr5$jsxs)((0, $dAxr5$MapContainer), {
+                center: [
+                    latitude,
+                    longitude
+                ],
+                zoom: 12,
+                scrollWheelZoom: false,
+                style: {
+                    height: '100%',
+                    width: '100%',
+                    zIndex: 0
+                },
+                attributionControl: false,
+                children: [
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$TileLayer), {
+                        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$Marker), {
+                        position: [
+                            latitude,
+                            longitude
+                        ]
+                    }),
+                    configuration.position?.latitude && configuration.position?.longitude && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$Marker), {
+                        position: [
+                            configuration.position.latitude,
+                            configuration.position.longitude
+                        ],
+                        icon: $92c294d459a1b852$var$userIcon
+                    }),
+                    mapLayerData && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$GeoJSON), {
+                        ref: geoJsonLayer,
+                        data: mapLayerData
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $kCve4.default), {
+                        configurationPosition: [
+                            configuration.position?.latitude || latitude,
+                            configuration.position?.longitude || longitude
+                        ],
+                        coordinates: [
+                            latitude,
+                            longitude
+                        ],
+                        data: mapLayerData
+                    })
+                ]
+            }),
+            coordinates && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gKuDZ.default), {
+                coordinates: coordinates,
+                setMapLayerData: setMapLayerData,
+                color: color,
+                setQrCodeUrl: setQrCodeUrl
+            }),
+            qrCodeUrl && /*#__PURE__*/ (0, $dAxr5$jsxs)((0, $dAxr5$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, $dAxr5$jsx)((0, $g3FET.default), {
+                        onClick: handleCloseQrCode,
+                        showLabel: false
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                        className: "rf-flex rf-flex-row rf-items-start rf-gap-1 rf-text-truewhite rf-italic",
+                        children: [
+                            /*#__PURE__*/ (0, $dAxr5$jsx)((0, $ahoAn.RoundIcon), {
+                                className: "rf-h-4 rf-mt-[0.2rem]",
+                                color: "#FFF"
+                            }),
+                            /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                                className: "rf-w-fit rf-flex rf-flex-col rf-items-center",
+                                children: [
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                        children: (0, $7pypd.capitalizeFirstLetter)(translation.poi.openroutemobile, locale)
+                                    }),
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                                        children: translation.link.scanQR
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $3mANd.default), {
+                        src: qrCodeUrl
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $92c294d459a1b852$export$2e2bcd8739ae039 = $92c294d459a1b852$var$Map;
+
+});
+parcelRegister("gKuDZ", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $2bfd7077628948bb$export$2e2bcd8739ae039);
+
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $cT90l = parcelRequire("cT90l");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $6w54h = parcelRequire("6w54h");
+parcelRequire("aPU1T");
+var $cOucF = parcelRequire("cOucF");
+const $2bfd7077628948bb$var$Routes = ({ coordinates: coordinates, setMapLayerData: setMapLayerData, color: color, setQrCodeUrl: setQrCodeUrl })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const [drivingCar, setDrivingCar] = (0, $dAxr5$useState)(undefined);
+    const [cyclingRegular, setCyclingRegular] = (0, $dAxr5$useState)(undefined);
+    const [footWalking, setFootWalking] = (0, $dAxr5$useState)(undefined);
+    const [currentChosen, setCurrentChosen] = (0, $dAxr5$useState)(undefined);
+    const travelModeRef = (0, $dAxr5$useRef)();
+    /**
+   * On component mount :
+   *  - call methods to retrieve data from openroute API
+   */ (0, $dAxr5$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, $dAxr5$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, $dAxr5$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, $cT90l.openRoute)}/${profile}/geojson`;
+        const data = await fetch(url, {
+            method: 'POST',
+            headers: {
+                Authorization: (0, $cT90l.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?.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, $cT90l.googleMapsAddress)}${coordinatesInUrl}&travelmode=${travelModeRef.current}`;
+            if (isUsedOnBorne) {
+                const url = await (0, $dAxr5$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, $dAxr5$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, $dAxr5$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, $dAxr5$jsx)((0, $6w54h.default), {
+                        summary: {
+                            type: 'drivingCar',
+                            distance: drivingCar?.features?.length ? drivingCar.features[0].properties?.summary?.distance : undefined,
+                            duration: drivingCar?.features?.length ? drivingCar.features[0].properties?.summary?.duration : undefined
+                        },
+                        chosen: currentChosen === 'drivingCar',
+                        color: color,
+                        onClick: setCurrentChosen
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $6w54h.default), {
+                        summary: {
+                            type: 'cyclingRegular',
+                            distance: cyclingRegular?.features?.length ? cyclingRegular.features[0].properties?.summary?.distance : undefined,
+                            duration: cyclingRegular?.features?.length ? cyclingRegular.features[0].properties?.summary?.duration : undefined
+                        },
+                        chosen: currentChosen === 'cyclingRegular',
+                        color: color,
+                        onClick: setCurrentChosen
+                    }),
+                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $6w54h.default), {
+                        summary: {
+                            type: 'footWalking',
+                            distance: footWalking?.features?.length ? footWalking.features[0].properties?.summary?.distance : undefined,
+                            duration: footWalking?.features?.length ? footWalking.features[0].properties?.summary?.duration : undefined
+                        },
+                        chosen: currentChosen === 'footWalking',
+                        color: color,
+                        onClick: setCurrentChosen
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)((0, $cOucF.default), {
+                        className: "rf-w-5 rf-h-5"
+                    }),
+                    (0, $7pypd.capitalizeFirstLetter)(translation.poi.route, locale)
+                ]
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {});
+};
+var $2bfd7077628948bb$export$2e2bcd8739ae039 = $2bfd7077628948bb$var$Routes;
+
+});
+parcelRegister("6w54h", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $73226df1b7e0cbd3$export$2e2bcd8739ae039);
+
+
+
+var $42lgr = parcelRequire("42lgr");
+
+var $bdZ4o = parcelRequire("bdZ4o");
+parcelRequire("aPU1T");
+var $3YbaS = parcelRequire("3YbaS");
+var $jQTJz = parcelRequire("jQTJz");
+var $9bGh7 = parcelRequire("9bGh7");
+var $gx25q = parcelRequire("gx25q");
+const $73226df1b7e0cbd3$var$RoutesItem = ({ summary: summary, chosen: chosen, color: color, onClick: onClick })=>{
+    return /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+        className: "rf-flex rf-flex-col rf-justify-end hover:rf-cursor-pointer",
+        onClick: ()=>onClick(summary.type),
+        children: /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+            className: "rf-h-full rf-flex rf-flex-row rf-gap-3 rf-items-center",
+            children: [
+                /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                    className: "rf-relative rf-flex rf-justify-center rf-items-center",
+                    children: [
+                        /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                            className: "rf-absolute rf-w-9 rf-h-9 rf-rounded-max",
+                            style: {
+                                backgroundColor: chosen ? color : '#EFEDF0'
+                            }
+                        }),
+                        /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                            className: "rf-absolute rf-w-full -rf-top-[1.15rem] rf-flex rf-justify-center",
+                            children: /*#__PURE__*/ (0, $dAxr5$jsx)($gx25q.default, {
+                                className: "rf-w-2 rf-h-2",
+                                color: chosen ? color : 'transparent'
+                            })
+                        }),
+                        summary.type === 'drivingCar' && /*#__PURE__*/ (0, $dAxr5$jsx)($jQTJz.default, {
+                            className: "rf-w-5 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        }),
+                        summary.type === 'cyclingRegular' && /*#__PURE__*/ (0, $dAxr5$jsx)($3YbaS.default, {
+                            className: "rf-w-6 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        }),
+                        summary.type === 'footWalking' && /*#__PURE__*/ (0, $dAxr5$jsx)($9bGh7.default, {
+                            className: "rf-w-6 rf-z-util",
+                            color: chosen ? '#FFF' : '#535252'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $dAxr5$jsxs)("div", {
+                    className: "rf-flex rf-flex-col rf-justify-center rf-items-start",
+                    children: [
+                        /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                            className: "rf-whitespace-nowrap rf-font-bold",
+                            children: (0, $bdZ4o.default)(summary?.duration)
+                        }),
+                        /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
+                            className: "rf-whitespace-nowrap",
+                            children: (0, $42lgr.default)(summary?.distance)
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+var $73226df1b7e0cbd3$export$2e2bcd8739ae039 = $73226df1b7e0cbd3$var$RoutesItem;
+
+});
+parcelRegister("42lgr", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $b4e82336f5bf7a80$export$2e2bcd8739ae039);
+const $b4e82336f5bf7a80$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 $b4e82336f5bf7a80$export$2e2bcd8739ae039 = $b4e82336f5bf7a80$var$getDistanceAsString;
+
+});
+
+parcelRegister("bdZ4o", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $842140d848c8ecfc$export$2e2bcd8739ae039);
+const $842140d848c8ecfc$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 $842140d848c8ecfc$export$2e2bcd8739ae039 = $842140d848c8ecfc$var$getTimeAsString;
+
+});
+
+parcelRegister("aPU1T", function(module, exports) {
+
+$parcel$export(module.exports, "CyclingRegularIcon", () => (parcelRequire("3YbaS")).default);
+$parcel$export(module.exports, "DrivingCarIcon", () => (parcelRequire("jQTJz")).default);
+$parcel$export(module.exports, "FootWalkingIcon", () => (parcelRequire("9bGh7")).default);
+$parcel$export(module.exports, "OpenLocationIcon", () => (parcelRequire("cOucF")).default);
+$parcel$export(module.exports, "TriangleIcon", () => (parcelRequire("gx25q")).default);
+
+var $3YbaS = parcelRequire("3YbaS");
+
+var $jQTJz = parcelRequire("jQTJz");
+
+var $9bGh7 = parcelRequire("9bGh7");
+
+var $cOucF = parcelRequire("cOucF");
+
+var $gx25q = parcelRequire("gx25q");
+
+});
+parcelRegister("3YbaS", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $0bb82b96a76b574f$export$2e2bcd8739ae039);
+
+
+const $0bb82b96a76b574f$var$CyclingRegularIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)("g", {
+            transform: "translate(0.5 -1.484)",
+            children: /*#__PURE__*/ (0, $dAxr5$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 $0bb82b96a76b574f$export$2e2bcd8739ae039 = $0bb82b96a76b574f$var$CyclingRegularIcon;
+
+});
+
+parcelRegister("jQTJz", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d8c56675e68c7d4c$export$2e2bcd8739ae039);
+
+
+const $d8c56675e68c7d4c$var$DrivingCarIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$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 $d8c56675e68c7d4c$export$2e2bcd8739ae039 = $d8c56675e68c7d4c$var$DrivingCarIcon;
+
+});
+
+parcelRegister("9bGh7", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $a1224a7385dee619$export$2e2bcd8739ae039);
+
+
+const $a1224a7385dee619$var$FootWalkingIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$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 $a1224a7385dee619$export$2e2bcd8739ae039 = $a1224a7385dee619$var$FootWalkingIcon;
+
+});
+
+parcelRegister("cOucF", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $f8052404600c8406$export$2e2bcd8739ae039);
+
+
+const $f8052404600c8406$var$OpenLocationIcon = ({ className: className })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$jsx)("path", {
+            d: "M29.771,0,0,14.886l11.164,3.721,3.721,11.164Z"
+        })
+    });
+};
+var $f8052404600c8406$export$2e2bcd8739ae039 = $f8052404600c8406$var$OpenLocationIcon;
+
+});
+
+parcelRegister("gx25q", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $b3f74f9fd2ac5169$export$2e2bcd8739ae039);
+
+
+const $b3f74f9fd2ac5169$var$TriangleIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $dAxr5$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, $dAxr5$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 $b3f74f9fd2ac5169$export$2e2bcd8739ae039 = $b3f74f9fd2ac5169$var$TriangleIcon;
+
+});
+
+
+
+
+parcelRegister("kCve4", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $9333337694b0d9a4$export$2e2bcd8739ae039);
+
+
+
+const $9333337694b0d9a4$var$MapUser = ({ configurationPosition: configurationPosition, coordinates: coordinates, data: data })=>{
+    const map = (0, $dAxr5$useMap)();
+    (0, $dAxr5$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, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {});
+};
+var $9333337694b0d9a4$export$2e2bcd8739ae039 = $9333337694b0d9a4$var$MapUser;
+
+});
+
+
+
+
+
+//# sourceMappingURL=AttachmentDetail.c6c297df.js.map