@davi-ai/retorik-framework 3.2.5 → 4.0.0

package/dist/{AttachmentDetail.c4286a45.js → AttachmentDetail.53ba969a.js}

@@ -1,6 +1,7 @@
-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 {jsxs as $dAxr5$jsxs, jsx as $dAxr5$jsx} 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, lazy as $dAxr5$lazy, Suspense as $dAxr5$Suspense} from "react";
 import {useSpring as $dAxr5$useSpring, easings as $dAxr5$easings, animated as $dAxr5$animated} from "@react-spring/web";
+import {useDispatch as $dAxr5$useDispatch, useSelector as $dAxr5$useSelector} from "react-redux";
 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";
@@ -26,17 +27,8 @@ $parcel$export(module.exports, "default", () => $cccd6edc9ecbde88$export$2e2bcd8
 
 
 
-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 $8ItUL = parcelRequire("8ItUL");
 
 var $fnQYO = parcelRequire("fnQYO");
 
@@ -46,7 +38,7 @@ var $4ucVo = parcelRequire("4ucVo");
 
 var $8KJP1 = parcelRequire("8KJP1");
 
-var $lj7lQ = parcelRequire("lj7lQ");
+var $aMohu = parcelRequire("aMohu");
 
 var $bcki5 = parcelRequire("bcki5");
 
@@ -57,22 +49,21 @@ var $jlqZa = parcelRequire("jlqZa");
 var $dpafD = parcelRequire("dpafD");
 
 var $gXOmG = parcelRequire("gXOmG");
+
+var $9uOFS = parcelRequire("9uOFS");
 const $cccd6edc9ecbde88$var$springEnterDuration = 1500;
 const $cccd6edc9ecbde88$var$springLeaveDuration = 2500;
 const $cccd6edc9ecbde88$var$AttachmentDetails = ()=>{
+    const dispatch = (0, $dAxr5$useDispatch)();
     const detailedItemContent = (0, $fnQYO.default)();
-    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 locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
+    const baseAddress = (0, $dAxr5$useSelector)((state)=>state.localeReducer.baseAddress);
+    const isUsedOnBorne = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
+    const isMobile = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isMobile);
+    const isWidget = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isWidget);
+    const currentDeviceType = (0, $dAxr5$useSelector)((state)=>state.viewReducer.currentDeviceType);
+    const themeColors = (0, $dAxr5$useSelector)((state)=>state.viewReducer.themeColors);
+    const closeDetailedPOI = (0, $dAxr5$useSelector)((state)=>state.utilsReducer.closeDetailedPOI);
     const [content, setContent] = (0, $dAxr5$useState)(undefined);
     const [color, setColor] = (0, $dAxr5$useState)(themeColors.secondary);
     const [titleHeight, setTitleHeight] = (0, $dAxr5$useState)(0);
@@ -85,7 +76,10 @@ const $cccd6edc9ecbde88$var$AttachmentDetails = ()=>{
     const divRef = (0, $dAxr5$useRef)(null);
     (0, $dAxr5$useEffect)(()=>{
         setContent(detailedItemContent);
-        if (detailedItemContent) setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewOpen);
+        if (detailedItemContent) {
+            dispatch((0, $8ItUL.storeActions).utils.setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewOpen));
+            dispatch((0, $8ItUL.storeActions).utils.setModalFullscreenContent(null));
+        }
     }, [
         detailedItemContent
     ]);
@@ -134,91 +128,102 @@ const $cccd6edc9ecbde88$var$AttachmentDetails = ()=>{
                     easing: (0, $dAxr5$easings).easeOutExpo
                 }
             });
