@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/build/cjs/organisms/gallery/Gallery.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type GalleryProps = {
+    children: React.ReactNode;
+    galleryItems: Array<React.ReactNode>;
+    startIndex?: number;
+};
+export declare const Gallery: React.FC<GalleryProps>;

package/build/cjs/organisms/gallery/Gallery.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/accordion.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid");var s=require("../../components/icon/icon.js");require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("../../components/menuItem/menuItem.js"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/textInput/textInput.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/helperTextContent/index.js"),require("../../components/alert/AlertButton.js"),require("./GalleryItem.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicle.js"),require("../cardTypeOnly/cardTypeOnly.js");var o=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("../maps/maps.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationItem.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js");var n=require("../../utils/useClosure/useClosure.js");require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/FooterNavItem.js"),require("../../production/Button.js");var a=require("use-keyboard-shortcut");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o),c=i(a);const u=t.styled(t.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=t.styled(t.Box)((({theme:e})=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),m=t.styled(t.Box)((({theme:e})=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),p=t.styled(t.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=o=>{var a;const i=r.useMemo((()=>o.galleryItems.length>1),[o.galleryItems]),{isOpen:j,onOpen:q,onClose:h}=n.useClosure(!1),[g,y]=r.useState(!0),[x,b]=r.useState(!0),[k,C]=l.default({align:"center",axis:"x",startIndex:null!==(a=o.startIndex)&&void 0!==a?a:0,slidesToScroll:1,draggable:o.galleryItems.length>1});r.useEffect((()=>{if(C){const e=()=>{y(!C.canScrollNext()),b(!C.canScrollPrev())};C.on("scroll",e),e()}}),[C]),r.useEffect((()=>{o.galleryItems&&0!==o.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[o.galleryItems]);const I=r.useCallback((()=>{o.galleryItems&&o.galleryItems.length>0&&q()}),[q,o.children]);return c.default(["Escape"],h),c.default(["ArrowRight"],(()=>null==C?void 0:C.scrollNext())),c.default(["ArrowLeft"],(()=>null==C?void 0:C.scrollPrev())),e.jsxs(t.Box,{"data-testid":"Gallery",children:[e.jsx(t.Box,{component:"span",onClick:I,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:o.children}),e.jsx(u,{open:j,"data-testid":"Gallery.backdrop",children:j&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:k,children:e.jsx(t.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==C?void 0:C.selectedScrollSnap(),children:o.galleryItems})}),e.jsx(m,{"data-testid":"Gallery.control",children:e.jsxs(t.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[i&&e.jsx(p,{size:"large",disabled:x,onClick:()=>null==C?void 0:C.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(s.Icon,{className:"arrow-left"})}),e.jsx(p,{size:"large",onClick:h,"data-testid":"Gallery.close",children:e.jsx(s.Icon,{className:"ballotx"})}),i&&e.jsx(p,{size:"large",disabled:g,onClick:()=>null==C?void 0:C.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(s.Icon,{className:"arrow-right"})})]})})]})})]})};
+//# sourceMappingURL=Gallery.js.map

package/build/cjs/organisms/gallery/Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[null],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","className"],"mappings":"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"}

package/build/cjs/organisms/gallery/GalleryItem.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ResponsiveType } from '../../utils/ResponsiveType';
+export type GalleryItemProps = {
+    imageSrc: ResponsiveType<string>;
+    description?: React.ReactNode;
+    alt?: string;
+};
+export declare const GalleryItem: React.FC<GalleryItemProps>;

package/build/cjs/organisms/gallery/GalleryItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../utils/ResponsiveType.js"),i=require("react"),n=require("react-use");const c=r.styled(r.Box)((({theme:e})=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));exports.GalleryItem=a=>{var{description:l,alt:u}=a,o=e.__rest(a,["description","alt"]);const x=r.useTheme(),m=s.useResponsiveProp(o.imageSrc),{width:d}=n.useWindowSize(),p=i.useRef(null),h=i.useRef(null),f=i.useRef(null),g=i.useCallback((()=>{if(p.current&&h.current&&f.current){const e=p.current.clientHeight,t=f.current.clientHeight;h.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return i.useEffect(g),i.useEffect((()=>g),[h.current,f.current,p.current,d]),t.jsxs(c,{ref:p,"data-testid":"GalleryItem",children:[t.jsxs(r.Box,{ref:h,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[t.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),t.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),t.jsx(r.Box,{component:"img",src:m.xs,alt:u,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),l&&t.jsx(r.Container,{ref:f,"data-testid":"GalleryItem.desc",children:"string"==typeof l?t.jsx(r.Typography,{sx:{color:x.palette.common.white,paddingTop:1,textAlign:"center"},children:l}):l})]})};
+//# sourceMappingURL=GalleryItem.js.map

