@davi-ai/retorik-framework 3.2.6 → 4.0.1

package/dist/{AttachmentDetail.0a576bf3.js → AttachmentDetail.37a709af.js}

@@ -1,6 +1,7 @@
 var $ajtMF$reactjsxruntime = require("react/jsx-runtime");
 var $ajtMF$react = require("react");
 var $ajtMF$reactspringweb = require("@react-spring/web");
+var $ajtMF$reactredux = require("react-redux");
 var $ajtMF$qrcode = require("qrcode");
 var $ajtMF$reactleaflet = require("react-leaflet");
 var $ajtMF$leaflet = require("leaflet");
@@ -39,17 +40,8 @@ $parcel$export(module.exports, "default", () => $d796192f79db347a$export$2e2bcd8
 
 
 
-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 $kpW3P = parcelRequire("kpW3P");
 
 var $tR7No = parcelRequire("tR7No");
 
@@ -59,7 +51,7 @@ var $7WHA7 = parcelRequire("7WHA7");
 
 var $1XMvi = parcelRequire("1XMvi");
 
-var $j2phc = parcelRequire("j2phc");
+var $eYKUg = parcelRequire("eYKUg");
 
 var $jlxKS = parcelRequire("jlxKS");
 
@@ -70,23 +62,22 @@ var $jHRS8 = parcelRequire("jHRS8");
 var $9Jn5s = parcelRequire("9Jn5s");
 
 var $42rvc = parcelRequire("42rvc");
+
+var $lONbp = parcelRequire("lONbp");
 const $d796192f79db347a$var$springEnterDuration = 1500;
 const $d796192f79db347a$var$springLeaveDuration = 2500;
 const $d796192f79db347a$var$AttachmentDetails = ()=>{
     var _content_media;
+    const dispatch = (0, $ajtMF$reactredux.useDispatch)();
     const detailedItemContent = (0, $tR7No.default)();
-    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 locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const baseAddress = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.baseAddress);
+    const isUsedOnBorne = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
+    const isMobile = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isMobile);
+    const isWidget = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isWidget);
+    const currentDeviceType = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.currentDeviceType);
+    const themeColors = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.themeColors);
+    const closeDetailedPOI = (0, $ajtMF$reactredux.useSelector)((state)=>state.utilsReducer.closeDetailedPOI);
     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);
@@ -99,7 +90,10 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
     const divRef = (0, $ajtMF$react.useRef)(null);
     (0, $ajtMF$react.useEffect)(()=>{
         setContent(detailedItemContent);
-        if (detailedItemContent) setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewOpen);
+        if (detailedItemContent) {
+            dispatch((0, $kpW3P.storeActions).utils.setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewOpen));
+            dispatch((0, $kpW3P.storeActions).utils.setModalFullscreenContent(null));
+        }
     }, [
         detailedItemContent
     ]);
@@ -149,91 +143,102 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
                     easing: (0, $ajtMF$reactspringweb.easings).easeOutExpo
                 }
             });
