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

package/build/organisms/heroImageCard/heroImageCard.js

@@ -0,0 +1,54 @@
+import{jsx as e}from"react/jsx-runtime";import i from"react";import t from"@emotion/styled";import r from"@mui/material/Card";import a from"./heroImageCardComponent.js";import{opacityLayerSwitchLightStatement as p,opacityLayerSwitchDarkStatement as o}from"../../utils/utilities.js";const m=i.forwardRef(((i,t)=>e(d,{ref:t,children:e(a,Object.assign({},i))}))),d=t(r)`
+  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(e.children.props.lightOpacity,"background")};
+
+    ${e=>o(e.children.props.darkOpacity,"background")}
+  }
+`;export{m as HeroImageCard};
+//# sourceMappingURL=heroImageCard.js.map

package/build/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","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":"0RA8GO,MAAMA,EAAgBC,EAAMC,YAAsC,CAACC,EAAOC,IAE7EC,EAACC,EAAmB,CAACF,IAAKA,EACxBG,SAAAF,EAACG,EAA2BC,OAAAC,OAAA,CAAA,EAAAP,QAS5BG,EAAsBK,EAAOC,EAAwD;WAC/ET,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,OACzBf,EAAMI,SAASJ,MAAMW,YACvBX,EAAMY,MAAMC,QAAQC,OAAOE;IAGnChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aACpB,MAAO,mBACR;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;uBAGItB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;IAGftB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACvB,MAAO,qBACR;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACR;;2BAGiBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACR;;eAGKtB,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEK,aAArCf,EAAMI,SAASJ,MAAMW,YAChBX,EAAMY,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACM0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

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

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

package/build/organisms/heroImageCard/heroImageCardComponent.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"heroImageCardComponent.js","sources":["../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":[null],"names":["HeroImageCardComponent","React","forwardRef","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","ref","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"sXAQA,MAAMA,EAAyBC,EAAMC,YACnC,EAEIC,QACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,qBAEFC,KAEA,MAAMC,EAAWC,EAAO,MAClBC,EAAkBC,IAExB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAK,MAAA,CAAAI,UAAU,0BACbJ,EAAK,MAAA,CAAAI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAqBvB,EAAO,MAC/DoB,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAqBtB,EAAO,SAE9DgB,EAAK,MAAA,CAAAI,UAAU,mBACZF,SAAA,EAAAjB,aAAiB,EAAjBA,EAAmBF,QAClBoB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAAcvB,EAAmBwB,SAAS,KAE7FvB,aAAA,EAAAA,EAAoBH,QACnBoB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAActB,EAAoBuB,SAAS,KAE9FtB,aAAA,EAAAA,EAAmBJ,QAClBoB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAAcrB,EAAmBsB,SAAS,UAIlGN,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bd,EACCe,EAAAF,EAAA,CAAAC,SACEF,EAAO,QAAA,CAAAL,IAAKC,EAAUQ,UAAU,iBAAiBM,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAV,SAAA,CAClEC,EAAQ,SAAA,CAAAU,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDZ,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BF,EACE,UAAA,CAAAE,SAAA,CAAAC,EAAA,SAAA,CAAQa,MAAO,eAAelB,EAAgBmB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFc,EAAQ,SAAA,CAAAa,MAAO,eAAelB,EAAgBmB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFa,EAAA,SAAA,CAAQa,MAAO,eAAelB,EAAgBmB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFY,EAAK,MAAA,CAAAU,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYe,EAACqB,EAAmB,CAAC9B,kBAAmBA,EAAmBE,SAAUA,MAEpF"}

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

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

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

@@ -1,12 +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;
+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/organisms/heroImageCard/videoCardController.js

@@ -0,0 +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};
+//# sourceMappingURL=videoCardController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":[null],"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":"yPAgBM,MAAAA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,GACrBC,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,GACb,GACA,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC5C,GACA,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAsB,CAAAC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAClFiB,SAAAJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,UAAW5B,EAAW,aAAe,aAG/C,EAGEuB,EAAwBM,EAAO,MAAPA,EAA+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GACH,CAAAc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,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,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC,CAAK"}

package/build/organisms/index.d.ts

@@ -1,12 +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 './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/organisms/maps/hook/useMap.d.ts

@@ -1,7 +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;
+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/organisms/maps/hook/useMap.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":[null],"names":["useMap","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":"wTAMM,MAAAA,EAAS,KAEb,MAAMC,EAAiBC,EAAMC,aAAY,CAACC,EAAQC,EAAYC,IACxDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,GAE1F,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,EAAeC,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,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,aACvD,GAMDZ,iBACD"}

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

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

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

@@ -1,5 +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 };
+/// <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/organisms/maps/mapComponents/infoWindowConfig.js