package/build/cjs/organisms/gallery/GalleryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":[null],"names":["GalleryItemWrapper","styled","Box","theme","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"mLAWa,MA+CPA,EAAqBC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACrDC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMN,EAAQW,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,WACjCE,MAAOC,GAAgBC,EAAaA,gBAEtCC,EAAaC,SAAyB,MACtCC,EAAWD,SAA2B,MACtCE,EAAUF,SAAuB,MAEjCG,EAAeC,EAAAA,aAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC3E,IACA,IAKH,OAHAK,EAASA,UAACV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAmB,CAAAoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAC5FJ,SAAA,CAAAK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAexC,EAAMyC,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAexC,EAAMyC,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAexC,EAAMyC,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAexC,EAAMyC,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KACjFT,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAexC,EAAMyC,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KACjFV,EAACO,IAAA/C,EAAGA,IAAC,CAAAoC,UAAU,MAAMe,IAAKtC,EAASqC,GAAIzC,IAAKA,EAAK4B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF9B,GACCgC,EAAAA,IAACY,EAAAA,UAAU,CAAAlB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB3B,EACNgC,EAAAO,IAACM,aAAU,CAAChB,GAAI,CAAEiB,MAAOrD,EAAMsD,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAUJ,SACtF3B,IACU,MAOrB"}

package/build/cjs/organisms/gallery/GalleryTrigger.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/material';
+export type GalleryTriggerProps = {
+    children: React.ReactNode;
+};
+export declare const GalleryHighlightSx: SxProps<Theme>;
+export declare const GalleryTrigger: React.FC<GalleryTriggerProps>;