-            setCloseDetailedPOI(false);
-            setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewClose);
+            dispatch((0, $kpW3P.storeActions).utils.setCloseDetailedPOI(false));
+            dispatch((0, $kpW3P.storeActions).utils.setRetorikEvent((0, $7WHA7.RetorikEvent).DetailViewClose));
             timerRef.current = setTimeout(()=>{
-                sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowDetailed', null));
+                dispatch((0, $kpW3P.storeActions).directline.sendEvent({
+                    name: 'Davi.CloseWindow',
+                    callback: ()=>dispatch((0, $kpW3P.storeActions).directline.sendEvent({
+                            name: 'Davi.CloseWindowDetailed'
+                        }))
+                }));
                 setContent(undefined);
                 timerRef.current = null;
             }, $d796192f79db347a$var$springLeaveDuration);
         }
     };
     const sendPostBack = (value)=>{
-        sendMessage(undefined, value);
+        dispatch((0, $kpW3P.storeActions).directline.sendMessage({
+            value: 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",
+    return content ? /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $eYKUg.default), {
+                onClick: handleClose,
+                remote: true,
+                target: (0, $7WHA7.TemplateTarget).detailedAttachment,
+                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.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",
+                                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, $a9etD.default), {
-                                        text: content.text,
-                                        otherInformations: content.otherInformations,
+                                    /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $jlxKS.default), {
+                                        category: content.category,
+                                        title: content.title,
+                                        infoBanner: content.infoBanner,
                                         color: color,
-                                        url: content.downloadUri,
-                                        titleHeight: titleHeight
+                                        customerReviews: content.customerReviews,
+                                        favorite: content.favorite,
+                                        handleClose: handleClose,
+                                        setTitleHeight: setTitleHeight
                                     }),
-                                    (((_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.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 && content.downloadUri && /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $42rvc.default), {
+                                className: "rf-justify-center",
+                                url: content.downloadUri
                             })
                         ]
-                    }),
-                    /*#__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, $lONbp.default), {
+                dashboardVisible: true,
+                onClick: handleClose
             })
-        })
+        ]
     }) : /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, ($parcel$interopDefault($ajtMF$react))).Fragment, {});
 };
 var $d796192f79db347a$export$2e2bcd8739ae039 = $d796192f79db347a$var$AttachmentDetails;
@@ -244,62 +249,57 @@ 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 baseAddress = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.baseAddress);
+    const locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const lastBotActivity = (0, $ajtMF$reactredux.useSelector)((state)=>state.activityReducer.lastBotActivity);
+    const triggers = (0, $ajtMF$reactredux.useSelector)((state)=>state.utilsReducer.detailedAttachmentTriggers);
     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;
+                const clonedActivity = structuredClone(lastBotActivity);
+                if (trigger.name && trigger.name === clonedActivity.name) {
+                    var _clonedActivity_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;
+                        if (trigger.contentType === ((_clonedActivity_value = clonedActivity.value) === null || _clonedActivity_value === void 0 ? void 0 : _clonedActivity_value.contentType)) {
+                            clonedActivity.value.content.template = trigger.linkedComponent;
+                            result = clonedActivity.value.content;
                         }
                     } else {
-                        var _lastBotActivity_value1, _lastBotActivity_value2, _lastBotActivity_value3;
+                        var _clonedActivity_value1, _clonedActivity_value2, _clonedActivity_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,
+                            id: (_clonedActivity_value1 = clonedActivity.value) === null || _clonedActivity_value1 === void 0 ? void 0 : _clonedActivity_value1.contentItemId,
+                            content: (_clonedActivity_value2 = clonedActivity.value) === null || _clonedActivity_value2 === void 0 ? void 0 : _clonedActivity_value2.content,
+                            contentType: (_clonedActivity_value3 = clonedActivity.value) === null || _clonedActivity_value3 === void 0 ? void 0 : _clonedActivity_value3.contentType,
                             baseAddress: baseAddress,
                             locale: locale
                         };
                         const checkData = (0, $ka0U3.mapDetailedDataFromContentItem)(data, translation);
                         if (checkData) result = {
                             ...checkData,
+                            value: clonedActivity.value,
                             template: trigger.linkedComponent
                         };
                         else {
-                            lastBotActivity.value.template = trigger.linkedComponent;
-                            result = lastBotActivity.value;
+                            clonedActivity.value.template = trigger.linkedComponent;
+                            result = clonedActivity.value;
                         }
                     }
-                } else if (trigger.label && trigger.label === lastBotActivity.label) {
-                    var _lastBotActivity_value4;
+                } else if (trigger.label && trigger.label === clonedActivity.label) {
+                    var _clonedActivity_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;
+                        if (trigger.contentType === ((_clonedActivity_value4 = clonedActivity.value) === null || _clonedActivity_value4 === void 0 ? void 0 : _clonedActivity_value4.contentType)) {
+                            clonedActivity.value.content.template = trigger.linkedComponent;
+                            result = clonedActivity.value.content;
                         }
                     } else {
-                        lastBotActivity.value.template = trigger.linkedComponent;
-                        result = lastBotActivity.value;
+                        clonedActivity.value.template = trigger.linkedComponent;
+                        result = clonedActivity.value;
                     }
                 }
             }
@@ -460,9 +460,6 @@ $parcel$export(module.exports, "default", () => $f18ad223fcd061b7$export$2e2bcd8
 
 
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
-var $kUiCn = parcelRequire("kUiCn");
 
 var $WeQpM = parcelRequire("WeQpM");
 
@@ -470,8 +467,8 @@ 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 translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const isMobile = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.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);
@@ -534,9 +531,8 @@ $parcel$export(module.exports, "default", () => $5503336bdce4ac5d$export$2e2bcd8
 
 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 translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
     const [widthInPx, setWidthInPx] = (0, $ajtMF$react.useState)(0);
     const pennantRef = (0, $ajtMF$react.useRef)(null);
     (0, $ajtMF$react.useEffect)(()=>{
@@ -598,9 +594,6 @@ $parcel$export(module.exports, "default", () => $fe50c85aaca30261$export$2e2bcd8
 
 
 
-var $6EkQS = parcelRequire("6EkQS");
-
-var $kUiCn = parcelRequire("kUiCn");
 
 var $42rvc = parcelRequire("42rvc");
 
@@ -608,10 +601,10 @@ 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 isUsedOnBorne = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
+    const isMobile = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isMobile);
+    const isLandscape = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isLandscape);
+    const currentHeight = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.currentHeight);
     const textRef = (0, $ajtMF$react.useRef)(null);
     const otherInformationsRef = (0, $ajtMF$react.useRef)(null);
     const [opacityStyle, setOpacityStyle] = (0, $ajtMF$react.useState)('');
@@ -759,14 +752,13 @@ $parcel$export(module.exports, "default", () => $9982aaf71fbd3e1f$export$2e2bcd8
 
 
 
-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);
+    const translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
     return /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)("div", {
         className: `${className} rf-w-full rf-flex`,
         children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsxs)("a", {
@@ -792,9 +784,6 @@ $parcel$export(module.exports, "default", () => $5565d7860328960f$export$2e2bcd8
 
 
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
-var $6EkQS = parcelRequire("6EkQS");
 
 var $9JtA7 = parcelRequire("9JtA7");
 
@@ -804,9 +793,9 @@ 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 translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const enableDocumentPrinting = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.configuration.enableDocumentPrinting);
     const [qrCodeData, setQrCodeData] = (0, $ajtMF$react.useState)(undefined);
     const imageRef = (0, $ajtMF$react.useRef)(null);
     (0, $ajtMF$react.useEffect)(()=>{
@@ -862,21 +851,22 @@ $parcel$export(module.exports, "default", () => $52365ba6a1e9c44e$export$2e2bcd8
 
 
 
-var $6Q0mk = parcelRequire("6Q0mk");
 
-var $7eio0 = parcelRequire("7eio0");
+var $kpW3P = parcelRequire("kpW3P");
 
 var $7VgIE = parcelRequire("7VgIE");
 
-var $eO1En = parcelRequire("eO1En");
+const $52365ba6a1e9c44e$var$PrintingPreview = /*#__PURE__*/ (0, $ajtMF$react.lazy)(()=>(parcelRequire("dbyqJ")));
 const $52365ba6a1e9c44e$var$PrintingButton = ({ url: url })=>{
-    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
-    const setModalFullscreenContent = (0, $7eio0.useUtilsStore)((state)=>state.actions.setModalFullscreenContent);
+    const dispatch = (0, $ajtMF$reactredux.useDispatch)();
+    const translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
     const handleClick = ()=>{
-        setModalFullscreenContent(/*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $eO1En.default), {
-            url: url,
-            printingAllowed: true
-        }));
+        dispatch((0, $kpW3P.storeActions).utils.setModalFullscreenContent(/*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)((0, $ajtMF$react.Suspense), {
+            children: /*#__PURE__*/ (0, $ajtMF$reactjsxruntime.jsx)($52365ba6a1e9c44e$var$PrintingPreview, {
+                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",
@@ -890,6 +880,11 @@ const $52365ba6a1e9c44e$var$PrintingButton = ({ url: url })=>{
 var $52365ba6a1e9c44e$export$2e2bcd8739ae039 = $52365ba6a1e9c44e$var$PrintingButton;
 
 });
+parcelRegister("dbyqJ", function(module, exports) {
+module.exports = Promise.resolve(require("./PrintingPreview.5351c733.js")).then(()=>parcelRequire('eO1En'));
+
+});
+
 
 
 
@@ -1006,9 +1001,6 @@ $parcel$export(module.exports, "default", () => $6cacbade32b06d0d$export$2e2bcd8
 
 
 
-var $6EkQS = parcelRequire("6EkQS");
-
-var $kUiCn = parcelRequire("kUiCn");
 
 var $b0HMF = parcelRequire("b0HMF");
 
@@ -1020,11 +1012,11 @@ 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);
+    const isMobile = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isMobile);
+    const isLandscape = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isLandscape);
+    const isBorne = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.isBorne);
+    const currentWidth = (0, $ajtMF$reactredux.useSelector)((state)=>state.viewReducer.currentWidth);
+    const configuration = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.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: [
@@ -1121,9 +1113,6 @@ $parcel$export(module.exports, "default", () => $c9b17a03b9c46905$export$2e2bcd8
 
 var $5A7mQ = parcelRequire("5A7mQ");
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
-var $6EkQS = parcelRequire("6EkQS");
 
 var $blhNk = parcelRequire("blhNk");
 
@@ -1153,9 +1142,9 @@ const $c9b17a03b9c46905$var$userIcon = (0, ($parcel$interopDefault($ajtMF$leafle
 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 translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const configuration = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.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) ? [
@@ -1319,9 +1308,6 @@ $parcel$export(module.exports, "default", () => $b1852deb3d7d5629$export$2e2bcd8
 
 
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
-var $6EkQS = parcelRequire("6EkQS");
 
 var $7sZDv = parcelRequire("7sZDv");
 
@@ -1332,10 +1318,10 @@ 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 isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
-    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const translation = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const isRTL = (0, $ajtMF$reactredux.useSelector)((state)=>state.localeReducer.isRTL);
+    const isUsedOnBorne = (0, $ajtMF$reactredux.useSelector)((state)=>state.retorikReducer.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);
@@ -1753,4 +1739,4 @@ var $bec002e5f7690553$export$2e2bcd8739ae039 = $bec002e5f7690553$var$MapUser;
 
 
 
-//# sourceMappingURL=AttachmentDetail.0a576bf3.js.map
+//# sourceMappingURL=AttachmentDetail.37a709af.js.map