@@ -0,0 +1,2 @@
+import{MapIconVariant as n}from"../utils/mapIcons.js";const i=i=>{return i?`<div id="content">\n\t${v=i.title,v&&`<h4 id="infoWindowContent" class="firstHeading">\n ${v}\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.ARROW_DETAIL}"/>\n  </div>`:""}\n\t </div>`:"";var t,d,e,o,a,s,v},t=n=>new google.maps.InfoWindow({content:i(n)});export{i as contentString,t as infoWindow};
+//# sourceMappingURL=infoWindowConfig.js.map

package/build/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","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDAEA,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,EAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDb,EAEHS,EAAcC,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAAShB,EAAcY"}

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

@@ -1,16 +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;
-}
-declare const Map: React.FC<MapProps>;
-export default Map;
+/// <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/organisms/maps/mapComponents/mapComponent.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":[null],"names":["Map","_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","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","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","Children","child","isValidElement","cloneElement"],"mappings":"8WAqBA,MAAMA,EAA2BC,QAAAC,QAC/BA,EAAOC,UACPA,EAASC,SACTA,EAAQC,MACRA,EAAKC,iBACLA,EAAgBC,iBAChBA,EAAgBC,cAChBA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAoB,MACjBC,EAV4BC,EAAAX,EAAA,CAAA,UAAA,YAAA,WAAA,QAAA,mBAAA,mBAAA,gBAAA,oBAAA,sBAY/B,MAAMY,EAAMC,EAAuB,OAC5BC,EAAKC,GAAUC,KACfC,EAAmBC,GAAwBF,EAAS,OACrDG,oBAAEA,GAAwBC,KACzBC,EAAeC,GAAoBN,GAAS,IAC5CO,EAAgBC,GAAqBR,EAAS,OAC9CS,EAAgBC,GAAqBV,GAAS,GA0GrD,OAxGAW,GAAU,KACR,GAAIf,EAAIgB,UAAYd,EAAK,CACvB,MAAMe,EAASC,EAAUpB,GACnBqB,EAAS,IAAIC,OAAOC,OAAOC,KAAKnC,IAAIa,EAAIgB,QACzCO,OAAAC,OAAA,CAAA,EAAAP,IAECQ,EAAY,IAAIJ,OAAOC,KAAKI,OAAO,CACvCC,SAAU7B,EAAQ8B,OAClB1B,IAAKA,EACL2B,KAAM,OAERvB,EAAqBmB,GACrBK,EAAeX,EAAQM,GACvBtB,EAAOgB,GACP1B,EAAiB0B,EAClB,IACA,CAACnB,EAAKE,EAAKT,EAAkBK,IAEhCiB,GAAU,KACR,GAAIb,IAAQN,EAAmB,CAC7B,MAAMmC,EAAgBC,EAAW,CAC/B9B,QAEFP,EAAcoC,EACf,IACA,CAAC7B,EAAKP,EAAeC,IAExBmB,GAAU,KACJb,GAAOG,GAAqB4B,UAAUC,aACxCD,UAAUC,YAAYC,oBACpB,SAAUC,GACR,MAAMT,EAAW,IAAIN,OAAOC,KAAKe,OAAOD,EAAgBE,OAAOC,SAAUH,EAAgBE,OAAOE,WAChGnC,EAAkBoC,WAAW,CAC3Bd,WACAE,KAAMa,EAAeC,iBACrBzC,QAEFA,EAAI0C,UAAUjB,MAEhB,KACEtB,EAAkBwC,QAAQH,EAAeI,kBAAkB,GAGhE,GACA,CAAC5C,EAAKG,IAET0C,EAAMhC,WAAU,KACVb,GAAOb,GACTa,EAAI8C,YAAY,QAAS3D,GAEpB,KACDa,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,QACvC,IAEF,CAACA,EAAKb,IAET0D,EAAMhC,WAAU,KACVb,GAAOZ,IACTI,EACIQ,EAAI8C,YAAY,WAAW,IAAM1D,EAAUY,KAC3CmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,YAErC,KACDA,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,UACvC,IAEF,CAACA,EAAKZ,EAAWI,IAEpBqD,EAAMhC,WAAU,KACVb,IACEJ,EAAQqD,MACVjD,EAAIkD,QAAQtD,EAAQqD,MAElBrD,EAAQ8B,QACV1B,EAAI0C,UAAU9C,EAAQ8B,QAEzB,GACA,CAAC1B,EAAKJ,EAAQqD,KAAMrD,EAAQ8B,SAE/BmB,EAAMhC,WAAU,KACVN,GAAiBE,IACnBA,EAAe0C,eACf1C,EAAe2C,WAAWzD,GAC3B,GACA,CAACc,EAAgBd,EAAmBY,IAEvCsC,EAAMhC,WAAU,KACd,IAAIwC,EAAU,KACVrD,IAAQO,IACV8C,EAAUhD,EAAoBV,EAAmBK,EAAKY,GACtDJ,GAAiB,GACjBE,EAAkB2C,GACnB,GACA,CAAC1D,EAAmBK,EAAKO,EAAeF,IAE3CwC,EAAMhC,WAAU,KACVF,IACFjB,EAAkB4D,QAClB1C,GAAkB,GACnB,GACA,CAACD,EAAgBjB,IAGlB6D,eACEC,EAAK,MAAA,CAAA1D,IAAKA,EAAKR,MAAOA,IACrBuD,EAAMY,SAASzD,IAAIX,GAAWqE,IAC7B,GAAIb,EAAMc,eAAeD,GAEvB,OAAOb,EAAMe,aAAaF,EAAO,CAAE1D,OACpC,MAGL"}

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