package/build/cjs/organisms/gallery/GalleryTrigger.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/accordion.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("../../components/menuItem/menuItem.js"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/textInput/textInput.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/helperTextContent/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicle.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("../maps/maps.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationItem.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/FooterNavItem.js"),require("../../production/Button.js");const s={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"}};exports.GalleryHighlightSx=s,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:s,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),t.children]});
+//# sourceMappingURL=GalleryTrigger.js.map

package/build/cjs/organisms/gallery/GalleryTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":[null],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"u0JAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFQ,SAAA,CAAAC,EAAAA,IAACJ,EAAGA,IAAA,CAACC,UAAU,OAAOC,GAAIb,WACxBe,EAACC,IAAAL,EAAGA,IAAC,CAAAC,UAAWK,EAAIA,KAAEC,UAAU,kBAEjCT,EAAMK"}

package/build/cjs/organisms/gallery/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Gallery';
+export * from './GalleryItem';
+export * from './GalleryTrigger';

package/build/cjs/organisms/heroImageCard/heroImageCard.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface CardProps
+ * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.
+ * Properties are inherited from HTML div element
+ * @deprecated
+ */
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * if true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * this image is showing small device resolution ( Smartphone )
+     */
+    mobileImage?: string;
+    /**
+     * this image is showing in a medium device resolution ( Tablet )
+     */
+    tabletImage?: string;
+    /**
+     * this image is showing in a small desktop ( laptop )
+     */
+    laptopImage?: string;
+    /**
+     * this image is showing in a large desktop ( desktop )
+     */
+    desktopImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * If present the card showing video
+     */
+    videoUrl?: string;
+    /**
+     * Label text
+     */
+    label: string;
+    /**
+     * Title text that should be maximum 50 characters long
+     */
+    title: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    firstButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: unknown) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Second button object. The button is displayed if the label text is present
+     */
+    secondButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Third button object. The button is displayed if the label text is present
+     */
+    thirdButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    compact?: boolean;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * this props set the height of the card
+     */
+    cardVersion?: 'normal' | 'small';
+    playPauseCallback?: (action?: string, payload?: any) => void;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const HeroImageCard: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/organisms/heroImageCard/heroImageCard.js

@@ -0,0 +1,54 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@emotion/styled"),r=require("@mui/material/Card"),a=require("./heroImageCardComponent.js"),p=require("../../utils/utilities.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(i),n=o(t),h=o(r);const s=d.default.forwardRef(((i,t)=>e.jsx(l,{ref:t,children:e.jsx(a.default,Object.assign({},i))}))),l=n.default(h.default)`
+  color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity?e.theme.palette.common.black:(e.children.props.darkOpacity,e.theme.palette.common.white)};
+  ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
+  height: 500px;
+  @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+    ${e=>"small"===e.children.props.cardVersion?"height: 340px":"height: 440px"}
+  }
+  @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+    ${e=>"small"===e.children.props.cardVersion?"height: 400px":"height: 500px"}
+  }
+  ${e=>{if(e.children.props.isBorderRadius)return"border-radius: 8px;"}}
+  .CardImageText {
+    @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+      max-width: 540px;
+    }
+    .CardImageTitle {
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        font-size: 38px;
+        line-height: 48px;
+        ${e=>{if("small"===e.children.props.cardVersion)return"font-size: 27px; line-height: 32px"}};
+      }
+      @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+        font-size: 44px;
+        line-height: 52px;
+        ${e=>{if("small"===e.children.props.cardVersion)return"font-size: 30px; line-height: 36px"}};
+      }
+      color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity?e.theme.palette.common.black:"opacity0"!==e.children.props.darkOpacity?e.theme.palette.common.white:void 0};
+    }
+  }
+  .CardImageButtons {
+    gap: 12px 16px;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+    .cta-button {
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+      }
+    }
+    .cta-button button {
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+        font-size: 14px;
+      }
+    }
+  }
+  .CardImageOverlayTheme {
+    ${e=>p.opacityLayerSwitchLightStatement(e.children.props.lightOpacity,"background")};
+
+    ${e=>p.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
+  }
+`;exports.HeroImageCard=s;
+//# sourceMappingURL=heroImageCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heroImageCard.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":[null],"names":["HeroImageCard","React","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","default","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"2RA8GO,MAAMA,EAAgBC,EAAAA,QAAMC,YAAsC,CAACC,EAAOC,IAE7EC,EAAAC,IAACC,EAAmB,CAACH,IAAKA,EACxBI,SAAAH,EAAAA,IAACI,EAAAA,QAA2BC,OAAAC,OAAA,CAAA,EAAAR,QAS5BI,EAAsBK,EAAAA,QAAOC,EAAOC,QAAiD;WAC/EX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,OACzBjB,EAAMK,SAASL,MAAMa,YACvBb,EAAMc,MAAMC,QAAQC,OAAOE;IAGnClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aACpB,MAAO,mBACR;;uBAGmBpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;uBAGIxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;IAGfxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACvB,MAAO,qBACR;;yBAGqB1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO,oCACR;;2BAGiBxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO,oCACR;;eAGKxB,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEK,aAArCjB,EAAMK,SAASL,MAAMa,YAChBb,EAAMc,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACM4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAG1EZ,GACM6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}

package/build/cjs/organisms/heroImageCard/heroImageCardComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardProps } from '.';
+declare const HeroImageCardComponent: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroImageCardComponent;