-            setCloseDetailedPOI(false);
-            setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewClose);
+            dispatch((0, $8ItUL.storeActions).utils.setCloseDetailedPOI(false));
+            dispatch((0, $8ItUL.storeActions).utils.setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewClose));
             timerRef.current = setTimeout(()=>{
-                sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowDetailed', null));
+                dispatch((0, $8ItUL.storeActions).directline.sendEvent({
+                    name: 'Davi.CloseWindow',
+                    callback: ()=>dispatch((0, $8ItUL.storeActions).directline.sendEvent({
+                            name: 'Davi.CloseWindowDetailed'
+                        }))
+                }));
                 setContent(undefined);
                 timerRef.current = null;
             }, $cccd6edc9ecbde88$var$springLeaveDuration);
         }
     };
     const sendPostBack = (value)=>{
-        sendMessage(undefined, value);
+        dispatch((0, $8ItUL.storeActions).directline.sendMessage({
+            value: 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",
+    return content ? /*#__PURE__*/ (0, $dAxr5$jsxs)((0, $dAxr5$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $dAxr5$jsx)((0, $aMohu.default), {
+                onClick: handleClose,
+                remote: true,
+                target: (0, $4ucVo.TemplateTarget).detailedAttachment,
+                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$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",
+                                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, $c3PKX.default), {
-                                        text: content.text,
-                                        otherInformations: content.otherInformations,
+                                    /*#__PURE__*/ (0, $dAxr5$jsx)((0, $bcki5.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?.length || content.review) && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $jlqZa.default), {
-                                        media: content.media,
-                                        review: content.review,
-                                        color: color
+                                    /*#__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 && content.downloadUri && /*#__PURE__*/ (0, $dAxr5$jsx)((0, $gXOmG.default), {
+                                className: "rf-justify-center",
+                                url: content.downloadUri
                             })
                         ]
-                    }),
-                    /*#__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, $9uOFS.default), {
+                dashboardVisible: true,
+                onClick: handleClose
             })
-        })
+        ]
     }) : /*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$react).Fragment, {});
 };
 var $cccd6edc9ecbde88$export$2e2bcd8739ae039 = $cccd6edc9ecbde88$var$AttachmentDetails;
@@ -229,59 +234,54 @@ 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 baseAddress = (0, $dAxr5$useSelector)((state)=>state.localeReducer.baseAddress);
+    const locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
+    const translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const lastBotActivity = (0, $dAxr5$useSelector)((state)=>state.activityReducer.lastBotActivity);
+    const triggers = (0, $dAxr5$useSelector)((state)=>state.utilsReducer.detailedAttachmentTriggers);
     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) {
+                const clonedActivity = structuredClone(lastBotActivity);
+                if (trigger.name && trigger.name === clonedActivity.name) {
                     if (trigger.contentType) {
-                        if (trigger.contentType === lastBotActivity.value?.contentType) {
-                            lastBotActivity.value.content.template = trigger.linkedComponent;
-                            result = lastBotActivity.value.content;
+                        if (trigger.contentType === clonedActivity.value?.contentType) {
+                            clonedActivity.value.content.template = trigger.linkedComponent;
+                            result = clonedActivity.value.content;
                         }
                     } else {
                         const data = {
-                            id: lastBotActivity.value?.contentItemId,
-                            content: lastBotActivity.value?.content,
-                            contentType: lastBotActivity.value?.contentType,
+                            id: clonedActivity.value?.contentItemId,
+                            content: clonedActivity.value?.content,
+                            contentType: clonedActivity.value?.contentType,
                             baseAddress: baseAddress,
                             locale: locale
                         };
                         const checkData = (0, $jUFPv.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) {
+                } else if (trigger.label && trigger.label === clonedActivity.label) {
                     if (trigger.contentType) {
-                        if (trigger.contentType === lastBotActivity.value?.contentType) {
-                            lastBotActivity.value.content.template = trigger.linkedComponent;
-                            result = lastBotActivity.value.content;
+                        if (trigger.contentType === clonedActivity.value?.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;
                     }
                 }
             }
@@ -439,9 +439,6 @@ $parcel$export(module.exports, "default", () => $53f8c1e84286bc25$export$2e2bcd8
 
 
 
-var $2fuDN = parcelRequire("2fuDN");
-
-var $1Qww3 = parcelRequire("1Qww3");
 
 var $g0cBD = parcelRequire("g0cBD");
 
@@ -449,8 +446,8 @@ 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 translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const isMobile = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isMobile);
     const titleRef = (0, $dAxr5$useRef)(null);
     (0, $dAxr5$useEffect)(()=>{
         titleRef?.current && setTitleHeight(titleRef.current.clientHeight);
@@ -513,9 +510,8 @@ $parcel$export(module.exports, "default", () => $60b578e81778debe$export$2e2bcd8
 
 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 translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
     const [widthInPx, setWidthInPx] = (0, $dAxr5$useState)(0);
     const pennantRef = (0, $dAxr5$useRef)(null);
     (0, $dAxr5$useEffect)(()=>{
@@ -577,9 +573,6 @@ $parcel$export(module.exports, "default", () => $6a730642f0980161$export$2e2bcd8
 
 
 
-var $1x02c = parcelRequire("1x02c");
-
-var $1Qww3 = parcelRequire("1Qww3");
 
 var $gXOmG = parcelRequire("gXOmG");
 
@@ -587,10 +580,10 @@ 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 isUsedOnBorne = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
+    const isMobile = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isMobile);
+    const isLandscape = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isLandscape);
+    const currentHeight = (0, $dAxr5$useSelector)((state)=>state.viewReducer.currentHeight);
     const textRef = (0, $dAxr5$useRef)(null);
     const otherInformationsRef = (0, $dAxr5$useRef)(null);
     const [opacityStyle, setOpacityStyle] = (0, $dAxr5$useState)('');
@@ -738,14 +731,13 @@ $parcel$export(module.exports, "default", () => $5850ec0a690e2e58$export$2e2bcd8
 
 
 
-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);
+    const translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
     return /*#__PURE__*/ (0, $dAxr5$jsx)("div", {
         className: `${className} rf-w-full rf-flex`,
         children: /*#__PURE__*/ (0, $dAxr5$jsxs)("a", {
@@ -771,9 +763,6 @@ $parcel$export(module.exports, "default", () => $11c73850a5407041$export$2e2bcd8
 
 
 
-var $2fuDN = parcelRequire("2fuDN");
-
-var $1x02c = parcelRequire("1x02c");
 
 var $7pypd = parcelRequire("7pypd");
 
@@ -783,9 +772,9 @@ 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 translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
+    const enableDocumentPrinting = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.configuration.enableDocumentPrinting);
     const [qrCodeData, setQrCodeData] = (0, $dAxr5$useState)(undefined);
     const imageRef = (0, $dAxr5$useRef)(null);
     (0, $dAxr5$useEffect)(()=>{
@@ -841,21 +830,22 @@ $parcel$export(module.exports, "default", () => $c9e2f5668918919f$export$2e2bcd8
 
 
 
-var $2fuDN = parcelRequire("2fuDN");
 
-var $j67YK = parcelRequire("j67YK");
+var $8ItUL = parcelRequire("8ItUL");
 
 var $ahoAn = parcelRequire("ahoAn");
 
-var $ldRRB = parcelRequire("ldRRB");
+const $c9e2f5668918919f$var$PrintingPreview = /*#__PURE__*/ (0, $dAxr5$lazy)(()=>(parcelRequire("8g4qC")));
 const $c9e2f5668918919f$var$PrintingButton = ({ url: url })=>{
-    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
-    const setModalFullscreenContent = (0, $j67YK.useUtilsStore)((state)=>state.actions.setModalFullscreenContent);
+    const dispatch = (0, $dAxr5$useDispatch)();
+    const translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
     const handleClick = ()=>{
-        setModalFullscreenContent(/*#__PURE__*/ (0, $dAxr5$jsx)((0, $ldRRB.default), {
-            url: url,
-            printingAllowed: true
-        }));
+        dispatch((0, $8ItUL.storeActions).utils.setModalFullscreenContent(/*#__PURE__*/ (0, $dAxr5$jsx)((0, $dAxr5$Suspense), {
+            children: /*#__PURE__*/ (0, $dAxr5$jsx)($c9e2f5668918919f$var$PrintingPreview, {
+                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",
@@ -869,6 +859,11 @@ const $c9e2f5668918919f$var$PrintingButton = ({ url: url })=>{
 var $c9e2f5668918919f$export$2e2bcd8739ae039 = $c9e2f5668918919f$var$PrintingButton;
 
 });
+parcelRegister("8g4qC", function(module, exports) {
+module.exports = import("./PrintingPreview.6d70355b.js").then(()=>parcelRequire('ldRRB'));
+
+});
+
 
 
 
@@ -983,9 +978,6 @@ $parcel$export(module.exports, "default", () => $3df3515605343012$export$2e2bcd8
 
 
 
-var $1x02c = parcelRequire("1x02c");
-
-var $1Qww3 = parcelRequire("1Qww3");
 
 var $1ddtH = parcelRequire("1ddtH");
 
@@ -997,11 +989,11 @@ 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);
+    const isMobile = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isMobile);
+    const isLandscape = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isLandscape);
+    const isBorne = (0, $dAxr5$useSelector)((state)=>state.viewReducer.isBorne);
+    const currentWidth = (0, $dAxr5$useSelector)((state)=>state.viewReducer.currentWidth);
+    const configuration = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.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: [
@@ -1098,9 +1090,6 @@ $parcel$export(module.exports, "default", () => $92c294d459a1b852$export$2e2bcd8
 
 var $k60DH = parcelRequire("k60DH");
 
-var $2fuDN = parcelRequire("2fuDN");
-
-var $1x02c = parcelRequire("1x02c");
 
 var $19XSr = parcelRequire("19XSr");
 
@@ -1129,9 +1118,9 @@ const $92c294d459a1b852$var$userIcon = (0, $dAxr5$leaflet).icon({
 });
 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 translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
+    const configuration = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.configuration);
     const [mapLayerData, setMapLayerData] = (0, $dAxr5$useState)(undefined);
     const geoJsonLayer = (0, $dAxr5$useRef)(null);
     const coordinates = configuration.position?.latitude && configuration.position?.longitude ? [
@@ -1295,9 +1284,6 @@ $parcel$export(module.exports, "default", () => $2bfd7077628948bb$export$2e2bcd8
 
 
 
-var $2fuDN = parcelRequire("2fuDN");
-
-var $1x02c = parcelRequire("1x02c");
 
 var $cT90l = parcelRequire("cT90l");
 
@@ -1307,10 +1293,10 @@ 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 isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
-    const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const translation = (0, $dAxr5$useSelector)((state)=>state.localeReducer.currentTranslations);
+    const locale = (0, $dAxr5$useSelector)((state)=>state.localeReducer.locale);
+    const isRTL = (0, $dAxr5$useSelector)((state)=>state.localeReducer.isRTL);
+    const isUsedOnBorne = (0, $dAxr5$useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
     const [drivingCar, setDrivingCar] = (0, $dAxr5$useState)(undefined);
     const [cyclingRegular, setCyclingRegular] = (0, $dAxr5$useState)(undefined);
     const [footWalking, setFootWalking] = (0, $dAxr5$useState)(undefined);
@@ -1728,4 +1714,4 @@ var $9333337694b0d9a4$export$2e2bcd8739ae039 = $9333337694b0d9a4$var$MapUser;
 
 
 
-//# sourceMappingURL=AttachmentDetail.c4286a45.js.map
+//# sourceMappingURL=AttachmentDetail.53ba969a.js.map