@@ -1,9 +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;
+/// <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/organisms/maps/mapComponents/mapStyled.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import e from"@emotion/styled";import{flowColors as i}from"../../../design/skoda/palette.theme.js";const o=e("div")((e=>{t(e,["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.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.alert.main},"& > #info-dealer-opened":{color:i.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}));export{o as default};
+//# sourceMappingURL=mapStyled.js.map

package/build/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","styled","_a","__rest","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"kIAMM,MAAAA,EAAYC,EAAO,MAAPA,EAAwBC,IAAgBC,EAAAD,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,EAAWC,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,EAAWI,MAAY,MAEhC,0BAA2B,CACzBL,MAAOC,EAAWK,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/organisms/maps/mapComponents/markerComponent.d.ts

@@ -1,24 +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;
+/// <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/organisms/maps/mapComponents/markerComponent.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"markerComponent.js","sources":["../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":[null],"names":["Marker","_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","useEffect","newMarker","google","maps","icon","setOptions","event","clearListeners","addListener"],"mappings":"qHAGA,MAAMA,EAsBDC,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAMC,SAA6B,OACxDC,EAAUC,GAAeF,EAAS,OAClCG,EAAcC,GAAmBJ,GAAS,IAC3CK,eAAEA,GAAmBC,IAGrBC,EAAgBC,GACpB,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,EAAMgB,WAAU,KACdb,EAAYP,EAAQkB,WAAW,GAC9B,CAAClB,EAAQkB,aAGZd,EAAMgB,WAAU,KACd,IAAKlB,IAAWM,GAAgBZ,EAAY,CAC1C,MAAMqB,EAAWP,EAAeV,EAASA,EAAQkB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAK/B,OAAO,CACvCgC,KAAMP,IAERd,EAAUkB,GACV3B,EAAwB2B,EACzB,IACA,CAACnB,EAAQQ,EAAgBhB,EAAyBM,EAASQ,EAAcZ,IAG5EQ,EAAMgB,WAAU,KACC,OAAXlB,GAAoBM,IACtBN,EAAOuB,WAAWzB,GAClBS,GAAgB,GACjB,GACA,CAACP,EAAQF,EAASY,EAAeJ,EAAcC,EAAiBb,IAGnEQ,EAAMgB,WAAU,KACC,OAAXlB,IACFoB,OAAOC,KAAKG,MAAMC,eAAezB,EAAQ,SACzCoB,OAAOC,KAAKG,MAAMC,eAAezB,EAAQ,aACzCoB,OAAOC,KAAKG,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMhB,EAAcV,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC9B,MAAMX,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1Bf,EAAO0B,YAAY,YAAY,KAC7B,MAAMX,EAAWP,EAAeR,EAAQI,GAAU,GAClDJ,EAAOiB,QAAQF,EAAS,IAE1BR,GAAgB,GACjB,GACA,CAACP,EAAQL,EAAmBD,EAAYgB,EAAeN,EAAUI,IAE7D,IAAI"}

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

@@ -1,86 +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>>;
+/// <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/organisms/maps/maps.js

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

package/build/organisms/maps/maps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps.js","sources":["../../../src/organisms/maps/maps.tsx"],"sourcesContent":[null],"names":["Maps","React","forwardRef","_a","ref","apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","__rest","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","MapStyled","children","Wrapper","Map","currentInfoWindow","onClick","e","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}