package/build/cjs/organisms/heroImageCard/heroImageCardComponent.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../components/label/label.js"),s=require("./videoCardController.js"),l=require("@mui/material/styles"),r=require("../../utils/utilities.js"),o=require("../common/buttonCardComponent/buttonCardComponent.js");function d(e){return e&&e.__esModule?e:{default:e}}const i=d(a).default.forwardRef((({label:d,title:i,firstButtonObject:n,secondButtonObject:c,thirdButtonObject:u,videoUrl:m,desktopImage:j,laptopImage:b,tabletImage:x,mobileImage:p,altImageDescription:h,playPauseCallback:v},g)=>{const C=a.useRef(null),I=l.useTheme();return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"CardImageOverlayTheme"}),e.jsxs("div",{className:"CardImageText",children:[e.jsxs("div",{className:"CardImageHeader",children:[e.jsx(t.Label,{className:"CardImageLabel",children:r.handleMaxCharsInHTML(d,30)}),e.jsx("h2",{className:"CardImageTitle",children:r.handleMaxCharsInHTML(i,50)})]}),e.jsxs("div",{className:"CardImageButtons",children:[(null==n?void 0:n.label)&&e.jsx(o.default,{className:"button-component",buttonObject:n,compact:!0}),(null==c?void 0:c.label)&&e.jsx(o.default,{className:"button-component",buttonObject:c,compact:!0}),(null==u?void 0:u.label)&&e.jsx(o.default,{className:"button-component",buttonObject:u,compact:!0})]})]}),e.jsx("div",{className:"CardImageMedia",children:m?e.jsx(e.Fragment,{children:e.jsxs("video",{ref:C,className:"CardImageVideo",loop:!0,muted:!0,autoPlay:!0,children:[e.jsx("source",{src:encodeURI(m),type:"video/mp4"}),"Your browser does not support the video tag."]})}):e.jsx("div",{className:"CardImagePicture",children:e.jsxs("picture",{children:[e.jsx("source",{media:`(min-width: ${I.breakpoints.values.xl}px)`,srcSet:j}),e.jsx("source",{media:`(min-width: ${I.breakpoints.values.lg}px)`,srcSet:b}),e.jsx("source",{media:`(min-width: ${I.breakpoints.values.md}px)`,srcSet:x}),e.jsx("img",{src:p,alt:h})]})})}),m&&e.jsx(s.default,{playPauseCallback:v,videoRef:C})]})}));exports.default=i;
+//# sourceMappingURL=heroImageCardComponent.js.map

package/build/cjs/organisms/heroImageCard/heroImageCardComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":[null],"names":["HeroImageCardComponent","default","forwardRef","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","ref","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","Fragment","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"0YAQA,MAAMA,OAA8BC,QAACC,YACnC,EAEIC,MAAAA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,qBAEFC,KAEA,MAAMC,EAAWC,SAAO,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfL,EAAAA,KAAK,MAAA,CAAAK,UAAU,0BACbL,EAAKM,KAAA,MAAA,CAAAD,UAAU,kBACbH,SAAA,CAAAC,EAAAA,IAACI,EAAKA,MAAA,CAACF,UAAU,iBAAgBH,SAAEM,uBAAqBzB,EAAO,MAC/DoB,EAAAA,IAAA,KAAA,CAAIE,UAAU,iBAAgBH,SAAEM,EAAoBA,qBAACxB,EAAO,SAE9DgB,EAAAA,KAAK,MAAA,CAAAK,UAAU,mBACZH,SAAA,EAAAjB,aAAiB,EAAjBA,EAAmBF,QAClBoB,EAAAA,IAACM,EAAAA,QAAoB,CAAAJ,UAAU,mBAAmBK,aAAczB,EAAmB0B,SAAS,KAE7FzB,aAAA,EAAAA,EAAoBH,QACnBoB,MAACM,EAAAA,QAAoB,CAAAJ,UAAU,mBAAmBK,aAAcxB,EAAoByB,SAAS,KAE9FxB,aAAA,EAAAA,EAAmBJ,QAClBoB,EAAAC,IAACK,EAAmB5B,QAAA,CAACwB,UAAU,mBAAmBK,aAAcvB,EAAmBwB,SAAS,UAIlGR,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC5Bd,EACCe,EAAAC,IAAAH,EAAAW,SAAA,CAAAV,SACEF,EAAOM,KAAA,QAAA,CAAAX,IAAKC,EAAUS,UAAU,iBAAiBQ,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAb,SAAA,CAClEC,EAAAA,IAAQ,SAAA,CAAAa,IAAKC,UAAU7B,GAAW8B,KAAK,cAAc,oDAKzDf,MAAK,MAAA,CAAAE,UAAU,mBAAkBH,SAC/BF,EAAAA,KACE,UAAA,CAAAE,SAAA,CAAAC,EAAAC,IAAA,SAAA,CAAQe,MAAO,eAAerB,EAAgBsB,YAAYC,OAAOC,QAASC,OAAQlC,IAClFc,EAAQC,IAAA,SAAA,CAAAe,MAAO,eAAerB,EAAgBsB,YAAYC,OAAOG,QAASD,OAAQjC,IAClFa,EAAAC,IAAA,SAAA,CAAQe,MAAO,eAAerB,EAAgBsB,YAAYC,OAAOI,QAASF,OAAQhC,IAClFY,EAAKC,IAAA,MAAA,CAAAY,IAAKxB,EAAakC,IAAKjC,WAKnCL,GAAYe,EAAAA,IAACwB,EAAAA,QAAmB,CAACjC,kBAAmBA,EAAmBE,SAAUA,MAEpF"}

