npm - @skodaflow/web-library - Versions diffs - 5.0.0 → 7.0.0 - Mend

@skodaflow/web-library 5.0.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (649) hide show

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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, { name: isPaused ? 'play' : '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","name"],"mappings":"gVAKK,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,KAAMvB,EAAW,OAAS,aAAkB"}

package/cjs/organisms/maps/mapComponents/mapComponent.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ interface MapProps extends google.maps.MapOptions {
     center?: any;
     zoom?: any;
 }
-declare const Map: React.FC<MapProps>;
-export default Map;
+declare const MapComponent: React.FC<MapProps>;
+export default MapComponent;

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

	@@ -1 +1 @@
1	- {"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":"~~kWAOaA~~,~~IACT~~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"}
1	+ {"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 MapComponent = (_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 MapComponent;\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}const n=i(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.paletteLight.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.paletteLight.alert.main},"& > #info-dealer-opened":{color:t.paletteLight.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=n;
 //# sourceMappingURL=mapStyled.js.map

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.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":"iNAKK,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,aAAWC,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,aAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,aAAWK,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/notification/Notification.js CHANGED Viewed

@@ -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("@mui/material/MenuItem");var o=require("@mui/material");require("@mui/material/MobileStepper"),require("react"),require("../../components/mobileStepper/mobileStepperButton.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/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/accordion/accordionSummary.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("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/form/slider.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/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.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/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("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/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"})})]})};
+"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),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("../../components/controls/controls.js"),require("../../components/numbering/numbering.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("@mui/system"),require("lodash/noop"),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("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.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("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var i=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"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.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/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.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("minimatch");const o=r.styled(r.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 a=r.useTheme();return e.jsxs(r.Box,{sx:{background:"grey"===t.color?a.palette.surface.primary:a.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[t.icon&&e.jsx(o,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:t.icon}),e.jsxs(r.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",children:[t.isNew&&e.jsx(i.Indicator,{color:"neutral"}),e.jsx(r.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(r.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:t.headline})})]}),e.jsx(r.Box,{"data-testid":"Notification.description",children:"string"==typeof t.description?e.jsx(r.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(r.Typography,{variant:"disclaimer",color:a.palette.onSurface.os500,"data-testid":"Notification.footer",children:t.footer}),t.buttons&&e.jsx(r.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:t.buttons})]}),t.onDismiss&&e.jsx(r.IconButton,{onClick:t.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(r.Icon,{fontSize:"small",className:"ballotx close"})})]})};
 //# sourceMappingURL=Notification.js.map

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

	@@ -1 +1 @@
