@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/organisms/heroImageCard/videoCardController.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":[null],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","className"],"mappings":"uRAgBM,MAqDAA,OAAwBC,QAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAJ,GACH,CAAAK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,GACb,GACA,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC5C,GACA,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAsB,CAAAyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAClFa,SAAAH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,UAAWvB,EAAW,aAAe,aAG/C"}
+{"version":3,"file":"videoCardController.js","sources":["../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n    const [isPaused, setIsPaused] = useState(false);\n    const videoControllerRef = useRef(null);\n    const theme = useTheme();\n    //When the videoController is clicked, pause or play the video\n    const handlePlayClick = useCallback((event) => {\n        if (isPaused) {\n            playPauseCallback && playPauseCallback('play', event);\n            videoRef.current.play();\n        }\n        else {\n            playPauseCallback && playPauseCallback('pause', event);\n            videoRef.current.pause();\n        }\n        setIsPaused(!isPaused);\n    }, [isPaused, playPauseCallback, videoRef]);\n    //set the video puased as default if we are on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            videoRef.current.pause();\n            setIsPaused(true);\n        }\n    }, [videoRef, theme.breakpoints.values.md]);\n    //Add the transition effect from play to pause if on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            if (isPaused) {\n                videoControllerRef.current.style.transitionDelay = '0s';\n                videoControllerRef.current.style.opacity = 1;\n            }\n            else {\n                videoControllerRef.current.style.transitionDelay = '2s';\n                videoControllerRef.current.style.opacity = 0;\n            }\n        }\n        else {\n            videoControllerRef.current.style.transitionDelay = '0s';\n            videoControllerRef.current.style.opacity = 1;\n        }\n    }, [isPaused, theme.breakpoints.values.md]);\n    return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { className: isPaused ? 'play-right' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n                width: '44px',\n                height: '44px',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            } }),\n        [theme.breakpoints.down('md')]: {\n            position: 'absolute',\n            zIndex: 1000,\n            left: '50%',\n            top: '50%',\n            width: '312px',\n            height: '132px',\n            transform: ' translate(-50%, -50%)',\n            transitionDelay: '2s',\n            transitionDuration: '0.3s',\n            transitionProperty: 'opacity',\n            transitionTimingFunction: 'ease-out',\n            '& > div': {\n                position: 'absolute',\n                left: '50%',\n                top: '50%',\n                transform: ' translate(-50%, -50%)',\n                width: '44px',\n                height: '44px',\n                margin: '0 auto',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            },\n        },\n    };\n    return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","className"],"mappings":"uRAKK,MA0CCA,OAAwBC,QAAO,MAAPA,EAAc,EAAGC,YAC3C,IAAIC,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACD,EAAME,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIJ,GAAQ,CAAEK,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACP1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBvB,CAAK,oBAlGY,EAAGiC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAERC,EAAkBC,eAAaC,IAC7BR,GACAD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAGjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAErBV,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAc,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC7ClB,EAASW,QAAQE,QACjBV,GAAY,GACf,GACF,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAEvCJ,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GACzChB,GACAG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAI/Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC9C,GACF,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAC/BE,MAAKxD,EAAuB,CAAEyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAAQa,SAAUH,EAAAA,IAAK,MAAO,CAAEG,SAAUH,MAAKI,EAAAA,KAAM,CAAEC,UAAWvB,EAAW,aAAe,aAAkB"}

package/cjs/organisms/hotspotCard/hotspotCard.d.ts

@@ -0,0 +1,62 @@
+import React, { ReactNode, HTMLAttributes } from 'react';
+/**
+ * @interface HotspotCardProps
+ * @description Base definition of SkodaFlow HotspotCard independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+type Responsive = {
+    xl?: string | number;
+    lg?: string | number;
+    md?: string | number;
+    sm?: string | number;
+    xs?: string | number;
+};
+export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * top position of hotspot card
+     * @default 0
+     */
+    top?: string | number | Responsive;
+    /**
+     * left position of hotspot card
+     * @default 0
+     */
+    left?: string | number | Responsive;
+    /**
+     * bottom position of hotspot card
+     */
+    bottom?: string | number | Responsive;
+    /**
+     * right position of hotspot card
+     * @default 0
+     */
+    right?: string | number | Responsive;
+    /**
+     * headline of hotspot card
+     */
+    headline: string;
+    /**
+     * optional cover image of the hotspot card, accepts string or ReactNode
+     */
+    img?: ReactNode;
+    /**
+     * optional label of the hotspot card
+     */
+    label?: string;
+    /**
+     * description of the hotspot card
+     */
+    description: ReactNode;
+    /**
+     * buttons of the hotspot card
+     */
+    buttons?: ReactNode;
+}
+/**
+ * @description SkodaFlow HotspotCard component.
+ * Properties are inherited from HTML Div element.
+ * @param props HotspotCardProps
+ * @returns React Functional Component
+ */
+export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/cjs/organisms/hotspotCard/index.d.ts

@@ -0,0 +1 @@
+export * from './hotspotCard';

package/cjs/organisms/maps/hook/useMap.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@googlemaps/markerclusterer"),s=require("../../../design/skoda/assets/images/maps/result_marker_small.svg.js"),t=require("../../../design/skoda/assets/images/maps/selected_location_pin_medium.svg.js"),o=require("../utils/mapIcons.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);exports.default=()=>{const e=a.default.useCallback(((e,r,o)=>r?o&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t.default:o&&e.resultIconHover?e.resultIconHover:e.resultIcon||s.default),[]),n={render:({count:e,position:r})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:r,icon:o.MapIconVariant.CLUSTER})};return{onMarkerClick:(r,s)=>{r&&s.forEach((s=>{const t=s.id===r,o=e(s,t,!1);s.setIcon(o)}))},handleClusterRender:(e,s,t)=>{if(e&&s){const o={map:s,markers:e,onClusterClick:(e,r,s)=>{t(!0),s.fitBounds(r.bounds)}};return new r.MarkerClusterer(Object.assign(Object.assign({},o),{renderer:n}))}},handleIconType:e}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@googlemaps/markerclusterer"),s=require("../../../design/skoda/assets/images/maps/result_marker_small.svg.js"),t=require("../../../design/skoda/assets/images/maps/selected_location_pin_medium.svg.js"),o=require("../utils/mapIcons.js");exports.default=()=>{const n=e.useCallback(((e,r,o)=>r?o&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t.default:o&&e.resultIconHover?e.resultIconHover:e.resultIcon||s.default),[]),a={render:({count:e,position:r})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:r,icon:o.MapIconVariant.CLUSTER})};return{onMarkerClick:(e,r)=>{e&&r.forEach((r=>{const s=r.id===e,t=n(r,s,!1);r.setIcon(t)}))},handleClusterRender:(e,s,t)=>{if(e&&s){const o={map:s,markers:e,onClusterClick:(e,r,s)=>{t(!0),s.fitBounds(r.bounds)}};return new r.MarkerClusterer(Object.assign(Object.assign({},o),{renderer:a}))}},handleIconType:n}};
 //# sourceMappingURL=useMap.js.map