package/build/cjs/organisms/heroImageCard/index.d.ts

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

package/build/cjs/organisms/heroImageCard/videoCardController.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * @interface VideoControllerProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+interface VideoControllerProps {
+    videoRef: any;
+    playPauseCallback?: (action?: string, payload?: any) => void;
+}
+declare const VideoCardController: React.FC<VideoControllerProps>;
+export default VideoCardController;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js"),i=require("@emotion/styled"),n=require("@mui/material/styles");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(i).default("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.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 ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:i,playPauseCallback:o})=>{const[a,l]=t.useState(!1),u=t.useRef(null),p=n.useTheme(),c=t.useCallback((e=>{a?(o&&o("play",e),i.current.play()):(o&&o("pause",e),i.current.pause()),l(!a)}),[a,o,i]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(i.current.pause(),l(!0))}),[i,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(u.current.style.transitionDelay="0s",u.current.style.opacity=1):(u.current.style.transitionDelay="2s",u.current.style.opacity=0):(u.current.style.transitionDelay="0s",u.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(s,{ref:u,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{className:a?"play-right":"pause"})})})};
+//# sourceMappingURL=videoCardController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":[null],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","className"],"mappings":"uRAgBM,MAqDAA,OAAwBC,QAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAJ,GACH,CAAAK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,GACb,GACA,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC5C,GACA,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAsB,CAAAyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAClFa,SAAAH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,UAAWvB,EAAW,aAAe,aAG/C"}

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

@@ -0,0 +1,13 @@
+export * from './cardOwnedVehicle';
+export * from './cardPhotoAdjustable';
+export * from './cardPhotoFixed';
+export * from './cardPromoVehicle';
+export * from './cardTypeOnly';
+export * from './carousel';
+export * from './heroImageCard';
+export * from './maps';
+export * from './shortcutLink';
+export * from './textCta';
+export * from './tile';
+export * from './carousel2';
+export * from './notification';

package/build/cjs/organisms/maps/hook/useMap.d.ts

@@ -0,0 +1,7 @@
+import { MarkerClusterer } from '@googlemaps/markerclusterer';
+declare const useMap: () => {
+    onMarkerClick: (markerId: any, registeredMarkers: any) => void;
+    handleClusterRender: (registeredMarkers: any, currentMap: any, setClickedCluster: any) => MarkerClusterer;
+    handleIconType: (marker: any, isSelected: any, isHover: any) => any;
+};
+export default useMap;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMap.js","sources":["../../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":[null],"names":["handleIconType","React","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"+ZAMe,KAEb,MAAMA,EAAiBC,EAAAA,QAAMC,aAAY,CAACC,EAAQC,EAAYC,IACxDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,UAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,WAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWnC,EAAegC,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAEzB,EA+BDE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAcJ,KAC3DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeA,gBAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,aACvD,GAMDZ,iBACD"}

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

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

package/build/cjs/organisms/maps/mapComponents/infoWindowConfig.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="google.maps" />
+declare const contentString: (params: any) => string;
+declare const infoWindow: (windowConfig: any) => google.maps.InfoWindow;
+declare const handleRenderInfoWindow: (marker: any, setInfoWindow: any, infoWindowState: any, currentMap: any) => void;
+export { infoWindow, handleRenderInfoWindow, contentString };

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

