@skodaflow/web-library 4.2.0 → 6.0.0

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { className: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { className: \"ballotx\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { className: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","className","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{Box as e}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},s=s=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,className:"search-plus"})}),s.children]});export{i as GalleryHighlightSx,s as GalleryTrigger};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{Box as e}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},s=s=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,className:"search-plus"})}),s.children]});export{i as GalleryHighlightSx,s as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","className"],"mappings":"gnKAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKJ,EAAK,CAAEC,UAAWI,EAAMC,UAAW,kBAAqBR,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","className"],"mappings":"21KAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKJ,EAAK,CAAEC,UAAWI,EAAMC,UAAW,kBAAqBR,EAAMK"}

package/organisms/heroImageCard/heroImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\r\n  }\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n  .CardImageText {\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 540px;\r\n    }\r\n    .CardImageTitle {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 38px;\r\n        line-height: 48px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 44px;\r\n        line-height: 52px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\r\n    }\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
+{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\n      }\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/organisms/heroImageCard/videoCardController.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as r,useCallback as i,useEffect as n}from"react";import{Icon as o}from"../../components/icon/icon.js";import a from"@emotion/styled";import{useTheme as s}from"@mui/material/styles";const p=({videoRef:a,playPauseCallback:p})=>{const[c,u]=e(!1),d=r(null),m=s(),y=i((t=>{c?(p&&p("play",t),a.current.play()):(p&&p("pause",t),a.current.pause()),u(!c)}),[c,p,a]);return n((()=>{window.innerWidth<m.breakpoints.values.md&&(a.current.pause(),u(!0))}),[a,m.breakpoints.values.md]),n((()=>{window.innerWidth<m.breakpoints.values.md?c?(d.current.style.transitionDelay="0s",d.current.style.opacity=1):(d.current.style.transitionDelay="2s",d.current.style.opacity=0):(d.current.style.transitionDelay="0s",d.current.style.opacity=1)}),[c,m.breakpoints.values.md]),t(l,{ref:d,onClick:t=>y(t),children:t("div",{children:t(o,{className:c?"play-right":"pause"})})})},l=a("div")((({theme:t})=>{let e={};return e={[t.breakpoints.up("md")]:Object.assign(Object.assign({},e),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[t.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},e}));export{p as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as i,useCallback as r,useEffect as n}from"react";import{Icon as o}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import a from"@emotion/styled";import{useTheme as s}from"@mui/material/styles";const p=({videoRef:a,playPauseCallback:p})=>{const[c,u]=e(!1),d=i(null),m=s(),y=r((t=>{c?(p&&p("play",t),a.current.play()):(p&&p("pause",t),a.current.pause()),u(!c)}),[c,p,a]);return n((()=>{window.innerWidth<m.breakpoints.values.md&&(a.current.pause(),u(!0))}),[a,m.breakpoints.values.md]),n((()=>{window.innerWidth<m.breakpoints.values.md?c?(d.current.style.transitionDelay="0s",d.current.style.opacity=1):(d.current.style.transitionDelay="2s",d.current.style.opacity=0):(d.current.style.transitionDelay="0s",d.current.style.opacity=1)}),[c,m.breakpoints.values.md]),t(l,{ref:d,onClick:t=>y(t),children:t("div",{children:t(o,{name:c?"play":"pause"})})})},l=a("div")((({theme:t})=>{let e={};return e={[t.breakpoints.up("md")]:Object.assign(Object.assign({},e),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[t.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},e}));export{p as default};
 //# sourceMappingURL=videoCardController.js.map

package/organisms/heroImageCard/videoCardController.js.map

@@ -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":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","className","styled","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","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"yPAKK,MAACA,EAAsB,EAAGC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAERC,EAAkBC,GAAaC,IAC7BT,GACAD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAGjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAErBX,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAe,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC7CpB,EAASY,QAAQE,QACjBX,GAAY,GACf,GACF,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAEvCL,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GACzClB,GACAG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAI/ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC9C,GACF,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAC/BI,EAAKC,EAAuB,CAAEC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAQiB,SAAUJ,EAAK,MAAO,CAAEI,SAAUJ,EAAKK,EAAM,CAAEC,UAAW5B,EAAW,aAAe,aAAkB,EAE/MuB,EAAwBM,EAAO,MAAPA,EAAc,EAAGxB,YAC3C,IAAIc,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACd,EAAMW,YAAYc,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIb,GAAQ,CAAEc,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACPzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBhC,CAAK"}
+{"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":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","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","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"2SAKK,MAACA,EAAsB,EAAGC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAERC,EAAkBC,GAAaC,IAC7BT,GACAD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAGjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAErBX,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAe,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC7CpB,EAASY,QAAQE,QACjBX,GAAY,GACf,GACF,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAEvCL,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GACzClB,GACAG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAI/ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC9C,GACF,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAC/BI,EAAKC,EAAuB,CAAEC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAQiB,SAAUJ,EAAK,MAAO,CAAEI,SAAUJ,EAAKK,EAAM,CAAEC,KAAM5B,EAAW,OAAS,aAAkB,EAEpMuB,EAAwBM,EAAO,MAAPA,EAAc,EAAGxB,YAC3C,IAAIc,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACd,EAAMW,YAAYc,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIb,GAAQ,CAAEc,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACPzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBhC,CAAK"}

package/organisms/hotspotCard/hotspotCard.d.ts

@@ -1,36 +1,30 @@
 import React, { ReactNode, HTMLAttributes } from 'react';
+import { ResponsiveType } from '@/src/utils/ResponsiveType';
 /**
  * @interface HotspotCardProps
  * @description Base definition of SkodaFlow HotspotCard independent on core implementation.
  * Properties are inherited from HTML div element
  */
-type Responsive = {
-    xl?: string | number;
-    lg?: string | number;
-    md?: string | number;
-    sm?: string | number;
-    xs?: string | number;
-};
 export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * top position of hotspot card
      * @default 0
      */
-    top?: string | number | Responsive;
+    top?: ResponsiveType<string | number>;
     /**
      * left position of hotspot card
      * @default 0
      */
-    left?: string | number | Responsive;
+    left?: ResponsiveType<string | number>;
     /**
      * bottom position of hotspot card
      */
-    bottom?: string | number | Responsive;
+    bottom?: ResponsiveType<string | number>;
     /**
      * right position of hotspot card
      * @default 0
      */
-    right?: string | number | Responsive;
+    right?: ResponsiveType<string | number>;
     /**
      * headline of hotspot card
      */
@@ -59,4 +53,3 @@ export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
  * @returns React Functional Component
  */
 export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1 @@
-{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street || ''}</p>\r\n<p>${city || ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n   </div>\r\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n   </div>\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}

package/organisms/maps/maps.js.map

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

package/organisms/notification/Notification.js

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

package/organisms/notification/Notification.js.map

@@ -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":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","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","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"gqKAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEC,QAAS,YAAcZ,EAAKjB,EAAK,CAAEC,GAAI,CACjI6B,WAAY,SACZT,SAAU,SACVU,aAAc,YACfhB,SAAUE,EAAKe,EAAY,CAAEH,QAAS,cAAe,cAAe,wBAAyBd,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKe,EAAY,CAAE/B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBT,QAAS,aAAcd,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKe,EAAY,CAAEH,QAAS,aAAc1B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,gBAAsB,EAE/HnC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
+{"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":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","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","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"24KAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/organisms/notification/NotificationCenterHeaderButton.d.ts

@@ -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/organisms/shortcutLink/shortcutLink.d.ts

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

package/organisms/shortcutLink/shortcutLink.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Button as i,ButtonVariants as o}from"../../components/button/button.js";import{Icon as a}from"../../components/icon/icon.js";import{styled as r}from"@mui/material";const l=({iconName:r,title:l,subTitle:s,linkLabel:c,linkURL:m,isExternalLink:d,analyticsCallback:x})=>{const b=n((e=>{x&&x(e)}),[x]);return e(p,{children:[t(a,{className:`${r} sl-icon`,fontSize:"large"}),e("div",{className:"text-wrapper",children:[t("h4",{children:l}),t("span",{className:"body",children:s})]}),t("a",{href:m,target:d?"_blank":"_self",rel:"noreferrer",children:t(i,{variant:o.NAVIGATION,label:c,direction:"forward",onClick:b})})]})},p=r("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}));export{l as ShortcutLink};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Button as i,ButtonVariants as o}from"../../components/button/button.js";import{Icon as a}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{styled as r}from"@mui/material";const l=({iconName:r,title:l,subTitle:s,linkLabel:c,linkURL:m,isExternalLink:d,analyticsCallback:x})=>{const f=n((e=>{x&&x(e)}),[x]);return e(p,{children:[t(a,{name:r,className:"sl-icon",fontSize:"large"}),e("div",{className:"text-wrapper",children:[t("h4",{children:l}),t("span",{className:"body",children:s})]}),t("a",{href:m,target:d?"_blank":"_self",rel:"noreferrer",children:t(i,{variant:o.NAVIGATION,label:c,direction:"forward",onClick:f})})]})},p=r("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}));export{l as ShortcutLink};
 //# sourceMappingURL=shortcutLink.js.map

package/organisms/shortcutLink/shortcutLink.js.map

@@ -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":["ShortcutLink","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","ShortcutLinkStyled","children","_jsx","Icon","className","fontSize","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","breakpoints","down","marginBottom","lineHeight","up","flexDirection"],"mappings":"iQAMY,MAACA,EAAe,EAAGC,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,GAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAMC,EAAoB,CAAEC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,GAAGf,YAAoBgB,SAAU,UAAYN,EAAM,MAAO,CAAEK,UAAW,eAAgBH,SAAU,CAACC,EAAK,KAAM,CAAED,SAAUX,IAAUY,EAAK,OAAQ,CAAEE,UAAW,OAAQH,SAAUV,OAAiBW,EAAK,IAAK,CAAEI,KAAMb,EAASc,OAAQb,EAAiB,SAAW,QAASc,IAAK,aAAcP,SAAUC,EAAKO,EAAQ,CAAEC,QAASC,EAAeC,WAAYC,MAAOrB,EAAWsB,UAAW,UAAWC,QAASnB,QAAyB,EAEveI,EAAqBgB,EAAO,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,CACX5B,SAAU,QACX,CAACY,EAAMiB,YAAYC,KAAK,OAAQ,CAC/BJ,GAAI,CACAK,aAAc,MACd/B,SAAU,OACVgC,WAAY,OACZJ,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfI,WAAY,OACZhC,SAAU,SAEf,CAACY,EAAMiB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACfjB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAK,aAAc,QAGnBlB,CAAM"}
+{"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":["ShortcutLink","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","ShortcutLinkStyled","children","_jsx","Icon","name","className","fontSize","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","breakpoints","down","marginBottom","lineHeight","up","flexDirection"],"mappings":"mTAMY,MAACA,EAAe,EAAGC,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,GAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAMC,EAAoB,CAAEC,SAAU,CAACC,EAAKC,EAAM,CAAEC,KAAMf,EAAUgB,UAAW,UAAWC,SAAU,UAAYP,EAAM,MAAO,CAAEM,UAAW,eAAgBJ,SAAU,CAACC,EAAK,KAAM,CAAED,SAAUX,IAAUY,EAAK,OAAQ,CAAEG,UAAW,OAAQJ,SAAUV,OAAiBW,EAAK,IAAK,CAAEK,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAK,aAAcR,SAAUC,EAAKQ,EAAQ,CAAEC,QAASC,EAAeC,WAAYC,MAAOtB,EAAWuB,UAAW,UAAWC,QAASpB,QAAyB,EAE3eI,EAAqBiB,EAAO,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,CACX5B,SAAU,QACX,CAACY,EAAMiB,YAAYC,KAAK,OAAQ,CAC/BJ,GAAI,CACAK,aAAc,MACd/B,SAAU,OACVgC,WAAY,OACZJ,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfI,WAAY,OACZhC,SAAU,SAEf,CAACY,EAAMiB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACfjB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAK,aAAc,QAGnBlB,CAAM"}

package/organisms/textCta/textCta.d.ts

@@ -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/organisms/textCta/textCta.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import{forwardRef as n,useCallback as r}from"react";import{styled as a}from"@mui/material/styles";import{Label as s}from"../../components/label/label.js";import{Typography as p,List as l,ListItem as m}from"@mui/material";import{Button as d}from"../../components/button/button.js";import{Icon as h}from"../../components/icon/icon.js";const x=n(((n,a)=>{var{label:x,headlineTitle:c,text:u,showFirstButton:f=!1,showSecondButton:S=!1,onClickFirstBtn:B,onClickSecondBtn:b,firstButtonProps:w,secondButtonProps:C,listItems:y,showAppStore:P=!1,showPlayStore:k=!1,appStoreProps:j,playStoreProps:H}=n,v=t(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const z=r((t=>{window.open(t,"_blank")}),[]),I=r(((t,e,i)=>{i&&z(i),e&&e(t)}),[z]),N=r(((t,i)=>{const o=Object.assign(Object.assign({},t),{url:t.url||null});return e(d,Object.assign({},o,{onClick:t=>I(t,i,o.url)}))}),[I]);return i(g,Object.assign({ref:a,listItems:y},v,{children:[x&&e(s,{label:x}),c&&e("div",{className:"headlineContainer",children:e(p,{className:"textCtaHeadline",children:c})}),u&&e("p",{className:`textCtaText ${k&&"isPlayStore"}`,children:u}),y&&y.length>0&&e(l,{className:"textCtaList",children:y.map(((t,o)=>i(m,{children:[e(h,{className:t.icon||"check"}),t.text]},"text-cta-list-item"+o)))}),i("div",{className:"textCtaBtnGroup",children:[(!P||!k)&&i(o,{children:[f&&N(w,B),S&&N(C,b)]}),(!f||!S)&&i(o,{children:[P&&e("span",{className:"appStoreBadge",onClick:()=>z(j.url),children:e("img",{src:j.img,alt:j.alt})}),k&&e("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:H}})]})]})]}))})),c=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"}}},g=a("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,o=t(e,["theme"]);let n={};return n={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},c(o.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"}}}},n}));export{x as TextCta};
+import{__rest as t}from"tslib";import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import{forwardRef as n,useCallback as r}from"react";import{styled as a}from"@mui/material/styles";import{Label as s}from"../../components/label/label.js";import{Typography as p,List as l,ListItem as m}from"@mui/material";import{Button as d}from"../../components/button/button.js";import{Icon as h}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const x=n(((n,a)=>{var{label:x,headlineTitle:c,text:u,showFirstButton:f=!1,showSecondButton:S=!1,onClickFirstBtn:B,onClickSecondBtn:b,firstButtonProps:w,secondButtonProps:C,listItems:y,showAppStore:P=!1,showPlayStore:j=!1,appStoreProps:k,playStoreProps:H}=n,v=t(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const z=r((t=>{window.open(t,"_blank")}),[]),I=r(((t,e,i)=>{i&&z(i),e&&e(t)}),[z]),N=r(((t,i)=>{const o=Object.assign(Object.assign({},t),{url:t.url||null});return e(d,Object.assign({},o,{onClick:t=>I(t,i,o.url)}))}),[I]);return i(g,Object.assign({ref:a,listItems:y},v,{children:[x&&e(s,{label:x}),c&&e("div",{className:"headlineContainer",children:e(p,{className:"textCtaHeadline",children:c})}),u&&e("p",{className:`textCtaText ${j&&"isPlayStore"}`,children:u}),y&&y.length>0&&e(l,{className:"textCtaList",children:y.map(((t,o)=>i(m,{children:[e(h,{name:t.icon||"check"}),t.text]},"text-cta-list-item"+o)))}),i("div",{className:"textCtaBtnGroup",children:[(!P||!j)&&i(o,{children:[f&&N(w,B),S&&N(C,b)]}),(!f||!S)&&i(o,{children:[P&&e("span",{className:"appStoreBadge",onClick:()=>z(k.url),children:e("img",{src:k.img,alt:k.alt})}),j&&e("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:H}})]})]})]}))})),c=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"}}},g=a("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,o=t(e,["theme"]);let n={};return n={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},c(o.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"}}}},n}));export{x as TextCta};
 //# sourceMappingURL=textCta.js.map