package/cjs/organisms/maps/hook/useMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMap.js","sources":["../../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":[null],"names":["handleIconType","React","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"+ZAMe,KAEb,MAAMA,EAAiBC,EAAAA,QAAMC,aAAY,CAACC,EAAQC,EAAYC,IACxDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,UAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,WAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWnC,EAAegC,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAEzB,EA+BDE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAcJ,KAC3DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeA,gBAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,aACvD,GAMDZ,iBACD"}
+{"version":3,"file":"useMap.js","sources":["../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../../../design/skoda/assets/images/maps/result_marker_small.svg';\nimport selectedLocationMedium from '../../../design/skoda/assets/images/maps/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\nconst useMap = () => {\n    //HANDLE THE ICON TYPE FOR THE MARKER\n    const handleIconType = useCallback((marker, isSelected, isHover) => {\n        if (isSelected) {\n            return isHover && marker.selectedIconHover\n                ? marker.selectedIconHover\n                : marker.selectedIcon || selectedLocationMedium;\n        }\n        else {\n            return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon || resultMarkerSmall;\n        }\n    }, []);\n    //Change the icon to selected if clicked and make unselected the previous one\n    const onMarkerClick = (markerId, registeredMarkers) => {\n        if (markerId) {\n            registeredMarkers.forEach((item) => {\n                const isClickedMarker = item.id === markerId;\n                const iconType = handleIconType(item, isClickedMarker, false);\n                item.setIcon(iconType);\n            });\n        }\n    };\n    //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n    const renderer = {\n        render({ count, position }) {\n            return new google.maps.Marker({\n                label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n                position,\n                icon: MapIconVariant.CLUSTER,\n            });\n        },\n    };\n    //ADD THE CLUSTER MARKERS TO THE MAP\n    const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n        if (registeredMarkers && currentMap) {\n            const markerClusterOptions = {\n                map: currentMap,\n                markers: registeredMarkers,\n                onClusterClick: (_, cluster, map) => {\n                    setClickedCluster(true);\n                    map.fitBounds(cluster.bounds);\n                },\n            };\n            return new MarkerClusterer(Object.assign(Object.assign({}, markerClusterOptions), { renderer }));\n        }\n    };\n    return {\n        onMarkerClick,\n        handleClusterRender,\n        handleIconType,\n    };\n};\nexport default useMap;\n//# sourceMappingURL=useMap.js.map"],"names":["handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"iWAKe,KAEX,MAAMA,EAAiBC,EAAWA,aAAC,CAACC,EAAQC,EAAYC,IAChDD,EACOC,GAAWF,EAAOG,kBACnBH,EAAOG,kBACPH,EAAOI,cAAgBC,UAGtBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,WAE9F,IAYGC,EAAW,CACbC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACL,IAAIC,OAAOC,KAAKC,OAAO,CAC1BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAkBjC,MAAO,CACHC,cAlCkB,CAACC,EAAUC,KACzBD,GACAC,EAAkBC,SAASC,IACvB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAE7B,EA4BDE,oBAfwB,CAACP,EAAmBQ,EAAYC,KACxD,GAAIT,GAAqBQ,EAAY,CACjC,MAAME,EAAuB,CACzBC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAAGC,EAASJ,KACzBF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGrC,OAAO,IAAIC,EAAeA,gBAACC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEV,GAAuB,CAAE5B,aACvF,GAKDX,iBACH"}

package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":[null],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDb,6CAEWS,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAASf,EAAcW"}
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street || ''}</p>\r\n<p>${city || ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n   </div>\r\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}

package/cjs/organisms/maps/mapComponents/mapComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../hook/useMap.js"),o=require("../utils/mapConfig.js"),a=require("../utils/mapIcons.js"),s=require("./infoWindowConfig.js");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(n);exports.default=l=>{var{onClick:u,onDragEnd:c,children:d,style:f,handleCurrentMap:g,enableMoveSearch:p,setInfoWindow:m,currentInfoWindow:E,registeredMarkers:M=[]}=l,I=e.__rest(l,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const C=n.useRef(null),[v,h]=n.useState(),[w,k]=n.useState(null),{handleClusterRender:_}=r.default(),[j,L]=n.useState(!1),[O,S]=n.useState(null),[q,W]=n.useState(!1);return n.useEffect((()=>{if(C.current&&!v){const e=o.mapConfig(I),t=new window.google.maps.Map(C.current,Object.assign({},e)),n=new google.maps.Marker({position:I.center,map:v,icon:null});k(n),o.handleControls(t,n),h(t),g(t)}}),[C,v,g,I]),n.useEffect((()=>{if(v&&!E){const e=s.infoWindow({map:v});m(e)}}),[v,m,E]),n.useEffect((()=>{v&&w&&navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){const t=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);w.setOptions({position:t,icon:a.MapIconVariant.LIVE_POSITION_ON,map:v}),v.setCenter(t)}),(()=>{w.setIcon(a.MapIconVariant.LIVE_POSITION_OFF)}))}),[v,w]),i.default.useEffect((()=>(v&&u&&v.addListener("click",u),()=>{v&&google.maps.event.clearListeners(v,"click")})),[v,u]),i.default.useEffect((()=>(v&&c&&(p?v.addListener("dragend",(()=>c(v))):google.maps.event.clearListeners(v,"dragend")),()=>{v&&google.maps.event.clearListeners(v,"dragend")})),[v,c,p]),i.default.useEffect((()=>{v&&(I.zoom&&v.setZoom(I.zoom),I.center&&v.setCenter(I.center))}),[v,I.zoom,I.center]),i.default.useEffect((()=>{j&&O&&(O.clearMarkers(),O.addMarkers(M))}),[O,M,j]),i.default.useEffect((()=>{let e=null;v&&!j&&(e=_(M,v,W),L(!0),S(e))}),[M,v,j,_]),i.default.useEffect((()=>{q&&(E.close(),W(!1))}),[q,E]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:C,style:f}),i.default.Children.map(d,(e=>{if(i.default.isValidElement(e))return i.default.cloneElement(e,{map:v})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("../hook/useMap.js"),o=require("../utils/mapConfig.js"),s=require("../utils/mapIcons.js"),a=require("./infoWindowConfig.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(t);exports.default=i=>{var{onClick:u,onDragEnd:c,children:d,style:f,handleCurrentMap:g,enableMoveSearch:p,setInfoWindow:m,currentInfoWindow:E,registeredMarkers:M=[]}=i,I=e.__rest(i,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const C=t.useRef(null),[v,h]=t.useState(),[w,k]=t.useState(null),{handleClusterRender:_}=r.default(),[j,L]=t.useState(!1),[O,S]=t.useState(null),[q,W]=t.useState(!1);return t.useEffect((()=>{if(C.current&&!v){const e=o.mapConfig(I),n=new window.google.maps.Map(C.current,Object.assign({},e)),t=new google.maps.Marker({position:I.center,map:v,icon:null});k(t),o.handleControls(n,t),h(n),g(n)}}),[C,v,g,I]),t.useEffect((()=>{if(v&&!E){const e=a.infoWindow({map:v});m(e)}}),[v,m,E]),t.useEffect((()=>{v&&w&&navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){const n=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);w.setOptions({position:n,icon:s.MapIconVariant.LIVE_POSITION_ON,map:v}),v.setCenter(n)}),(()=>{w.setIcon(s.MapIconVariant.LIVE_POSITION_OFF)}))}),[v,w]),t.useEffect((()=>(v&&u&&v.addListener("click",u),()=>{v&&google.maps.event.clearListeners(v,"click")})),[v,u]),t.useEffect((()=>(v&&c&&(p?v.addListener("dragend",(()=>c(v))):google.maps.event.clearListeners(v,"dragend")),()=>{v&&google.maps.event.clearListeners(v,"dragend")})),[v,c,p]),t.useEffect((()=>{v&&(I.zoom&&v.setZoom(I.zoom),I.center&&v.setCenter(I.center))}),[v,I.zoom,I.center]),t.useEffect((()=>{j&&O&&(O.clearMarkers(),O.addMarkers(M))}),[O,M,j]),t.useEffect((()=>{let e=null;v&&!j&&(e=_(M,v,W),L(!0),S(e))}),[M,v,j,_]),t.useEffect((()=>{q&&(E.close(),W(!1))}),[q,E]),n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:C,style:f}),l.default.Children.map(d,(e=>{if(l.default.isValidElement(e))return l.default.cloneElement(e,{map:v})}))]})};
 //# sourceMappingURL=mapComponent.js.map