@@ -0,0 +1,2 @@
+"use strict";var n=require("../utils/mapIcons.js");const i=i=>{return i?`<div id="content">\n\t${r=i.title,r&&`<h4 id="infoWindowContent" class="firstHeading">\n ${r}\n </h4>`}\n\t${a=i.street,s=i.city,`<div id="streetInfo">\n<p>${a||""}</p>\n<p>${s||""}</p>\n </div>`}\n\t${o=i.phone,o?`<div id="phoneNumber">\n\t<a href="tel:${o}">${o}</a>\n </div>`:""}\n\t<div id="openStatus">\n\t${e=i.isOpen,null!==e&&`\n<div id="info-dealer-status">\n${e?'<div id="info-dealer-opened">Open now</div>':'<div id="info-dealer-closed">Closed</div>'}\n   </div>\n   `}\n\t${d=i.distance,d?`<div>${d}</div>`:""}\n\t</div>\n\t${t=i.ctaLabel,t?`<div id="detail-cta-container">\n<span id="info-detail-cta">${t}</span>\n<img src="${n.MapIconVariant.ARROW_DETAIL}"/>\n  </div>`:""}\n\t </div>`:"";var t,d,e,o,a,s,r};exports.contentString=i,exports.infoWindow=n=>new google.maps.InfoWindow({content:i(n)});
+//# sourceMappingURL=infoWindowConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":[null],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDb,6CAEWS,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAASf,EAAcW"}

package/build/cjs/organisms/maps/mapComponents/mapComponent.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="google.maps" />
+import React from 'react';
+interface MapProps extends google.maps.MapOptions {
+    style?: {
+        [key: string]: string;
+    };
+    onClick?: (e: google.maps.MapMouseEvent) => void;
+    onDragEnd?: (map: google.maps.Map) => void;
+    handleCurrentMap?: (map: google.maps.Map) => void;
+    enableMoveSearch?: boolean;
+    setInfoWindow: any;
+    currentInfoWindow: any;
+    registeredMarkers?: any;
+    children: React.ReactNode;
+    center?: any;
+    zoom?: any;
+}
+declare const Map: React.FC<MapProps>;
+export default Map;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":[null],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","React","default","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/build/cjs/organisms/maps/mapComponents/mapStyled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * @description Maps styling definition based on props
+ */
+declare const MapStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default MapStyled;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":[null],"names":["MapStyled","default","styled","_a","__rest","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"+NAMM,MAAAA,OAAkBC,QAAC,MAAPC,EAAwBC,IAAgBC,SAAAD,EAAhB,WACxC,IAAIE,EAAS,CAAA,EAkEb,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOC,EAAAA,WAAWI,MAAY,MAEhC,0BAA2B,CACzBL,MAAOC,EAAAA,WAAWK,MAAMC,WAI9B,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB,CAAM"}