1	- {"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":"~~2nLAGY~~,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~~"}
1	+ {"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, { color: \"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 close\" }) }))] }));\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","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"u0IAGY,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,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,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,sBAA4B"}

package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@
 import { NotificationCenterProps } from './NotificationCenter';
 import { IndicatorProps } from '@/src/components';
 export type NotificationCenterHeaderButtonProps = NotificationCenterProps & {
-    indicator?: IndicatorProps['variant'];
+    indicator?: IndicatorProps['color'];
 };
 export declare const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps>;

package/cjs/organisms/shortcutLink/shortcutLink.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import { IconNameProp } from '../../components/icon';
 export interface ShortcutLinkProps {
-    iconName: string;
+    iconName: IconNameProp;
     title: string;
     subTitle: string;
     linkLabel: string;

package/cjs/organisms/shortcutLink/shortcutLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/icon.js");const a=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t=Object.assign(Object.assign({},t),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),t}));exports.ShortcutLink=({iconName:r,title:s,subTitle:o,linkLabel:l,linkURL:c,isExternalLink:p,analyticsCallback:x})=>{const d=t.useCallback((e=>{x&&x(e)}),[x]);return e.jsxs(a,{children:[e.jsx(i.Icon,{className:`${r} sl-icon`,fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:o})]}),e.jsx("a",{href:c,target:p?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:l,direction:"forward",onClick:d})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t=Object.assign(Object.assign({},t),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),t}));exports.ShortcutLink=({iconName:r,title:s,subTitle:o,linkLabel:l,linkURL:c,isExternalLink:p,analyticsCallback:x})=>{const d=t.useCallback((e=>{x&&x(e)}),[x]);return e.jsxs(a,{children:[e.jsx(i.Icon,{name:r,className:"sl-icon",fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:o})]}),e.jsx("a",{href:c,target:p?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:l,direction:"forward",onClick:d})})]})};
 //# sourceMappingURL=shortcutLink.js.map

package/cjs/organisms/shortcutLink/shortcutLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shortcutLink.js","sources":["../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n const handleOnClick = useCallback((e) => {\n analyticsCallback && analyticsCallback(e);\n }, [analyticsCallback]);\n return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { ~~className~~: ~~`${~~iconName} sl-icon`, fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n textDecoration: 'none',\n }, button: {\n paddingLeft: '0',\n }, '.text-wrapper': {\n paddingTop: '20px',\n paddingBottom: '6px',\n }, span: {\n display: 'block',\n }, '> .sa-i': {\n display: 'none',\n }, h4: {\n marginTop: '0',\n letterSpacing: '0.4px',\n }, '.body': {\n letterSpacing: '0.4px',\n }, '.sl-icon': {\n fontSize: '32px',\n }, [theme.breakpoints.down('md')]: {\n h4: {\n marginBottom: '2px',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.2px',\n },\n '.body': {\n letterSpacing: '0.2px',\n lineHeight: '16px',\n fontSize: '12px',\n },\n }, [theme.breakpoints.up('md')]: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n '> .sa-i': {\n display: 'block',\n },\n h4: {\n marginBottom: '0',\n },\n } });\n return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLinkStyled","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"~~6JAMY~~,MAMNA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACXC,SAAU,QACX,CAACjB,EAAMkB,YAAYC,KAAK,OAAQ,CAC/BL,GAAI,CACAM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAEf,CAACjB,EAAMkB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAM,aAAc,QAGnBnB,CAAM,yBAhDW,EAAGuB,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,eAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAKC,KAACrC,EAAoB,CAAEsC,SAAU,CAACC,EAAIC,IAACC,EAAIA,KAAE,CAAEC,UAAW,~~GAAGhB~~,~~YAAoBP,~~SAAU,UAAYiB,~~EAAKC~~,~~KAAC~~,MAAO,~~CAAEK~~,UAAW,~~eAAgBJ~~,SAAU,CAACC,EAAIC,IAAC,KAAM,CAAEF,SAAUX,IAAUY,EAAAA,IAAK,OAAQ,~~CAAEG~~,UAAW,~~OAAQJ~~,SAAUV,OAAiBW,EAAIC,IAAC,IAAK,~~CAAEG~~,~~KAAMb~~,~~EAASc~~,~~OAAQb~~,EAAiB,SAAW,~~QAASc~~,IAAK,~~aAAcP~~,SAAUC,EAAAA,~~IAAKO~~,EAAAA,OAAQ,CAAEC,QAASC,EAAcA,eAACC,WAAYC,~~MAAOrB~~,~~EAAWsB~~,UAAW,UAAWC,~~QAASnB~~,QAAyB"}
1	+ {"version":3,"file":"shortcutLink.js","sources":["../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n const handleOnClick = useCallback((e) => {\n analyticsCallback && analyticsCallback(e);\n }, [analyticsCallback]);\n return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { name: iconName, className: \"sl-icon\", fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n textDecoration: 'none',\n }, button: {\n paddingLeft: '0',\n }, '.text-wrapper': {\n paddingTop: '20px',\n paddingBottom: '6px',\n }, span: {\n display: 'block',\n }, '> .sa-i': {\n display: 'none',\n }, h4: {\n marginTop: '0',\n letterSpacing: '0.4px',\n }, '.body': {\n letterSpacing: '0.4px',\n }, '.sl-icon': {\n fontSize: '32px',\n }, [theme.breakpoints.down('md')]: {\n h4: {\n marginBottom: '2px',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.2px',\n },\n '.body': {\n letterSpacing: '0.2px',\n lineHeight: '16px',\n fontSize: '12px',\n },\n }, [theme.breakpoints.up('md')]: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n '> .sa-i': {\n display: 'block',\n },\n h4: {\n marginBottom: '0',\n },\n } });\n return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLinkStyled","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"kNAMY,MAMNA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACXC,SAAU,QACX,CAACjB,EAAMkB,YAAYC,KAAK,OAAQ,CAC/BL,GAAI,CACAM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAEf,CAACjB,EAAMkB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAM,aAAc,QAGnBnB,CAAM,yBAhDW,EAAGuB,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,eAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAKC,KAACrC,EAAoB,CAAEsC,SAAU,CAACC,EAAIC,IAACC,EAAIA,KAAE,CAAEC,KAAMhB,EAAUiB,UAAW,UAAWxB,SAAU,UAAYiB,EAAAA,KAAM,MAAO,CAAEO,UAAW,eAAgBL,SAAU,CAACC,EAAIC,IAAC,KAAM,CAAEF,SAAUX,IAAUY,EAAAA,IAAK,OAAQ,CAAEI,UAAW,OAAQL,SAAUV,OAAiBW,EAAIC,IAAC,IAAK,CAAEI,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAK,aAAcR,SAAUC,EAAAA,IAAKQ,EAAAA,OAAQ,CAAEC,QAASC,EAAcA,eAACC,WAAYC,MAAOtB,EAAWuB,UAAW,UAAWC,QAASpB,QAAyB"}

package/cjs/organisms/textCta/textCta.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '../../components/button';
+import { IconNameProp } from '../../components/icon';
 export type variants = 'subHeadline' | 'h1' | 'h2' | 'h3' | 'h4';
 export interface TextCtaProps {
     /**
@@ -60,7 +61,7 @@ export interface TextCtaProps {
      */
     listItems?: {
         text?: string;
-        icon?: string;
+        icon?: IconNameProp;
     }[];
     /**
      *object appStore Badge:

package/cjs/organisms/textCta/textCta.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material/styles"),r=require("../../components/label/label.js"),s=require("@mui/material"),o=require("../../components/button/button.js"),a=require("../../components/icon/icon.js");const l=i.forwardRef(((n,l)=>{var{label:p,headlineTitle:d,text:c,showFirstButton:h=!1,showSecondButton:m=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:B,listItems:b,showAppStore:j=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=n,y=t.__rest(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const k=i.useCallback((t=>{window.open(t,"_blank")}),[]),P=i.useCallback(((t,e,i)=>{i&&k(i),e&&e(t)}),[k]),v=i.useCallback(((t,i)=>{const n=Object.assign(Object.assign({},t),{url:t.url||null});return e.jsx(o.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(x,Object.assign({ref:l,listItems:b},y,{children:[p&&e.jsx(r.Label,{label:p}),d&&e.jsx("div",{className:"headlineContainer",children:e.jsx(s.Typography,{className:"textCtaHeadline",children:d})}),c&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:c}),b&&b.length>0&&e.jsx(s.List,{className:"textCtaList",children:b.map(((t,i)=>e.jsxs(s.ListItem,{children:[e.jsx(a.Icon,{className:t.icon||"check"}),t.text]},"text-cta-list-item"+i)))}),e.jsxs("div",{className:"textCtaBtnGroup",children:[(!j||!f)&&e.jsxs(e.Fragment,{children:[h&&v(S,u),m&&v(B,g)]}),(!h||!m)&&e.jsxs(e.Fragment,{children:[j&&e.jsx("span",{className:"appStoreBadge",onClick:()=>k(C.url),children:e.jsx("img",{src:C.img,alt:C.alt})}),f&&e.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:w}})]})]})]}))})),p=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},x=n.styled("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,n=t.__rest(e,["theme"]);let r={};return r={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},p(n.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},r}));exports.TextCta=l;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material/styles"),o=require("../../components/label/label.js"),r=require("@mui/material"),s=require("../../components/button/button.js"),a=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const l=i.forwardRef(((n,l)=>{var{label:p,headlineTitle:c,text:d,showFirstButton:h=!1,showSecondButton:m=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:B,listItems:j,showAppStore:b=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=n,y=t.__rest(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const k=i.useCallback((t=>{window.open(t,"_blank")}),[]),P=i.useCallback(((t,e,i)=>{i&&k(i),e&&e(t)}),[k]),v=i.useCallback(((t,i)=>{const n=Object.assign(Object.assign({},t),{url:t.url||null});return e.jsx(s.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(x,Object.assign({ref:l,listItems:j},y,{children:[p&&e.jsx(o.Label,{label:p}),c&&e.jsx("div",{className:"headlineContainer",children:e.jsx(r.Typography,{className:"textCtaHeadline",children:c})}),d&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:d}),j&&j.length>0&&e.jsx(r.List,{className:"textCtaList",children:j.map(((t,i)=>e.jsxs(r.ListItem,{children:[e.jsx(a.Icon,{name:t.icon||"check"}),t.text]},"text-cta-list-item"+i)))}),e.jsxs("div",{className:"textCtaBtnGroup",children:[(!b||!f)&&e.jsxs(e.Fragment,{children:[h&&v(S,u),m&&v(B,g)]}),(!h||!m)&&e.jsxs(e.Fragment,{children:[b&&e.jsx("span",{className:"appStoreBadge",onClick:()=>k(C.url),children:e.jsx("img",{src:C.img,alt:C.alt})}),f&&e.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:w}})]})]})]}))})),p=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},x=n.styled("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,n=t.__rest(e,["theme"]);let o={};return o={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},p(n.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},o}));exports.TextCta=l;
 //# sourceMappingURL=textCta.js.map

package/cjs/organisms/textCta/textCta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textCta.js","sources":["../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/*\n @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const TextCta = forwardRef((_a, ref) => {\n var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n const handleOnClickBtn = useCallback((e, callback, url) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n }, [handleUrlClick]);\n const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url \|\| null });\n return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n }, [handleOnClickBtn]);\n return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n return (_jsxs(ListItem, { children: [_jsx(Icon, { className: item.icon \|\| 'check' }), item.text] }, 'text-cta-list-item' + index));\n }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore \|\| !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton \|\| !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","children","jsx","Label","className","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
1	+ {"version":3,"file":"textCta.js","sources":["../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/*\n @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const TextCta = forwardRef((_a, ref) => {\n var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n const handleOnClickBtn = useCallback((e, callback, url) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n }, [handleUrlClick]);\n const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url \|\| null });\n return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n }, [handleOnClickBtn]);\n return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n return (_jsxs(ListItem, { children: [_jsx(Icon, { name: item.icon \|\| 'check' }), item.text] }, 'text-cta-list-item' + index));\n }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore \|\| !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton \|\| !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","children","jsx","Label","className","Typography","length","List","map","item","index","ListItem","Icon","name","icon","_Fragment","Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/cjs/organisms/tile/tile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),a=require("@emotion/styled"),r=require("../../components/label/label.js"),o=require("../../components/labelFeature/labelFeature.js"),l=require("../../components/labelPromotional/labelPromotional.js"),n=require("../../components/divider/divider.js"),s=require("../common/menuCardComponent/menuCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),m=require("../../design/skoda/palette.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a);const x=a=>{var{tileContentPinned:m="top",isBorderRadius:c=!0,promotionalVariant:u="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[h,g]=t.useState(!1),j=i.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&h?i.jsx(d.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):i.jsx(d.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),v=i.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&i.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&i.jsx(n.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&i.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return i.jsx(b,{promotionalLabel:x.promotionalLabel,isBorderRadius:c,tileContentPinned:m,children:i.jsxs("div",{className:"tileWrapper",onMouseEnter:()=>{h||g(!0)},onMouseLeave:()=>{g(!1)},children:[x.isMenuDropdown&&i.jsx("div",{className:"tileDropdownMenu",onMouseEnter:()=>g(!1),onMouseLeave:()=>g(!0),children:i.jsx(s.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&i.jsx("div",{className:"tilePromotionalLabel",children:i.jsx(l.LabelPromotional,{variant:u,label:p.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===m&&j,i.jsxs("div",{className:"tileContent",children:[x.generalLabel&&i.jsx("div",{className:"tileGeneralLabel",children:i.jsx(r.Label,{label:p.handleMaxChars(x.generalLabel,30)})}),i.jsx("h4",{className:"tileTitle",children:p.handleMaxChars(x.title,20)}),x.featureLabel&&i.jsx("div",{className:"tileFeatureLabel",children:i.jsx(o.LabelFeature,{variant:x.featureLabelVariant,label:p.handleMaxChars(x.featureLabel,30)})}),"bottom"===m&&v]}),"top"===m&&j,"top"===m&&v]})})};x.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const b=u.default("div")((i=>{var{theme:t}=i,a=e.__rest(i,["theme"]);let r={};const{tileContentPinned:o,promotionalLabel:l,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:m.flowColors.surface.primary,padding:"0 0 24px 0",border:`1px solid ${m.flowColors.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:l?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===o?"-32px":"16px",marginBottom:"bottom"===o?"-32px":"0",[t.breakpoints.up("md")]:{height:"200px"},[t.breakpoints.up("lg")]:{height:"186px"},[t.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===o?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:m.flowColors.transparent.secondary}}},r}));exports.Tile=x;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@emotion/styled"),r=require("../../components/label/label.js"),l=require("../../components/labelFeature/labelFeature.js"),o=require("../../components/labelPromotional/labelPromotional.js"),n=require("../../components/divider/divider.js"),s=require("../common/menuCardComponent/menuCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),m=require("../../design/skoda/paletteLight.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a);const x=a=>{var{tileContentPinned:m="top",isBorderRadius:c=!0,promotionalVariant:u="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[g,b]=i.useState(!1),j=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&g?t.jsx(d.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(d.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),v=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(n.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(h,{promotionalLabel:x.promotionalLabel,isBorderRadius:c,tileContentPinned:m,children:t.jsxs("div",{className:"tileWrapper",onMouseEnter:()=>{g||b(!0)},onMouseLeave:()=>{b(!1)},children:[x.isMenuDropdown&&t.jsx("div",{className:"tileDropdownMenu",onMouseEnter:()=>b(!1),onMouseLeave:()=>b(!0),children:t.jsx(s.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(o.LabelPromotional,{variant:u,label:p.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===m&&j,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:p.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:p.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(l.LabelFeature,{variant:x.featureLabelVariant,label:p.handleMaxChars(x.featureLabel,30)})}),"bottom"===m&&v]}),"top"===m&&j,"top"===m&&v]})})};x.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const h=u.default("div")((t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:m.paletteLight.surface.primary,padding:"0 0 24px 0",border:`1px solid ${m.paletteLight.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:o?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===l?"-32px":"16px",marginBottom:"bottom"===l?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:m.paletteLight.transparent.secondary}}},r}));exports.Tile=x;
 //# sourceMappingURL=tile.js.map

package/cjs/organisms/tile/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const Tile = (_a) => {\n var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: flowColors.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${flowColors.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: flowColors.transparent.secondary,\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
1	+ {"version":3,"file":"tile.js","sources":["../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const Tile = (_a) => {\n var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: flowColors.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${flowColors.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: flowColors.transparent.secondary,\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","paletteLight","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/cjs/utils/useClosure/useClosure.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@
 /**
  * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.
  * @param {boolean} initiallyOpen - default isOpen value
+ * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`
  */
 export declare const useClosure: (initiallyOpen?: boolean) => {
     isOpen: boolean;

package/cjs/utils/useClosure/useClosure.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClosure.js","sources":["../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n */\nexport const useClosure = (initiallyOpen) => {\n const [isOpen, setOpen] = useState(initiallyOpen !== null && initiallyOpen !== void 0 ? initiallyOpen : false);\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n//# sourceMappingURL=useClosure.js.map"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"~~uDAK2BA~~,IACvB,MAAOC,EAAQC,GAAWC,EAAQA,SAACH,SAAqDA,GAClFI,EAAWC,eAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IACnD,MAAO,CACHD,SACAC,UACAE,WACAE,SACAC,UACH"}
1	+ {"version":3,"file":"useClosure.js","sources":["../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen) => {\n const [isOpen, setOpen] = useState(initiallyOpen !== null && initiallyOpen !== void 0 ? initiallyOpen : false);\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n//# sourceMappingURL=useClosure.js.map"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAM2BA,IACvB,MAAOC,EAAQC,GAAWC,EAAQA,SAACH,SAAqDA,GAClFI,EAAWC,eAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IACnD,MAAO,CACHD,SACAC,UACAE,WACAE,SACAC,UACH"}

package/cjs/utils/useFeatureFlag/useFeatureFlag.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * Returns allowed or disabled state of the feature based on the feature flag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @returns {boolean} allowed state of the feature
+ */
+export declare function evaluateFeatureFlag(featureFlag: string): boolean;
+/**
+ * Component that renders or not renders content based on the featureFlag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @param children - content
+ */
+export declare function FeatureFlagBlock({ children, featureFlag }: {
+    children: React.ReactNode;
+    featureFlag: string;
+}): React.ReactNode;
+/**
+ * Returns cached allowed or disabled state of the feature based on the feature flag
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ */
+export default function useFeatureFlag(featureFlag: string): boolean;

package/cjs/utils/useFeatureFlag/useFeatureFlag.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";require("react"),exports.evaluateFeatureFlag=function(e){let r;try{r=process.env}catch(e){}try{r=void 0}catch(e){return console.warn("FeatureFlags: Environment variables are not available"),!1}try{return"true"===r[`VITE_FEATURE_FLAG_${e}`]}catch(e){return!1}};
2	+ //# sourceMappingURL=useFeatureFlag.js.map

package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useFeatureFlag.js","sources":["../../../../src/utils/useFeatureFlag/useFeatureFlag.tsx"],"sourcesContent":["import { useMemo } from 'react';\n/**\n * Returns allowed or disabled state of the feature based on the feature flag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n * e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @returns {boolean} allowed state of the feature\n */\nexport function evaluateFeatureFlag(featureFlag) {\n // obtain environment variables\n let env;\n try {\n // we can use Node\n env = process.env;\n }\n catch (_a) { }\n try {\n // we are in Vite\n env = import.meta.env;\n }\n catch (_b) {\n console.warn('FeatureFlags: Environment variables are not available');\n return false;\n }\n try {\n // check if feature is active or not\n return env[`VITE_FEATURE_FLAG_${featureFlag}`] === 'true';\n }\n catch (_c) {\n return false;\n }\n}\n/**\n * Component that renders or not renders content based on the featureFlag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n * e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @param children - content\n */\nexport function FeatureFlagBlock({ children, featureFlag }) {\n const featureFlagEnabled = useFeatureFlag(featureFlag);\n return featureFlagEnabled ? children : null;\n}\n/**\n * Returns cached allowed or disabled state of the feature based on the feature flag\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n * e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n */\nexport default function useFeatureFlag(featureFlag) {\n return useMemo(() => evaluateFeatureFlag(featureFlag), [featureFlag]);\n}\n//# sourceMappingURL=useFeatureFlag.js.map"],"names":["featureFlag","env","process","_a","undefined","_b","console","warn","_c"],"mappings":"0DAQO,SAA6BA,GAEhC,IAAIC,EACJ,IAEIA,EAAMC,QAAQD,GACjB,CACD,MAAOE,GAAO,CACd,IAEIF,OAAMG,CACT,CACD,MAAOC,GAEH,OADAC,QAAQC,KAAK,0DACN,CACV,CACD,IAEI,MAAmD,SAA5CN,EAAI,qBAAqBD,IACnC,CACD,MAAOQ,GACH,OAAO,CACV,CACL"}