package/cjs/organisms/maps/mapComponents/mapComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":[null],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","React","default","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","Children","child","isValidElement","cloneElement"],"mappings":"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"}
+{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst Map = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default Map;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/cjs/organisms/maps/mapComponents/mapStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/styled"),i=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const n=o(t).default("div")((t=>{e.__rest(t,["theme"]);let o={};return o={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:i.flowColors.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:i.flowColors.alert.main},"& > #info-dealer-opened":{color:i.flowColors.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},o}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div")((()=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.flowColors.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.flowColors.alert.main},"& > #info-dealer-opened":{color:t.flowColors.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));exports.default=i;
 //# sourceMappingURL=mapStyled.js.map

package/cjs/organisms/maps/mapComponents/mapStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":[null],"names":["MapStyled","default","styled","_a","__rest","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"+NAMM,MAAAA,OAAkBC,QAAC,MAAPC,EAAwBC,IAAgBC,SAAAD,EAAhB,WACxC,IAAIE,EAAS,CAAA,EAkEb,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOC,EAAAA,WAAWI,MAAY,MAEhC,0BAA2B,CACzBL,MAAOC,EAAAA,WAAWK,MAAMC,WAI9B,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB,CAAM"}
+{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n    let styles = {};\n    styles = {\n        width: 'inherit',\n        height: '100%',\n        '& .gm-style-iw.gm-style-iw-c': {\n            minWidth: '335px',\n            width: '335px',\n            minHeight: '248px',\n            padding: '24px 14px 24px 24px !important',\n            '&::after': {\n                display: 'none',\n            },\n            '& button.gm-ui-hover-effect': {\n                display: 'none !important',\n            },\n            '& #content': {\n                '& h4': {\n                    fontSize: '24px',\n                    margin: 0,\n                },\n                '& > #streetInfo': {\n                    marginTop: '10px',\n                },\n                '& > #phoneNumber': {\n                    marginTop: '10px',\n                    '& > a': {\n                        color: flowColors.info['main'],\n                        fontSize: '16px',\n                        fontWeight: '400',\n                    },\n                },\n                '& > #openStatus': {\n                    display: 'flex',\n                    marginTop: '10px',\n                    flexDirection: 'row',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    '& > #info-dealer-status': {\n                        width: '100%',\n                        '& > #info-dealer-closed': {\n                            color: flowColors.alert['main'],\n                        },\n                        '& > #info-dealer-opened': {\n                            color: flowColors.brand.primary,\n                        },\n                    },\n                },\n                '& > #detail-cta-container': {\n                    marginTop: '16px',\n                    cursor: 'pointer',\n                    width: '110px',\n                    '& > #info-detail-cta': {\n                        fontSize: '16px',\n                        fontWeight: 400,\n                    },\n                },\n                '& p': {\n                    margin: 0,\n                    fontSize: '16px',\n                    lineHeight: '24px',\n                },\n            },\n        },\n    };\n    return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"4MAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,WAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,WAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}

package/cjs/organisms/maps/mapComponents/markerComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),t=require("../hook/useMap.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(n);exports.default=o=>{var{handleRegisteredMarkers:l,handleMarkerClicked:a,infoWindow:r,canOpenInfoWindow:i,infoWindowConfig:d,onInfoWindowCtaClick:u}=o,c=e.__rest(o,["handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick"]);const[f,k]=s.default.useState(null),[g,p]=n.useState(null),[v,w]=n.useState(!1),{handleIconType:C}=t.default(),m=n.useCallback(((e,n,t)=>{const o=C(c,c.isSelected,!1);e.setIcon(o),p(!g),a(e,n,t,d,u)}),[c,d,g,C,a,p,u]);return s.default.useEffect((()=>{p(c.isSelected)}),[c.isSelected]),s.default.useEffect((()=>{if(!f&&!v&&r){const e=C(c,c.isSelected,!1),n=new google.maps.Marker({icon:e});k(n),l(n)}}),[f,C,l,c,v,r]),s.default.useEffect((()=>{null===f||v||(f.setOptions(c),w(!0))}),[f,c,m,v,w,r]),s.default.useEffect((()=>{null!==f&&(google.maps.event.clearListeners(f,"click"),google.maps.event.clearListeners(f,"mouseover"),google.maps.event.clearListeners(f,"mouseout"),f.addListener("click",(()=>m(f,r,i))),f.addListener("mouseover",(()=>{const e=C(f,g,!0);f.setIcon(e)})),f.addListener("mouseout",(()=>{const e=C(f,g,!1);f.setIcon(e)})),w(!0))}),[f,i,r,m,g,C]),null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),o=require("../hook/useMap.js");exports.default=s=>{var{handleRegisteredMarkers:t,handleMarkerClicked:i,infoWindow:r,canOpenInfoWindow:l,infoWindowConfig:a,onInfoWindowCtaClick:c}=s,d=e.__rest(s,["handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick"]);const[u,f]=n.useState(null),[k,g]=n.useState(null),[p,w]=n.useState(!1),{handleIconType:C}=o.default(),m=n.useCallback(((e,n,o)=>{const s=C(d,d.isSelected,!1);e.setIcon(s),g(!k),i(e,n,o,a,c)}),[d,a,k,C,i,g,c]);return n.useEffect((()=>{g(d.isSelected)}),[d.isSelected]),n.useEffect((()=>{if(!u&&!p&&r){const e=C(d,d.isSelected,!1),n=new google.maps.Marker({icon:e});f(n),t(n)}}),[u,C,t,d,p,r]),n.useEffect((()=>{null===u||p||(u.setOptions(d),w(!0))}),[u,d,m,p,w,r]),n.useEffect((()=>{null!==u&&(google.maps.event.clearListeners(u,"click"),google.maps.event.clearListeners(u,"mouseover"),google.maps.event.clearListeners(u,"mouseout"),u.addListener("click",(()=>m(u,r,l))),u.addListener("mouseover",(()=>{const e=C(u,k,!0);u.setIcon(e)})),u.addListener("mouseout",(()=>{const e=C(u,k,!1);u.setIcon(e)})),w(!0))}),[u,l,r,m,k,C]),null};
 //# sourceMappingURL=markerComponent.js.map

package/cjs/organisms/maps/mapComponents/markerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":[null],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","React","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","default","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"2NAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,QAAMC,SAA6B,OACxDC,EAAUC,GAAeF,EAAQA,SAAC,OAClCG,EAAcC,GAAmBJ,EAAQA,UAAC,IAC3CK,eAAEA,GAAmBC,EAAAA,UAGrBC,EAAgBC,EAAWA,aAC/B,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeV,EAASA,EAAQkB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbX,EAAoBmB,EAASC,EAAmBC,EAAoBlB,EAAkBC,EAAqB,GAE7G,CAACC,EAASF,EAAkBQ,EAAUI,EAAgBf,EAAqBY,EAAaR,IA+C1F,OA3CAK,EAAKgB,QAACC,WAAU,KACdd,EAAYP,EAAQkB,WAAW,GAC9B,CAAClB,EAAQkB,aAGZd,EAAKgB,QAACC,WAAU,KACd,IAAKnB,IAAWM,GAAgBZ,EAAY,CAC1C,MAAMqB,EAAWP,EAAeV,EAASA,EAAQkB,YAAY,GACvDI,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMT,IAERd,EAAUmB,GACV5B,EAAwB4B,EACzB,IACA,CAACpB,EAAQQ,EAAgBhB,EAAyBM,EAASQ,EAAcZ,IAG5EQ,EAAKgB,QAACC,WAAU,KACC,OAAXnB,GAAoBM,IACtBN,EAAOyB,WAAW3B,GAClBS,GAAgB,GACjB,GACA,CAACP,EAAQF,EAASY,EAAeJ,EAAcC,EAAiBb,IAGnEQ,EAAKgB,QAACC,WAAU,KACC,OAAXnB,IACFqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,SACzCqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,aACzCqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,YACzCA,EAAO4B,YAAY,SAAS,IAAMlB,EAAcV,EAAQN,EAAYC,KACpEK,EAAO4B,YAAY,aAAa,KAC9B,MAAMb,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1Bf,EAAO4B,YAAY,YAAY,KAC7B,MAAMb,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1BR,GAAgB,GACjB,GACA,CAACP,EAAQL,EAAmBD,EAAYgB,EAAeN,EAAUI,IAE7D,IAAI"}
+{"version":3,"file":"markerComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\nconst Marker = (_a) => {\n    var { handleRegisteredMarkers, handleMarkerClicked, infoWindow, canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick } = _a, options = __rest(_a, [\"handleRegisteredMarkers\", \"handleMarkerClicked\", \"infoWindow\", \"canOpenInfoWindow\", \"infoWindowConfig\", \"onInfoWindowCtaClick\"]);\n    const [marker, setMarker] = useState(null);\n    const [selected, setSelected] = useState(null);\n    const [settedMarker, setSettedMarker] = useState(false);\n    const { handleIconType } = useMap();\n    //METHOD CALLED WHEN WE CLICK ON THE MARKER\n    const onClickMarker = useCallback((_marker, currentInfoWindow, _canOpenInfoWindow) => {\n        const iconType = handleIconType(options, options.isSelected, false);\n        _marker.setIcon(iconType);\n        setSelected(!selected);\n        handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n    }, [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick]);\n    //SET THE SELECTED STATUS OF THE MARKER\n    useEffect(() => {\n        setSelected(options.isSelected);\n    }, [options.isSelected]);\n    //CREATE A NEW MARKER ON THE MAP\n    useEffect(() => {\n        if (!marker && !settedMarker && infoWindow) {\n            const iconType = handleIconType(options, options.isSelected, false);\n            const newMarker = new google.maps.Marker({\n                icon: iconType,\n            });\n            setMarker(newMarker);\n            handleRegisteredMarkers(newMarker);\n        }\n    }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n    //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n    useEffect(() => {\n        if (marker !== null && !settedMarker) {\n            marker.setOptions(options);\n            setSettedMarker(true);\n        }\n    }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n    //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n    useEffect(() => {\n        if (marker !== null) {\n            google.maps.event.clearListeners(marker, 'click');\n            google.maps.event.clearListeners(marker, 'mouseover');\n            google.maps.event.clearListeners(marker, 'mouseout');\n            marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n            marker.addListener('mouseover', () => {\n                const iconType = handleIconType(marker, selected, true);\n                marker.setIcon(iconType);\n            });\n            marker.addListener('mouseout', () => {\n                const iconType = handleIconType(marker, selected, false);\n                marker.setIcon(iconType);\n            });\n            setSettedMarker(true);\n        }\n    }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n    return null;\n};\nexport default Marker;\n//# sourceMappingURL=markerComponent.js.map"],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAGgBA,IACZ,IAAIC,wBAAEA,EAAuBC,oBAAEA,EAAmBC,WAAEA,EAAUC,kBAAEA,EAAiBC,iBAAEA,EAAgBC,qBAAEA,GAAyBN,EAAIO,EAAUC,EAAAA,OAAOR,EAAI,CAAC,0BAA2B,sBAAuB,aAAc,oBAAqB,mBAAoB,yBACjQ,MAAOS,EAAQC,GAAaC,EAAQA,SAAC,OAC9BC,EAAUC,GAAeF,EAAQA,SAAC,OAClCG,EAAcC,GAAmBJ,EAAQA,UAAC,IAC3CK,eAAEA,GAAmBC,EAAAA,UAErBC,EAAgBC,EAAWA,aAAC,CAACC,EAASC,EAAmBC,KAC3D,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,EAAqB,GAC5G,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IAyC3F,OAvCAoB,EAAAA,WAAU,KACNb,EAAYN,EAAQiB,WAAW,GAChC,CAACjB,EAAQiB,aAEZE,EAAAA,WAAU,KACN,IAAKjB,IAAWK,GAAgBX,EAAY,CACxC,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACrCC,KAAMR,IAEVb,EAAUiB,GACV1B,EAAwB0B,EAC3B,IACF,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAE5EuB,EAAAA,WAAU,KACS,OAAXjB,GAAoBK,IACpBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,GACnB,GACF,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAEnEuB,EAAAA,WAAU,KACS,OAAXjB,IACAmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMjB,EAAcT,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC5B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE5Bd,EAAO0B,YAAY,YAAY,KAC3B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE5BR,GAAgB,GACnB,GACF,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAC7D,IAAI"}

package/cjs/organisms/maps/maps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="google.maps" />
-import React from 'react';
+import { FC } from 'react';
 /**
  * @interface MapsProps
  */
@@ -83,4 +83,4 @@ export interface MapsProps {
  * @param props MapProps
  * @returns React Functional Component
  */
-export declare const Maps: React.ForwardRefExoticComponent<MapsProps & React.RefAttributes<HTMLMapElement>>;
+export declare const Maps: FC<MapsProps>;

package/cjs/organisms/maps/maps.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),o=require("@googlemaps/react-wrapper"),a=require("./mapComponents/mapComponent.js"),r=require("./mapComponents/markerComponent.js"),l=require("./hook/useMap.js"),i=require("./mapComponents/infoWindowConfig.js"),s=require("./mapComponents/mapStyled.js");function c(e){return e&&e.__esModule?e:{default:e}}const d=c(t).default.forwardRef(((c,d)=>{var{apiKey:u,enableFitBound:f,hideControlsOnMobile:p,markers:m,center:k,zoom:C,enableMoveSearch:g,canOpenInfoWindow:h=!0,markerSelectedId:w,callbackMarkerClicked:I,onDragEndCallback:b,onInfoWindowCtaClick:M}=c;e.__rest(c,["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick"]);const[v,E]=t.useState([]),{onMarkerClick:S}=l.default(),[W,j]=t.useState(null),[x,y]=t.useState([]),[q,B]=t.useState(null);t.useEffect((()=>{S(w,v)}),[w,v,S]);const L=(e,n)=>{n&&n(),e.close()},z=async(e,n,t,o,a)=>{if(S(e.id,v),I&&I(e),t&&o){const t=i.contentString(o);n.setContent(t),await n.open({anchor:e,map:W});const r=await document.getElementById("info-detail-cta");r&&(r.removeEventListener("click",(()=>L(n,a))),r.addEventListener("click",(()=>L(n,a))))}},O=t.useCallback((e=>{E((n=>[e,...n]))}),[]),H=t.useCallback((()=>{v&&v.length>0&&v.forEach((e=>{e.setMap(null)})),E([]),y([])}),[v]);t.useEffect((()=>{H()}),[m]),t.useEffect((()=>{x.length<=0&&v.length<=0&&y(m)}),[x,m,v]),t.useEffect((()=>{if(f&&W&&v.length>0){const e=new google.maps.LatLngBounds;for(let n=0;n<v.length;n++){const t=v[n].getPosition(),o={lat:t.lat(),lng:t.lng()};e.extend(o)}W.fitBounds(e)}}),[v,W,f]);const _=t.useCallback((e=>{e&&j(e)}),[]),D=t.useCallback((e=>{const n=e.getCenter(),t={lat:n.lat(),lng:n.lng()};b&&b(e,t)}),[b]),K=t.useCallback((()=>{const e=window.matchMedia("(max-width: 719px)").matches,n=document.getElementById("map-controls-container");n&&(n.style.display=e&&p?"none":"block")}),[p]);return t.useEffect((()=>(K(),window.addEventListener("resize",K),()=>{window.removeEventListener("resize",K)})),[W,K]),n.jsx(s.default,{children:u&&n.jsx(o.Wrapper,{apiKey:u,children:n.jsx(a.default,{setInfoWindow:B,currentInfoWindow:q,enableMoveSearch:g,onDragEnd:D,center:k,onClick:e=>{q&&q.close()},zoom:C,registeredMarkers:v,handleCurrentMap:_,style:{flexGrow:"1",height:"100%",width:"100%"},children:x&&x.length>0&&x.map(((e,t)=>n.jsx(r.default,{infoWindow:q,handleRegisteredMarkers:O,isSelected:e.isSelected,id:e.id,onInfoWindowCtaClick:M,canOpenInfoWindow:h,resultIcon:e.resultIcon,selectedIcon:e.selectedIcon,resultIconHover:e.resultIconHover,selectedIconHover:e.selectedIconHover,infoWindowConfig:e.infoWindowConfig,handleMarkerClicked:z,position:{lat:e.lat,lng:e.lng}},t)))})})})}));exports.Maps=d;
+"use strict";var e=require("react/jsx-runtime"),n=require("react"),t=require("@googlemaps/react-wrapper"),o=require("./mapComponents/mapComponent.js"),a=require("./mapComponents/markerComponent.js"),l=require("./hook/useMap.js"),r=require("./mapComponents/infoWindowConfig.js"),s=require("./mapComponents/mapStyled.js");exports.Maps=({apiKey:i,enableFitBound:c,hideControlsOnMobile:d,markers:u,center:f,zoom:p,enableMoveSearch:m,canOpenInfoWindow:g=!0,markerSelectedId:C,callbackMarkerClicked:k,onDragEndCallback:h,onInfoWindowCtaClick:w})=>{const[I,E]=n.useState([]),{onMarkerClick:v}=l.default(),[M,b]=n.useState(null),[S,W]=n.useState([]),[j,x]=n.useState(null);n.useEffect((()=>{v(C,I)}),[C,I,v]);const y=(e,n)=>{n&&n(),e.close()},q=async(e,n,t,o,a)=>{if(v(e.id,I),k&&k(e),t&&o){const t=r.contentString(o);n.setContent(t),await n.open({anchor:e,map:M});const l=document.getElementById("info-detail-cta");l&&(l.removeEventListener("click",(()=>y(n,a))),l.addEventListener("click",(()=>y(n,a))))}},L=n.useCallback((e=>{E((n=>[e,...n]))}),[]),B=n.useCallback((()=>{I&&I.length>0&&I.forEach((e=>{e.setMap(null)})),E([]),W([])}),[I]);n.useEffect((()=>{B()}),[u]),n.useEffect((()=>{S.length<=0&&I.length<=0&&W(u)}),[S,u,I]),n.useEffect((()=>{if(c&&M&&I.length>0){const e=new google.maps.LatLngBounds;for(let n=0;n<I.length;n++){const t=I[n].getPosition(),o={lat:t.lat(),lng:t.lng()};e.extend(o)}M.fitBounds(e)}}),[I,M,c]);const z=n.useCallback((e=>{e&&b(e)}),[]),H=n.useCallback((e=>{const n=e.getCenter(),t={lat:n.lat(),lng:n.lng()};h&&h(e,t)}),[h]),O=n.useCallback((()=>{const e=window.matchMedia("(max-width: 719px)").matches,n=document.getElementById("map-controls-container");n&&(n.style.display=e&&d?"none":"block")}),[d]);return n.useEffect((()=>(O(),window.addEventListener("resize",O),()=>{window.removeEventListener("resize",O)})),[M,O]),e.jsx(s.default,{children:i&&e.jsx(t.Wrapper,{apiKey:i,children:e.jsx(o.default,{setInfoWindow:x,currentInfoWindow:j,enableMoveSearch:m,onDragEnd:H,center:f,onClick:()=>{j&&j.close()},zoom:p,registeredMarkers:I,handleCurrentMap:z,style:{flexGrow:"1",height:"100%",width:"100%"},children:S&&S.length>0&&S.map(((n,t)=>e.jsx(a.default,{infoWindow:j,handleRegisteredMarkers:L,isSelected:n.isSelected,id:n.id,onInfoWindowCtaClick:w,canOpenInfoWindow:g,resultIcon:n.resultIcon,selectedIcon:n.selectedIcon,resultIconHover:n.resultIconHover,selectedIconHover:n.selectedIconHover,infoWindowConfig:n.infoWindowConfig,handleMarkerClicked:q,position:{lat:n.lat,lng:n.lng}},t)))})})})};
 //# sourceMappingURL=maps.js.map

package/cjs/organisms/maps/maps.js.map

@@ -1 +1 @@
-{"version":3,"file":"maps.js","sources":["../../../../../src/organisms/maps/maps.tsx"],"sourcesContent":[null],"names":["Maps","React","forwardRef","_a","ref","apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","__rest","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","e","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}
+{"version":3,"file":"maps.js","sources":["../../../../src/organisms/maps/maps.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport Map from './mapComponents/mapComponent';\nimport Marker from './mapComponents/markerComponent';\nimport useMap from './hook/useMap';\nimport { contentString } from './mapComponents/infoWindowConfig';\nimport MapStyled from './mapComponents/mapStyled';\n/**\n * @description SkodaFlow Map component.\n * Properties are inherited from HTML Map element.\n * @param props MapProps\n * @returns React Functional Component\n */\nexport const Maps = ({ apiKey, enableFitBound, hideControlsOnMobile, markers, center, zoom, enableMoveSearch, canOpenInfoWindow = true, markerSelectedId, callbackMarkerClicked, onDragEndCallback, onInfoWindowCtaClick, }) => {\n    const [registeredMarkers, setRegisteredMarkers] = useState([]);\n    const { onMarkerClick } = useMap();\n    const [currentMap, setCurrentMap] = useState(null);\n    const [markerList, setMarkerList] = useState([]);\n    const [infoWindow, setInfoWindow] = useState(null);\n    useEffect(() => {\n        onMarkerClick(markerSelectedId, registeredMarkers);\n    }, [markerSelectedId, registeredMarkers, onMarkerClick]);\n    //ON CLICK ON MAP EVENT\n    const onClick = () => {\n        if (infoWindow) {\n            infoWindow.close();\n        }\n    };\n    //METHOD CALLED CLICK ON MORE DETAIL CTA IN INFO WINDOW\n    const onClickMoreDetail = (currentInfo, _onInfoWindowCtaClick) => {\n        _onInfoWindowCtaClick && _onInfoWindowCtaClick();\n        currentInfo.close();\n    };\n    //Change the icon on marker selected\n    //FIRE THE CALLBACK FROM THE OUTSIDE RETURN THE CLICKED MARKER\n    //OPEN THE INFO WINDOW ON THE SELECTED MARKER IF IT IS POSSIBLE AND PUSH IN THE CONTENT STRING WITH ALL THE INFORMATIONS NEEDED\n    const handleMarkerClicked = async (marker, currentInfo, canOpen, infoWindowConfig, _onInfoWindowCtaClick) => {\n        onMarkerClick(marker.id, registeredMarkers);\n        callbackMarkerClicked && callbackMarkerClicked(marker);\n        //TODO: SET ANCHOR MARKER TO THE INFO WINDOW WITH THE CLICKE DONE\n        if (canOpen && infoWindowConfig) {\n            const content = contentString(infoWindowConfig);\n            currentInfo.setContent(content);\n            await currentInfo.open({\n                anchor: marker,\n                map: currentMap,\n            });\n            const moreDetailBtn = document.getElementById('info-detail-cta');\n            if (moreDetailBtn) {\n                moreDetailBtn.removeEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n                moreDetailBtn.addEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n            }\n        }\n    };\n    //Save the registered markers on the map\n    //Registered markers will be used to change markers already visible on the map (ex. icon type)\n    const handleRegisteredMarkers = useCallback((marker) => {\n        setRegisteredMarkers((prevArr) => [marker, ...prevArr]);\n    }, []);\n    // Deletes all markers in the array by removing references to them.\n    const deleteMarkers = useCallback(() => {\n        if (registeredMarkers && registeredMarkers.length > 0) {\n            registeredMarkers.forEach((currentMarker) => {\n                currentMarker.setMap(null);\n            });\n        }\n        setRegisteredMarkers([]);\n        setMarkerList([]);\n    }, [registeredMarkers]);\n    //WHENEVER A NEW MARKER LIST IS GIVEN, DELETE ALL THE PREVIOUS ONES\n    useEffect(() => {\n        deleteMarkers();\n    }, [markers]); // eslint-disable-line\n    //SET A NEW MARKER LIST WHENEVER A NEW LIST IS GIVEN\n    useEffect(() => {\n        if (markerList.length <= 0 && registeredMarkers.length <= 0) {\n            setMarkerList(markers);\n        }\n    }, [markerList, markers, registeredMarkers]);\n    //FIRE THE FITBOUNDS EVENT WHEN THE MARKERS ON THE MAP CHANGES\n    //THE FITBOUD EVENT MAKES THE MAP ZOOM TO FIT IN THE VIEW ALL THE MARKERS VISIBLE\n    useEffect(() => {\n        if (enableFitBound && currentMap && registeredMarkers.length > 0) {\n            const bounds = new google.maps.LatLngBounds();\n            for (let i = 0; i < registeredMarkers.length; i++) {\n                const registeredPos = registeredMarkers[i].getPosition();\n                const position = {\n                    lat: registeredPos.lat(),\n                    lng: registeredPos.lng(),\n                };\n                bounds.extend(position);\n            }\n            currentMap.fitBounds(bounds);\n        }\n    }, [registeredMarkers, currentMap, enableFitBound]);\n    //SAVE INTO THE STATE THE REGISTERED GOOGLE MAP\n    const handleCurrentMap = useCallback((map) => {\n        if (map) {\n            setCurrentMap(map);\n        }\n    }, []);\n    //CALLBACK FIRED ON DRAG END EVENT OF THE GOOGLE MAP\n    const onDragEnd = useCallback((m) => {\n        const centerObj = m.getCenter();\n        const centerMap = {\n            lat: centerObj.lat(),\n            lng: centerObj.lng(),\n        };\n        onDragEndCallback && onDragEndCallback(m, centerMap);\n    }, [onDragEndCallback]);\n    const handleRecordMatchMedia = useCallback(() => {\n        const isMobile = window.matchMedia('(max-width: 719px)').matches;\n        const controlsContainer = document.getElementById('map-controls-container');\n        if (controlsContainer) {\n            if (isMobile) {\n                controlsContainer.style.display = hideControlsOnMobile ? 'none' : 'block';\n            }\n            else {\n                controlsContainer.style.display = 'block';\n            }\n        }\n    }, [hideControlsOnMobile]);\n    useEffect(() => {\n        handleRecordMatchMedia();\n        window.addEventListener('resize', handleRecordMatchMedia);\n        return () => {\n            window.removeEventListener('resize', handleRecordMatchMedia);\n        };\n    }, [currentMap, handleRecordMatchMedia]);\n    return (_jsx(MapStyled, { children: apiKey && (_jsx(Wrapper, { apiKey: apiKey, children: _jsx(Map, { setInfoWindow: setInfoWindow, currentInfoWindow: infoWindow, enableMoveSearch: enableMoveSearch, onDragEnd: onDragEnd, center: center, onClick: onClick, zoom: zoom, registeredMarkers: registeredMarkers, handleCurrentMap: handleCurrentMap, style: { flexGrow: '1', height: '100%', width: '100%' }, children: markerList &&\n                    markerList.length > 0 &&\n                    markerList.map((marker, i) => {\n                        return (_jsx(Marker, { infoWindow: infoWindow, handleRegisteredMarkers: handleRegisteredMarkers, isSelected: marker.isSelected, id: marker.id, onInfoWindowCtaClick: onInfoWindowCtaClick, canOpenInfoWindow: canOpenInfoWindow, resultIcon: marker.resultIcon, selectedIcon: marker.selectedIcon, resultIconHover: marker.resultIconHover, selectedIconHover: marker.selectedIconHover, infoWindowConfig: marker.infoWindowConfig, handleMarkerClicked: handleMarkerClicked, position: { lat: marker.lat, lng: marker.lng } }, i));\n                    }) }) })) }));\n};\n//# sourceMappingURL=maps.js.map"],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}

package/cjs/organisms/maps/utils/mapConfig.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./style.js"),t=require("./mapIcons.js");const o=(e,o,n)=>{e.style.padding="5px",e.style.marginRight="19px";const s=document.createElement("div");e.appendChild(s),((e,o)=>{const n=document.createElement("div");n.style.width="40px",n.style.height="40px",n.style.borderRadius="4px 4px 0px 0px",n.style.background="#FFFFFF",n.style.cursor="pointer",n.style.marginBottom="1px",n.style.display="flex",n.style.flexDirection="column",n.style.justifyContent="center",e.appendChild(n);const s=document.createElement("img");s.style.width="15px",s.style.height="15px",s.style.margin="0 auto",s.src=t.MapIconVariant.PLUS,n.appendChild(s);const i=document.createElement("div");i.style.width="40px",i.style.height="40px",i.style.borderRadius="0px 0px 4px 4px",i.style.background="#FFFFFF",i.style.cursor="pointer",i.style.display="flex",i.style.flexDirection="column",i.style.justifyContent="center",e.appendChild(i);const l=document.createElement("img");l.style.width="15px",l.style.height="15px",l.style.margin="0 auto",l.src=t.MapIconVariant.MINUS,i.appendChild(l),google.maps.event.addDomListener(n,"click",(function(){o.setZoom(o.getZoom()+1)})),google.maps.event.addDomListener(i,"click",(function(){o.setZoom(o.getZoom()-1)}))})(s,o),((e,o,n)=>{const s=document.createElement("div");s.style.width="40px",s.style.height="40px",s.style.borderRadius="4px",s.style.background="#FFFFFF",s.style.cursor="pointer",s.style.display="flex",s.style.flexDirection="column",s.style.justifyContent="center",s.style.marginTop="10px",e.appendChild(s);const i=document.createElement("img");i.style.width="20px",i.style.height="20px",i.style.margin="0 auto",i.src=t.MapIconVariant.CENTER_LOCATIONS,s.appendChild(i),s.addEventListener("click",(()=>{navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const s={lat:e.coords.latitude,lng:e.coords.longitude};n.setOptions({position:s,icon:t.MapIconVariant.LIVE_POSITION_ON,map:o}),o.setCenter(s)}),(e=>{n.setIcon(t.MapIconVariant.LIVE_POSITION_OFF);const s=n.getPosition();o.setCenter(s)}))}))})(s,o,n)};exports.handleControls=(e,t)=>{const n=document.createElement("div");n.setAttribute("id","map-controls-container"),o(n,e,t),e.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(n)},exports.mapConfig=t=>{const{center:o,zoom:n}=t;return{mapTypeControl:!1,streetViewControl:!1,fullscreenControl:!1,disableDefaultUI:!0,center:o,zoom:n||12,styles:e.styleJSON}};
+"use strict";var e=require("./style.js"),t=require("./mapIcons.js");const o=(e,o,n)=>{e.style.padding="5px",e.style.marginRight="19px";const s=document.createElement("div");e.appendChild(s),((e,o)=>{const n=document.createElement("div");n.style.width="40px",n.style.height="40px",n.style.borderRadius="4px 4px 0px 0px",n.style.background="#FFFFFF",n.style.cursor="pointer",n.style.marginBottom="1px",n.style.display="flex",n.style.flexDirection="column",n.style.justifyContent="center",e.appendChild(n);const s=document.createElement("img");s.style.width="15px",s.style.height="15px",s.style.margin="0 auto",s.src=t.MapIconVariant.PLUS,n.appendChild(s);const i=document.createElement("div");i.style.width="40px",i.style.height="40px",i.style.borderRadius="0px 0px 4px 4px",i.style.background="#FFFFFF",i.style.cursor="pointer",i.style.display="flex",i.style.flexDirection="column",i.style.justifyContent="center",e.appendChild(i);const l=document.createElement("img");l.style.width="15px",l.style.height="15px",l.style.margin="0 auto",l.src=t.MapIconVariant.MINUS,i.appendChild(l),google.maps.event.addDomListener(n,"click",(function(){o.setZoom(o.getZoom()+1)})),google.maps.event.addDomListener(i,"click",(function(){o.setZoom(o.getZoom()-1)}))})(s,o),((e,o,n)=>{const s=document.createElement("div");s.style.width="40px",s.style.height="40px",s.style.borderRadius="4px",s.style.background="#FFFFFF",s.style.cursor="pointer",s.style.display="flex",s.style.flexDirection="column",s.style.justifyContent="center",s.style.marginTop="10px",e.appendChild(s);const i=document.createElement("img");i.style.width="20px",i.style.height="20px",i.style.margin="0 auto",i.src=t.MapIconVariant.CENTER_LOCATIONS,s.appendChild(i),s.addEventListener("click",(()=>{navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const s={lat:e.coords.latitude,lng:e.coords.longitude};n.setOptions({position:s,icon:t.MapIconVariant.LIVE_POSITION_ON,map:o}),o.setCenter(s)}),(()=>{n.setIcon(t.MapIconVariant.LIVE_POSITION_OFF);const e=n.getPosition();o.setCenter(e)}))}))})(s,o,n)};exports.handleControls=(e,t)=>{const n=document.createElement("div");n.setAttribute("id","map-controls-container"),o(n,e,t),e.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(n)},exports.mapConfig=t=>{const{center:o,zoom:n}=t;return{mapTypeControl:!1,streetViewControl:!1,fullscreenControl:!1,disableDefaultUI:!0,center:o,zoom:n||12,styles:e.styleJSON}};
 //# sourceMappingURL=mapConfig.js.map