package/build/cjs/organisms/maps/mapComponents/markerComponent.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="google.maps" />
+import React from 'react';
+declare const Marker: React.FC<google.maps.MarkerOptions & {
+    handleRegisteredMarkers: any;
+    handleMarkerClicked: any;
+    id: number | string;
+    isSelected: boolean;
+    resultIcon: any;
+    selectedIcon: any;
+    resultIconHover?: any;
+    selectedIconHover?: any;
+    infoWindow: any;
+    canOpenInfoWindow?: boolean;
+    infoWindowConfig?: {
+        title?: string;
+        street?: string;
+        city?: string;
+        phone?: string;
+        isOpen?: boolean;
+        distance?: string;
+    };
+    onInfoWindowCtaClick?: () => void;
+}>;
+export default Marker;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":[null],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","React","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","default","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"2NAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,QAAMC,SAA6B,OACxDC,EAAUC,GAAeF,EAAQA,SAAC,OAClCG,EAAcC,GAAmBJ,EAAQA,UAAC,IAC3CK,eAAEA,GAAmBC,EAAAA,UAGrBC,EAAgBC,EAAWA,aAC/B,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeV,EAASA,EAAQkB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbX,EAAoBmB,EAASC,EAAmBC,EAAoBlB,EAAkBC,EAAqB,GAE7G,CAACC,EAASF,EAAkBQ,EAAUI,EAAgBf,EAAqBY,EAAaR,IA+C1F,OA3CAK,EAAKgB,QAACC,WAAU,KACdd,EAAYP,EAAQkB,WAAW,GAC9B,CAAClB,EAAQkB,aAGZd,EAAKgB,QAACC,WAAU,KACd,IAAKnB,IAAWM,GAAgBZ,EAAY,CAC1C,MAAMqB,EAAWP,EAAeV,EAASA,EAAQkB,YAAY,GACvDI,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMT,IAERd,EAAUmB,GACV5B,EAAwB4B,EACzB,IACA,CAACpB,EAAQQ,EAAgBhB,EAAyBM,EAASQ,EAAcZ,IAG5EQ,EAAKgB,QAACC,WAAU,KACC,OAAXnB,GAAoBM,IACtBN,EAAOyB,WAAW3B,GAClBS,GAAgB,GACjB,GACA,CAACP,EAAQF,EAASY,EAAeJ,EAAcC,EAAiBb,IAGnEQ,EAAKgB,QAACC,WAAU,KACC,OAAXnB,IACFqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,SACzCqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,aACzCqB,OAAOC,KAAKI,MAAMC,eAAe3B,EAAQ,YACzCA,EAAO4B,YAAY,SAAS,IAAMlB,EAAcV,EAAQN,EAAYC,KACpEK,EAAO4B,YAAY,aAAa,KAC9B,MAAMb,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1Bf,EAAO4B,YAAY,YAAY,KAC7B,MAAMb,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1BR,GAAgB,GACjB,GACA,CAACP,EAAQL,EAAmBD,EAAYgB,EAAeN,EAAUI,IAE7D,IAAI"}

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

@@ -0,0 +1,86 @@
+/// <reference types="google.maps" />
+import React from 'react';
+/**
+ * @interface MapsProps
+ */
+export interface MapsProps {
+    /**
+     * API KEY Google Map - **! Product Teams need to get their own API KEY from Google Platform !**
+     */
+    apiKey: string;
+    /**
+     * list of markers
+     */
+    markers: {
+        lat: number;
+        lng: number;
+        id: number | string;
+        isSelected: boolean;
+        resultIcon?: any;
+        resultIconHover?: any;
+        selectedIcon?: any;
+        selectedIconHover?: any;
+        infoWindowConfig?: {
+            title?: string;
+            street?: string;
+            city?: string;
+            phone?: string;
+            isOpen?: boolean;
+            distance?: string;
+            ctaLabel?: string;
+        };
+    }[];
+    /**
+     * default zoom of the map
+     */
+    zoom: number;
+    /**
+     * Default center of the map
+     */
+    center: {
+        lat: number;
+        lng: number;
+    };
+    /**
+     * If true, enable the "search on move" event on the map
+     */
+    enableMoveSearch?: boolean;
+    /**
+     * If true,the info window can be opened on marker click
+     */
+    canOpenInfoWindow?: boolean;
+    /**
+     * marker selected from outside
+     */
+    markerSelectedId?: string | number;
+    /**
+     * enable/disable fitbound event on map
+     */
+    enableFitBound?: boolean;
+    /**
+     * show/hide map controls
+     */
+    hideControlsOnMobile?: boolean;
+    /**
+     * Callback fired when a marker is clicked
+     */
+    callbackMarkerClicked?: (marker: any) => void;
+    /**
+     * Callback fired when the map triggers the onDragEnd event (after map moved)
+     */
+    onDragEndCallback?: (m: google.maps.Map, center: {
+        lat: number;
+        lng: number;
+    }) => void;
+    /**
+     * Callback fired when the map triggers the onDragEnd event (after map moved)
+     */
+    onInfoWindowCtaClick?: () => void;
+}
+/**
+ * @description SkodaFlow Map component.
+ * Properties are inherited from HTML Map element.
+ * @param props MapProps
+ * @returns React Functional Component
+ */
+export declare const Maps: React.ForwardRefExoticComponent<MapsProps & React.RefAttributes<HTMLMapElement>>;

package/build/cjs/organisms/maps/maps.js

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