package/cjs/organisms/maps/utils/mapConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapConfig.js","sources":["../../../../../../src/organisms/maps/utils/mapConfig.ts"],"sourcesContent":[null],"names":["MapControl","controlDiv","map","geoMarker","style","padding","marginRight","controlWrapper","document","createElement","appendChild","zoomInButton","width","height","borderRadius","background","cursor","marginBottom","display","flexDirection","justifyContent","zoomInIcon","margin","src","MapIconVariant","PLUS","zoomOutButton","zoomOutIcon","MINUS","google","maps","event","addDomListener","setZoom","getZoom","zoomInOutControls","centerControlButton","marginTop","centerLocationIcon","CENTER_LOCATIONS","addEventListener","navigator","geolocation","getCurrentPosition","position","pos","lat","coords","latitude","lng","longitude","setOptions","icon","LIVE_POSITION_ON","setCenter","e","setIcon","LIVE_POSITION_OFF","markerLastPosition","getPosition","locationCenterControl","zoomControlDiv","setAttribute","controls","ControlPosition","RIGHT_BOTTOM","push","options","center","zoom","mapTypeControl","streetViewControl","fullscreenControl","disableDefaultUI","styles","styleJSON"],"mappings":"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"}
+{"version":3,"file":"mapConfig.js","sources":["../../../../../src/organisms/maps/utils/mapConfig.ts"],"sourcesContent":["import { styleJSON } from './style';\nimport { MapIconVariant } from './mapIcons';\n/**\n * The ZoomControl adds +/- button for the map\n */\nconst zoomInOutControls = (controlWrapper, map) => {\n    // Set CSS for the zoomIn\n    const zoomInButton = document.createElement('div');\n    zoomInButton.style.width = '40px';\n    zoomInButton.style.height = '40px';\n    zoomInButton.style.borderRadius = '4px 4px 0px 0px';\n    zoomInButton.style.background = '#FFFFFF';\n    zoomInButton.style.cursor = 'pointer';\n    zoomInButton.style.marginBottom = '1px';\n    zoomInButton.style.display = 'flex';\n    zoomInButton.style.flexDirection = 'column';\n    zoomInButton.style.justifyContent = 'center';\n    controlWrapper.appendChild(zoomInButton);\n    const zoomInIcon = document.createElement('img');\n    zoomInIcon.style.width = '15px';\n    zoomInIcon.style.height = '15px';\n    zoomInIcon.style.margin = '0 auto';\n    zoomInIcon.src = MapIconVariant.PLUS;\n    zoomInButton.appendChild(zoomInIcon);\n    // Set CSS for the zoomOut\n    const zoomOutButton = document.createElement('div');\n    zoomOutButton.style.width = '40px';\n    zoomOutButton.style.height = '40px';\n    zoomOutButton.style.borderRadius = '0px 0px 4px 4px';\n    zoomOutButton.style.background = '#FFFFFF';\n    zoomOutButton.style.cursor = 'pointer';\n    zoomOutButton.style.display = 'flex';\n    zoomOutButton.style.flexDirection = 'column';\n    zoomOutButton.style.justifyContent = 'center';\n    controlWrapper.appendChild(zoomOutButton);\n    const zoomOutIcon = document.createElement('img');\n    zoomOutIcon.style.width = '15px';\n    zoomOutIcon.style.height = '15px';\n    zoomOutIcon.style.margin = '0 auto';\n    zoomOutIcon.src = MapIconVariant.MINUS;\n    zoomOutButton.appendChild(zoomOutIcon);\n    // Setup the click event listener - zoomIn\n    google.maps.event.addDomListener(zoomInButton, 'click', function () {\n        map.setZoom(map.getZoom() + 1);\n    });\n    // Setup the click event listener - zoomOut\n    google.maps.event.addDomListener(zoomOutButton, 'click', function () {\n        map.setZoom(map.getZoom() - 1);\n    });\n};\n/**\n * The center location button for the map\n *\n */\nconst locationCenterControl = (controlWrapper, map, geoMarker) => {\n    const centerControlButton = document.createElement('div');\n    centerControlButton.style.width = '40px';\n    centerControlButton.style.height = '40px';\n    centerControlButton.style.borderRadius = '4px';\n    centerControlButton.style.background = '#FFFFFF';\n    centerControlButton.style.cursor = 'pointer';\n    centerControlButton.style.display = 'flex';\n    centerControlButton.style.flexDirection = 'column';\n    centerControlButton.style.justifyContent = 'center';\n    centerControlButton.style.marginTop = '10px';\n    controlWrapper.appendChild(centerControlButton);\n    const centerLocationIcon = document.createElement('img');\n    centerLocationIcon.style.width = '20px';\n    centerLocationIcon.style.height = '20px';\n    centerLocationIcon.style.margin = '0 auto';\n    centerLocationIcon.src = MapIconVariant.CENTER_LOCATIONS;\n    centerControlButton.appendChild(centerLocationIcon);\n    // When user click on geolocation icon, if geolocation is active center the map on the user position\n    //Otherwhise center to the last centered position\n    centerControlButton.addEventListener('click', () => {\n        if (navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition((position) => {\n                const pos = {\n                    lat: position.coords.latitude,\n                    lng: position.coords.longitude,\n                };\n                geoMarker.setOptions({\n                    position: pos,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(pos);\n            }, () => {\n                geoMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n                const markerLastPosition = geoMarker.getPosition();\n                map.setCenter(markerLastPosition);\n            });\n        }\n    });\n};\nconst MapControl = (controlDiv, map, geoMarker) => {\n    // Creating divs & styles for custom zoom control\n    controlDiv.style.padding = '5px';\n    controlDiv.style.marginRight = '19px';\n    // Set CSS for the control wrapper\n    const controlWrapper = document.createElement('div');\n    controlDiv.appendChild(controlWrapper);\n    zoomInOutControls(controlWrapper, map);\n    locationCenterControl(controlWrapper, map, geoMarker);\n};\nconst handleControls = (map, geoMarker) => {\n    // Create the DIV to hold the control and call the ZoomControl() constructor\n    // passing in this DIV.\n    const zoomControlDiv = document.createElement('div');\n    zoomControlDiv.setAttribute('id', 'map-controls-container');\n    MapControl(zoomControlDiv, map, geoMarker);\n    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(zoomControlDiv);\n};\nconst mapConfig = (options) => {\n    const { center, zoom } = options;\n    const customZoom = zoom ? zoom : 12;\n    return {\n        mapTypeControl: false,\n        streetViewControl: false,\n        fullscreenControl: false,\n        /* Disabling default UI widgets */\n        disableDefaultUI: true,\n        center,\n        zoom: customZoom,\n        styles: styleJSON,\n    };\n};\nexport { mapConfig, handleControls };\n//# sourceMappingURL=mapConfig.js.map"],"names":["MapControl","controlDiv","map","geoMarker","style","padding","marginRight","controlWrapper","document","createElement","appendChild","zoomInButton","width","height","borderRadius","background","cursor","marginBottom","display","flexDirection","justifyContent","zoomInIcon","margin","src","MapIconVariant","PLUS","zoomOutButton","zoomOutIcon","MINUS","google","maps","event","addDomListener","setZoom","getZoom","zoomInOutControls","centerControlButton","marginTop","centerLocationIcon","CENTER_LOCATIONS","addEventListener","navigator","geolocation","getCurrentPosition","position","pos","lat","coords","latitude","lng","longitude","setOptions","icon","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","markerLastPosition","getPosition","locationCenterControl","zoomControlDiv","setAttribute","controls","ControlPosition","RIGHT_BOTTOM","push","options","center","zoom","mapTypeControl","streetViewControl","fullscreenControl","disableDefaultUI","styles","styleJSON"],"mappings":"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"}

package/cjs/organisms/maps/utils/mapIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapIcons.js","sources":["../../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":[null],"names":["MapIconVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAQXA,oBAAA,GARWA,EAAAA,QAAcA,iBAAdA,uBAQX,CAAA,IAPC,KAAA,qUACAA,EAAA,MAAA,yQACAA,EAAA,iBAAA,yuBACAA,EAAA,kBAAA,quCACAA,EAAA,iBAAA,q0CACAA,EAAA,QAAA,iPACAA,EAAA,aAAA"}
+{"version":3,"file":"mapIcons.js","sources":["../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":["export var MapIconVariant;\n(function (MapIconVariant) {\n    MapIconVariant[\"PLUS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n    MapIconVariant[\"MINUS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n    MapIconVariant[\"CENTER_LOCATIONS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n    MapIconVariant[\"LIVE_POSITION_OFF\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K\";\n    MapIconVariant[\"LIVE_POSITION_ON\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=\";\n    MapIconVariant[\"CLUSTER\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==\";\n    MapIconVariant[\"ARROW_DETAIL\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n})(MapIconVariant || (MapIconVariant = {}));\n//# sourceMappingURL=mapIcons.js.map"],"names":["MapIconVariant"],"mappings":"aACA,IAAWA,EADAA,QAAeA,oBAAA,GACfA,EAQRA,QAAcA,iBAAKA,uBAAiB,CAAA,IAPd,KAAI,qUACzBA,EAAsB,MAAI,yQAC1BA,EAAiC,iBAAI,yuBACrCA,EAAkC,kBAAI,quCACtCA,EAAiC,iBAAI,q0CACrCA,EAAwB,QAAI,iPAC5BA,EAA6B,aAAI"}

package/cjs/organisms/maps/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":[null],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"aAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACvB,CACEC,YAAa,cACbC,QAAS,CACP,CACEC,WAAY,SAIlB,CACEC,YAAaR,EACbM,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,SACbC,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,YACbF,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAa,cACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,QACbF,QAAS,CACP,CACEG,MAAO"}
+{"version":3,"file":"style.js","sources":["../../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":["const geometryFill = 'geometry.fill';\nconst labelsTextFill = 'labels.text.fill';\nconst labelsTextStroke = 'labels.text.stroke';\nconst administrative = 'administrative';\nconst administrativeCountry = 'administrative.country';\nconst labelsText = 'labels.text';\nconst transitStationAirport = 'transit.station.airport';\nexport const styleJSON = [\n    {\n        elementType: 'labels.icon',\n        stylers: [\n            {\n                visibility: 'off',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'geometry',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#efefef',\n            },\n            {\n                visibility: 'on',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'geometry.stroke',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'labels',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n            {\n                visibility: 'on',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'administrative',\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'landscape',\n        stylers: [\n            {\n                color: '#F1F1F1',\n            },\n        ],\n    },\n    {\n        featureType: 'landscape.man_made',\n        elementType: 'geometry.stroke',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: 'geometry',\n        stylers: [\n            {\n                color: '#cfe8e0',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'road.highway',\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#ffeeac',\n            },\n        ],\n    },\n    {\n        featureType: 'transit.line',\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#C4C6C7',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#E4E4E4',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: 'labels.icon',\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'water',\n        stylers: [\n            {\n                color: '#bbe2fb',\n            },\n        ],\n    },\n];\n//# sourceMappingURL=style.js.map"],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"aAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACrB,CACIC,YAAa,cACbC,QAAS,CACL,CACIC,WAAY,SAIxB,CACIC,YAAaR,EACbM,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,SACbC,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,YACbF,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAa,cACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,QACbF,QAAS,CACL,CACIG,MAAO"}

package/cjs/organisms/notification/Notification.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../components/icon/icon.js");var r=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("../../components/menuItem/menuItem.js"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/textInput/textInput.js"),require("../../components/toggleSwitch/toggleSwitch.js");var o=require("@mui/material");require("../../components/agGrid/agGrid.js"),require("react"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/helperTextContent/index.js"),require("../../components/alert/AlertButton.js"),require("../gallery/Gallery.js"),require("../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/accordion.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicle.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("../maps/maps.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationItem.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/FooterNavItem.js"),require("../../production/Button.js");const t=o.styled(o.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=i=>{const s=o.useTheme();return e.jsxs(o.Box,{sx:{background:"grey"===i.color?s.palette.surface.primary:s.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[i.icon&&e.jsx(t,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:i.icon}),e.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(o.Box,{display:"flex",alignItems:"center",children:[i.isNew&&e.jsx(r.Indicator,{variant:"neutral"}),e.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:i.headline})})]}),e.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof i.description?e.jsx(o.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:i.description}):i.description}),i.footer&&e.jsx(o.Typography,{variant:"disclaimer",color:s.palette.onSurface.os500,"data-testid":"Notification.footer",children:i.footer}),i.buttons&&e.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:i.buttons})]}),i.onDismiss&&e.jsx(o.IconButton,{onClick:i.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(o.Icon,{fontSize:"small",className:"ballotx"})})]})};
+"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../components/icon/icon.js");var r=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem");var o=require("@mui/material");require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("react"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../gallery/Gallery.js"),require("../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("./NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/FooterNavItem.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js"),require("minimatch");const i=o.styled(o.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=t=>{const s=o.useTheme();return e.jsxs(o.Box,{sx:{background:"grey"===t.color?s.palette.surface.primary:s.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[t.icon&&e.jsx(i,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:t.icon}),e.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(o.Box,{display:"flex",alignItems:"center",children:[t.isNew&&e.jsx(r.Indicator,{variant:"neutral"}),e.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:t.headline})})]}),e.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof t.description?e.jsx(o.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:t.description}):t.description}),t.footer&&e.jsx(o.Typography,{variant:"disclaimer",color:s.palette.onSurface.os500,"data-testid":"Notification.footer",children:t.footer}),t.buttons&&e.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:t.buttons})]}),t.onDismiss&&e.jsx(o.IconButton,{onClick:t.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(o.Icon,{fontSize:"small",className:"ballotx"})})]})};
 //# sourceMappingURL=Notification.js.map

package/cjs/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":[null],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"8yJAkBa,MA0GPA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CAC1CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlH4CC,IACxD,MAAMZ,EAAQa,EAAAA,WAEd,OACEC,EAAAC,KAAChB,MAAG,CACFiB,GAAI,CACFT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAb,EAAMc,MACLC,EAACC,IAAA/B,EACC,CAAAmB,GAAI,CACFf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cACW,oBAAmBR,SAE9Bb,EAAMc,OAIXZ,EAACC,KAAAhB,MACC,CAAAiB,GAAI,CACFX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAGjBG,SAAA,CAAAX,EAAAC,KAAChB,MAAG,CAACE,QAAQ,OAAOE,WAAW,SAAQsB,SAAA,CACpCb,EAAMuB,OAASR,EAAAA,IAACS,EAASA,UAAC,CAAAC,QAAQ,YACnCV,EAACC,IAAA7B,MACC,CAAAiB,GAAI,CACFsB,WAAY,SACZP,SAAU,SACVQ,aAAc,YACfd,SAEDE,EAACC,IAAAY,aAAW,CAAAH,QAAQ,cAAa,cAAa,wBAAuBZ,SAClEb,EAAM6B,gBAIbd,EAAAC,IAAC7B,EAAGA,IAAA,CAAA,cAAa,2BACd0B,SAA6B,iBAAtBb,EAAM8B,YACZf,EAAAC,IAACY,EAAUA,WAAA,CACTxB,GAAI,CACF2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVQ,aAAc,WACdtC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAEnBT,QAAQ,aAAYZ,SAEnBb,EAAM8B,cAGT9B,EAAiB,cAGpBA,EAAMmC,QACLpB,EAAAC,IAACY,aAAW,CAAAH,QAAQ,aAAapB,MAAOjB,EAAMQ,QAAQC,UAAUuC,oBAAmB,sBAAqBvB,SACrGb,EAAMmC,SAGVnC,EAAMqC,SACLtB,EAAAA,IAACuB,EAAKA,MAAC,CAAAC,UAAU,MAAMC,QAAS,gBAAe,uBAAsB3B,SAClEb,EAAMqC,aAKZrC,EAAMyC,WACL1B,EAAAA,IAAC2B,EAAAA,WAAU,CACTC,QAAS3C,EAAMyC,UACfG,KAAK,QACLxC,GAAI,CACFQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACPpD,OAAQ,SAEX,cACW,uBAEZmB,SAAAE,EAAAC,IAAC+B,EAAIA,KAAA,CAACC,SAAS,QAAQC,UAAU,gBAIvC"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { variant: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"44KAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEC,QAAS,YAAcV,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CACjIsB,WAAY,SACZP,SAAU,SACVQ,aAAc,YACfd,SAAUE,EAAIC,IAACY,aAAY,CAAEH,QAAS,cAAe,cAAe,wBAAyBZ,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACY,EAAUA,WAAE,CAAExB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVQ,aAAc,WACdtC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBT,QAAS,aAAcZ,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACY,aAAY,CAAEH,QAAS,aAAcpB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,gBAAsB"}

package/cjs/organisms/notification/NotificationCenter.d.ts

@@ -6,4 +6,4 @@ export type NotificationCenterProps = {
     onDismissAll?: () => void;
     height?: number | string;
 };
-export declare const NotificationCenter: React.FC<NotificationCenterProps>;
+export declare const NotificationCenter: import("react").ForwardRefExoticComponent<NotificationCenterProps & import("react").RefAttributes<HTMLDivElement>>;