@skodaflow/web-library 7.15.0 → 7.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\n\ninterface MapProps extends google.maps.MapOptions {\n  style?: { [key: string]: string };\n  onClick?: (e: google.maps.MapMouseEvent) => void;\n  onDragEnd?: (map: google.maps.Map) => void;\n  handleCurrentMap?: (map: google.maps.Map) => void;\n  enableMoveSearch?: boolean;\n  setInfoWindow: any;\n  currentInfoWindow: any;\n  registeredMarkers?: any;\n  children: React.ReactNode;\n\n  center?: any;\n  zoom?: any;\n}\n\nconst MapComponent: React.FC<MapProps> = ({\n  onClick,\n  onDragEnd,\n  children,\n  style,\n  handleCurrentMap,\n  enableMoveSearch,\n  setInfoWindow,\n  currentInfoWindow,\n  registeredMarkers = [],\n  ...options\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [map, setMap] = useState<google.maps.Map>();\n  const [geolocationMarker, setGeolocationMarker] = useState(null);\n  const { handleClusterRender } = useMap();\n  const [clusterSetted, setClusterSetted] = useState(false);\n  const [currentCluster, setCurrentCluster] = useState(null);\n  const [clickedCluster, setClickedCluster] = useState(false);\n\n  useEffect(() => {\n    if (ref.current && !map) {\n      const config = mapConfig(options);\n      const newMap = new window.google.maps.Map(ref.current, {\n        ...config,\n      });\n      const newMarker = new google.maps.Marker({\n        position: options.center,\n        map: map,\n        icon: null,\n      });\n      setGeolocationMarker(newMarker);\n      handleControls(newMap, newMarker);\n      setMap(newMap);\n      handleCurrentMap(newMap);\n    }\n  }, [ref, map, handleCurrentMap, options]);\n\n  useEffect(() => {\n    if (map && !currentInfoWindow) {\n      const infoWindowMap = infoWindow({\n        map,\n      });\n      setInfoWindow(infoWindowMap);\n    }\n  }, [map, setInfoWindow, currentInfoWindow]);\n\n  useEffect(() => {\n    if (map && geolocationMarker && navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(\n        function (currentPosition) {\n          const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n          geolocationMarker.setOptions({\n            position,\n            icon: MapIconVariant.LIVE_POSITION_ON,\n            map,\n          });\n          map.setCenter(position);\n        },\n        () => {\n          geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n        },\n      );\n    }\n  }, [map, geolocationMarker]);\n\n  useEffect(() => {\n    if (map && onClick) {\n      map.addListener('click', onClick);\n    }\n    return () => {\n      if (map) {\n        google.maps.event.clearListeners(map, 'click');\n      }\n    };\n  }, [map, onClick]);\n\n  useEffect(() => {\n    if (map && onDragEnd) {\n      enableMoveSearch\n        ? map.addListener('dragend', () => onDragEnd(map))\n        : google.maps.event.clearListeners(map, 'dragend');\n    }\n    return () => {\n      if (map) {\n        google.maps.event.clearListeners(map, 'dragend');\n      }\n    };\n  }, [map, onDragEnd, enableMoveSearch]);\n\n  useEffect(() => {\n    if (map) {\n      if (options.zoom) {\n        map.setZoom(options.zoom);\n      }\n      if (options.center) {\n        map.setCenter(options.center);\n      }\n    }\n  }, [map, options.zoom, options.center]);\n\n  useEffect(() => {\n    if (clusterSetted && currentCluster) {\n      currentCluster.clearMarkers();\n      currentCluster.addMarkers(registeredMarkers);\n    }\n  }, [currentCluster, registeredMarkers, clusterSetted]);\n\n  useEffect(() => {\n    let cluster = null;\n    if (map && !clusterSetted) {\n      cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n      setClusterSetted(true);\n      setCurrentCluster(cluster);\n    }\n  }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n\n  useEffect(() => {\n    if (clickedCluster) {\n      currentInfoWindow.close();\n      setClickedCluster(false);\n    }\n  }, [clickedCluster, currentInfoWindow]);\n\n  return (\n    <>\n      <div ref={ref} style={style} />\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          // set the map prop on the child component\n          return React.cloneElement(child, { map } as unknown);\n        }\n      })}\n    </>\n  );\n};\n\nexport default MapComponent;\n"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"kWAqB0CA,QAAAC,QACxCA,EAAOC,UACPA,EAASC,SACTA,EAAQC,MACRA,EAAKC,iBACLA,EAAgBC,iBAChBA,EAAgBC,cAChBA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAoB,MACjBC,EAVqCC,EAAAA,OAAAX,EAAA,CAAA,UAAA,YAAA,WAAA,QAAA,mBAAA,mBAAA,gBAAA,oBAAA,sBAYxC,MAAMY,EAAMC,EAAMA,OAAiB,OAC5BC,EAAKC,GAAUC,cACfC,EAAmBC,GAAwBF,EAAAA,SAAS,OACrDG,oBAAEA,GAAwBC,aACzBC,EAAeC,GAAoBN,EAAAA,UAAS,IAC5CO,EAAgBC,GAAqBR,EAAAA,SAAS,OAC9CS,EAAgBC,GAAqBV,EAAAA,UAAS,GA0GrD,OAxGAW,EAAAA,WAAU,KACR,GAAIf,EAAIgB,UAAYd,EAAK,CACvB,MAAMe,EAASC,EAASA,UAACpB,GACnBqB,EAAS,IAAIC,OAAOC,OAAOC,KAAKC,IAAIvB,EAAIgB,QACzCQ,OAAAC,OAAA,CAAA,EAAAR,IAECS,EAAY,IAAIL,OAAOC,KAAKK,OAAO,CACvCC,SAAU9B,EAAQ+B,OAClB3B,IAAKA,EACL4B,KAAM,OAERxB,EAAqBoB,GACrBK,EAAcA,eAACZ,EAAQO,GACvBvB,EAAOgB,GACP1B,EAAiB0B,MAElB,CAACnB,EAAKE,EAAKT,EAAkBK,IAEhCiB,EAAAA,WAAU,KACR,GAAIb,IAAQN,EAAmB,CAC7B,MAAMoC,EAAgBC,EAAAA,WAAW,CAEhC,GACDtC,EAAcqC,MAEf,CAAC9B,EAAKP,EAAeC,IAExBmB,EAAAA,WAAU,KACJb,GAAOG,GAAqB6B,UAAUC,aACxCD,UAAUC,YAAYC,oBACpB,SAAUC,GACR,MAAMT,EAAW,IAAIP,OAAOC,KAAKgB,OAAOD,EAAgBE,OAAOC,SAAUH,EAAgBE,OAAOE,WAChGpC,EAAkBqC,WAAW,CAC3Bd,WACAE,KAAMa,EAAcA,eAACC,iBACrB1C,QAEFA,EAAI2C,UAAUjB,MAEhB,KACEvB,EAAkByC,QAAQH,EAAcA,eAACI,kBAAkB,MAIhE,CAAC7C,EAAKG,IAETU,EAAAA,WAAU,KACJb,GAAOb,GACTa,EAAI8C,YAAY,QAAS3D,GAEpB,KACDa,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,YAGzC,CAACA,EAAKb,IAET0B,EAAAA,WAAU,KACJb,GAAOZ,IACTI,EACIQ,EAAI8C,YAAY,WAAW,IAAM1D,EAAUY,KAC3CmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,YAErC,KACDA,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,cAGzC,CAACA,EAAKZ,EAAWI,IAEpBqB,EAAAA,WAAU,KACJb,IACEJ,EAAQqD,MACVjD,EAAIkD,QAAQtD,EAAQqD,MAElBrD,EAAQ+B,QACV3B,EAAI2C,UAAU/C,EAAQ+B,WAGzB,CAAC3B,EAAKJ,EAAQqD,KAAMrD,EAAQ+B,SAE/Bd,EAAAA,WAAU,KACJN,GAAiBE,IACnBA,EAAe0C,eACf1C,EAAe2C,WAAWzD,MAE3B,CAACc,EAAgBd,EAAmBY,IAEvCM,EAAAA,WAAU,KACR,IAAIwC,EAAU,KACVrD,IAAQO,IACV8C,EAAUhD,EAAoBV,EAAmBK,EAAKY,GACtDJ,GAAiB,GACjBE,EAAkB2C,MAEnB,CAAC1D,EAAmBK,EAAKO,EAAeF,IAE3CQ,EAAAA,WAAU,KACJF,IACFjB,EAAkB4D,QAClB1C,GAAkB,MAEnB,CAACD,EAAgBjB,IAGlB6D,EAAAA,2BACEC,MAAK,MAAA,CAAA1D,IAAKA,EAAKR,MAAOA,IACrBmE,EAAKC,QAACC,SAAS3D,IAAIX,GAAWuE,IAC7B,GAAIH,EAAKC,QAACG,eAAeD,GAEvB,OAAOH,EAAKC,QAACI,aAAaF,EAAO,CAAE5D,aAGtC"}
+{"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\n\ninterface MapProps extends google.maps.MapOptions {\n  style?: { [key: string]: string };\n  onClick?: (e: google.maps.MapMouseEvent) => void;\n  onDragEnd?: (map: google.maps.Map) => void;\n  handleCurrentMap?: (map: google.maps.Map) => void;\n  enableMoveSearch?: boolean;\n  setInfoWindow: any;\n  currentInfoWindow: any;\n  registeredMarkers?: any;\n  children: React.ReactNode;\n\n  center?: any;\n  zoom?: any;\n}\n\nconst MapComponent: React.FC<MapProps> = ({\n  onClick,\n  onDragEnd,\n  children,\n  style,\n  handleCurrentMap,\n  enableMoveSearch,\n  setInfoWindow,\n  currentInfoWindow,\n  registeredMarkers = [],\n  ...options\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [map, setMap] = useState<google.maps.Map>();\n  const [geolocationMarker, setGeolocationMarker] = useState(null);\n  const { handleClusterRender } = useMap();\n  const [clusterSetted, setClusterSetted] = useState(false);\n  const [currentCluster, setCurrentCluster] = useState(null);\n  const [clickedCluster, setClickedCluster] = useState(false);\n\n  useEffect(() => {\n    if (ref.current && !map) {\n      const config = mapConfig(options);\n      const newMap = new window.google.maps.Map(ref.current, {\n        ...config,\n      });\n      const newMarker = new google.maps.Marker({\n        position: options.center,\n        map: map,\n        icon: null,\n      });\n      setGeolocationMarker(newMarker);\n      handleControls(newMap, newMarker);\n      setMap(newMap);\n      handleCurrentMap(newMap);\n    }\n  }, [ref, map, handleCurrentMap, options]);\n\n  useEffect(() => {\n    if (map && !currentInfoWindow) {\n      const infoWindowMap = infoWindow({\n        map,\n      });\n      setInfoWindow(infoWindowMap);\n    }\n  }, [map, setInfoWindow, currentInfoWindow]);\n\n  useEffect(() => {\n    if (map && geolocationMarker && navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(\n        function (currentPosition) {\n          const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n          geolocationMarker.setOptions({\n            position,\n            icon: MapIconVariant.LIVE_POSITION_ON,\n            map,\n          });\n          map.setCenter(position);\n        },\n        () => {\n          geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n        },\n      );\n    }\n  }, [map, geolocationMarker]);\n\n  useEffect(() => {\n    if (map && onClick) {\n      map.addListener('click', onClick);\n    }\n    return () => {\n      if (map) {\n        google.maps.event.clearListeners(map, 'click');\n      }\n    };\n  }, [map, onClick]);\n\n  useEffect(() => {\n    if (map && onDragEnd) {\n      enableMoveSearch\n        ? map.addListener('dragend', () => onDragEnd(map))\n        : google.maps.event.clearListeners(map, 'dragend');\n    }\n    return () => {\n      if (map) {\n        google.maps.event.clearListeners(map, 'dragend');\n      }\n    };\n  }, [map, onDragEnd, enableMoveSearch]);\n\n  useEffect(() => {\n    if (map) {\n      if (options.zoom) {\n        map.setZoom(options.zoom);\n      }\n      if (options.center) {\n        map.setCenter(options.center);\n      }\n    }\n  }, [map, options.zoom, options.center]);\n\n  useEffect(() => {\n    if (clusterSetted && currentCluster) {\n      currentCluster.clearMarkers();\n      currentCluster.addMarkers(registeredMarkers);\n    }\n  }, [currentCluster, registeredMarkers, clusterSetted]);\n\n  useEffect(() => {\n    let cluster = null;\n    if (map && !clusterSetted) {\n      cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n      setClusterSetted(true);\n      setCurrentCluster(cluster);\n    }\n  }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n\n  useEffect(() => {\n    if (clickedCluster) {\n      currentInfoWindow.close();\n      setClickedCluster(false);\n    }\n  }, [clickedCluster, currentInfoWindow]);\n\n  return (\n    <>\n      <div ref={ref} style={style} />\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          // set the map prop on the child component\n          return React.cloneElement(child, { map } as unknown);\n        }\n      })}\n    </>\n  );\n};\n\nexport default MapComponent;\n"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t={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:e.palette.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:e.palette.alert.main},"& > #info-dealer-opened":{color:e.palette.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"}}}},t}));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material").styled("div")(({theme:e})=>{let t={};return t={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:e.palette.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:e.palette.alert.main},"& > #info-dealer-opened":{color:e.palette.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"}}}},t});exports.default=e;
 //# sourceMappingURL=mapStyled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\n\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')<unknown>(({ theme }) => {\n  let styles = {};\n\n  styles = {\n    width: 'inherit',\n    height: '100%',\n    '& .gm-style-iw.gm-style-iw-c': {\n      minWidth: '335px',\n      width: '335px',\n      minHeight: '248px',\n      padding: '24px 14px 24px 24px !important',\n      '&::after': {\n        display: 'none',\n      },\n      '& button.gm-ui-hover-effect': {\n        display: 'none !important',\n      },\n      '& #content': {\n        '& h4': {\n          fontSize: '24px',\n          margin: 0,\n        },\n        '& > #streetInfo': {\n          marginTop: '10px',\n        },\n        '& > #phoneNumber': {\n          marginTop: '10px',\n          '& > a': {\n            color: theme.palette.info['main'],\n            fontSize: '16px',\n            fontWeight: '400',\n          },\n        },\n        '& > #openStatus': {\n          display: 'flex',\n          marginTop: '10px',\n          flexDirection: 'row',\n          fontSize: '16px',\n          fontWeight: '400',\n          '& > #info-dealer-status': {\n            width: '100%',\n            '& > #info-dealer-closed': {\n              color: theme.palette.alert['main'],\n            },\n            '& > #info-dealer-opened': {\n              color: theme.palette.brand.primary,\n            },\n          },\n        },\n        '& > #detail-cta-container': {\n          marginTop: '16px',\n          cursor: 'pointer',\n          width: '110px',\n          '& > #info-detail-cta': {\n            fontSize: '16px',\n            fontWeight: 400,\n          },\n        },\n        '& p': {\n          margin: 0,\n          fontSize: '16px',\n          lineHeight: '24px',\n        },\n      },\n    },\n  };\n\n  return styles;\n});\n\nexport default MapStyled;\n"],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"oEAKA,MAAMA,2BAAYC,OAAO,MAAPA,EAAuB,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAkEf,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,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB,CAAM"}
+{"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\n\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')<unknown>(({ theme }) => {\n  let styles = {};\n\n  styles = {\n    width: 'inherit',\n    height: '100%',\n    '& .gm-style-iw.gm-style-iw-c': {\n      minWidth: '335px',\n      width: '335px',\n      minHeight: '248px',\n      padding: '24px 14px 24px 24px !important',\n      '&::after': {\n        display: 'none',\n      },\n      '& button.gm-ui-hover-effect': {\n        display: 'none !important',\n      },\n      '& #content': {\n        '& h4': {\n          fontSize: '24px',\n          margin: 0,\n        },\n        '& > #streetInfo': {\n          marginTop: '10px',\n        },\n        '& > #phoneNumber': {\n          marginTop: '10px',\n          '& > a': {\n            color: theme.palette.info['main'],\n            fontSize: '16px',\n            fontWeight: '400',\n          },\n        },\n        '& > #openStatus': {\n          display: 'flex',\n          marginTop: '10px',\n          flexDirection: 'row',\n          fontSize: '16px',\n          fontWeight: '400',\n          '& > #info-dealer-status': {\n            width: '100%',\n            '& > #info-dealer-closed': {\n              color: theme.palette.alert['main'],\n            },\n            '& > #info-dealer-opened': {\n              color: theme.palette.brand.primary,\n            },\n          },\n        },\n        '& > #detail-cta-container': {\n          marginTop: '16px',\n          cursor: 'pointer',\n          width: '110px',\n          '& > #info-detail-cta': {\n            fontSize: '16px',\n            fontWeight: 400,\n          },\n        },\n        '& p': {\n          margin: 0,\n          fontSize: '16px',\n          lineHeight: '24px',\n        },\n      },\n    },\n  };\n\n  return styles;\n});\n\nexport default MapStyled;\n"],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"oEAKA,MAAMA,2BAAYC,OAAO,MAAPA,CAAuB,EAAGC,YAC1C,IAAIC,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,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\n\nconst Marker: React.FC<\n  google.maps.MarkerOptions & {\n    handleRegisteredMarkers: any;\n    handleMarkerClicked: any;\n    id: number | string;\n    isSelected: boolean;\n    resultIcon: any;\n    selectedIcon: any;\n    resultIconHover?: any;\n    selectedIconHover?: any;\n    infoWindow: any;\n    canOpenInfoWindow?: boolean;\n    infoWindowConfig?: {\n      title?: string;\n      street?: string;\n      city?: string;\n      phone?: string;\n      isOpen?: boolean;\n      distance?: string;\n    };\n    onInfoWindowCtaClick?: () => void;\n  }\n> = ({\n  handleRegisteredMarkers,\n  handleMarkerClicked,\n  infoWindow,\n  canOpenInfoWindow,\n  infoWindowConfig,\n  onInfoWindowCtaClick,\n  ...options\n}) => {\n  const [marker, setMarker] = useState<google.maps.Marker>(null);\n  const [selected, setSelected] = useState(null);\n  const [settedMarker, setSettedMarker] = useState(false);\n  const { handleIconType } = useMap();\n\n  //METHOD CALLED WHEN WE CLICK ON THE MARKER\n  const onClickMarker = useCallback(\n    (_marker, currentInfoWindow, _canOpenInfoWindow) => {\n      const iconType = handleIconType(options, options.isSelected, false);\n      _marker.setIcon(iconType);\n      setSelected(!selected);\n      handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n    },\n    [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick],\n  );\n\n  //SET THE SELECTED STATUS OF THE MARKER\n  useEffect(() => {\n    setSelected(options.isSelected);\n  }, [options.isSelected]);\n\n  //CREATE A NEW MARKER ON THE MAP\n  useEffect(() => {\n    if (!marker && !settedMarker && infoWindow) {\n      const iconType = handleIconType(options, options.isSelected, false);\n      const newMarker = new google.maps.Marker({\n        icon: iconType,\n      });\n      setMarker(newMarker);\n      handleRegisteredMarkers(newMarker);\n    }\n  }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n\n  //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n  useEffect(() => {\n    if (marker !== null && !settedMarker) {\n      marker.setOptions(options);\n      setSettedMarker(true);\n    }\n  }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n\n  //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n  useEffect(() => {\n    if (marker !== null) {\n      google.maps.event.clearListeners(marker, 'click');\n      google.maps.event.clearListeners(marker, 'mouseover');\n      google.maps.event.clearListeners(marker, 'mouseout');\n      marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n      marker.addListener('mouseover', () => {\n        const iconType = handleIconType(marker, selected, true);\n        marker.setIcon(iconType);\n      });\n      marker.addListener('mouseout', () => {\n        const iconType = handleIconType(marker, selected, false);\n        marker.setIcon(iconType);\n      });\n      setSettedMarker(true);\n    }\n  }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n\n  return null;\n};\n\nexport default Marker;\n"],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,SAA6B,OAClDC,EAAUC,GAAeF,EAAAA,SAAS,OAClCG,EAAcC,GAAmBJ,EAAAA,UAAS,IAC3CK,eAAEA,GAAmBC,YAGrBC,EAAgBC,EAAWA,aAC/B,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,EAAqB,GAE7G,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,EAAAA,WAAU,KACRb,EAAYN,EAAQiB,WAAW,GAC9B,CAACjB,EAAQiB,aAGZE,EAAAA,WAAU,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMR,IAERb,EAAUiB,GACV1B,EAAwB0B,MAEzB,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,EAAAA,WAAU,KACO,OAAXjB,GAAoBK,IACtBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,MAEjB,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,EAAAA,WAAU,KACO,OAAXjB,IACFmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMjB,EAAcT,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC9B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1Bd,EAAO0B,YAAY,YAAY,KAC7B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1BR,GAAgB,MAEjB,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D,IAAI"}
+{"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\n\nconst Marker: React.FC<\n  google.maps.MarkerOptions & {\n    handleRegisteredMarkers: any;\n    handleMarkerClicked: any;\n    id: number | string;\n    isSelected: boolean;\n    resultIcon: any;\n    selectedIcon: any;\n    resultIconHover?: any;\n    selectedIconHover?: any;\n    infoWindow: any;\n    canOpenInfoWindow?: boolean;\n    infoWindowConfig?: {\n      title?: string;\n      street?: string;\n      city?: string;\n      phone?: string;\n      isOpen?: boolean;\n      distance?: string;\n    };\n    onInfoWindowCtaClick?: () => void;\n  }\n> = ({\n  handleRegisteredMarkers,\n  handleMarkerClicked,\n  infoWindow,\n  canOpenInfoWindow,\n  infoWindowConfig,\n  onInfoWindowCtaClick,\n  ...options\n}) => {\n  const [marker, setMarker] = useState<google.maps.Marker>(null);\n  const [selected, setSelected] = useState(null);\n  const [settedMarker, setSettedMarker] = useState(false);\n  const { handleIconType } = useMap();\n\n  //METHOD CALLED WHEN WE CLICK ON THE MARKER\n  const onClickMarker = useCallback(\n    (_marker, currentInfoWindow, _canOpenInfoWindow) => {\n      const iconType = handleIconType(options, options.isSelected, false);\n      _marker.setIcon(iconType);\n      setSelected(!selected);\n      handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n    },\n    [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick],\n  );\n\n  //SET THE SELECTED STATUS OF THE MARKER\n  useEffect(() => {\n    setSelected(options.isSelected);\n  }, [options.isSelected]);\n\n  //CREATE A NEW MARKER ON THE MAP\n  useEffect(() => {\n    if (!marker && !settedMarker && infoWindow) {\n      const iconType = handleIconType(options, options.isSelected, false);\n      const newMarker = new google.maps.Marker({\n        icon: iconType,\n      });\n      setMarker(newMarker);\n      handleRegisteredMarkers(newMarker);\n    }\n  }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n\n  //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n  useEffect(() => {\n    if (marker !== null && !settedMarker) {\n      marker.setOptions(options);\n      setSettedMarker(true);\n    }\n  }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n\n  //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n  useEffect(() => {\n    if (marker !== null) {\n      google.maps.event.clearListeners(marker, 'click');\n      google.maps.event.clearListeners(marker, 'mouseover');\n      google.maps.event.clearListeners(marker, 'mouseout');\n      marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n      marker.addListener('mouseover', () => {\n        const iconType = handleIconType(marker, selected, true);\n        marker.setIcon(iconType);\n      });\n      marker.addListener('mouseout', () => {\n        const iconType = handleIconType(marker, selected, false);\n        marker.setIcon(iconType);\n      });\n      setSettedMarker(true);\n    }\n  }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n\n  return null;\n};\n\nexport default Marker;\n"],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAAoBN,EACjBO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,SAA6B,OAClDC,EAAUC,GAAeF,EAAAA,SAAS,OAClCG,EAAcC,GAAmBJ,EAAAA,UAAS,IAC3CK,eAAEA,GAAmBC,YAGrBC,EAAgBC,EAAAA,YACpB,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,IAExF,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,EAAAA,UAAU,KACRb,EAAYN,EAAQiB,aACnB,CAACjB,EAAQiB,aAGZE,EAAAA,UAAU,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMR,IAERb,EAAUiB,GACV1B,EAAwB0B,EAC1B,GACC,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,EAAAA,UAAU,KACO,OAAXjB,GAAoBK,IACtBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,KAEjB,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,EAAAA,UAAU,KACO,OAAXjB,IACFmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,QAAS,IAAMjB,EAAcT,EAAQN,EAAYC,IACpEK,EAAO0B,YAAY,YAAa,KAC9B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,KAEjBd,EAAO0B,YAAY,WAAY,KAC7B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,KAEjBR,GAAgB,KAEjB,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D"}

package/cjs/organisms/maps/maps.js

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"mapIcons.js","sources":["../../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":["export enum MapIconVariant {\n  PLUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  MINUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n  CENTER_LOCATIONS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n  LIVE_POSITION_OFF = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K',\n  LIVE_POSITION_ON = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=',\n  CLUSTER = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==',\n  ARROW_DETAIL = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n}\n"],"names":["MapIconVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAQX,CAAA,IAPC,KAAA,qUACAA,EAAA,MAAA,yQACAA,EAAA,iBAAA,yuBACAA,EAAA,kBAAA,quCACAA,EAAA,iBAAA,q0CACAA,EAAA,QAAA,iPACAA,EAAA,aAAA"}
+{"version":3,"file":"mapIcons.js","sources":["../../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":["export enum MapIconVariant {\n  PLUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  MINUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n  CENTER_LOCATIONS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n  LIVE_POSITION_OFF = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K',\n  LIVE_POSITION_ON = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=',\n  CLUSTER = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==',\n  ARROW_DETAIL = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n}\n"],"names":["MapIconVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAAA,iBAAAA,uBAAc,CAAA,IACxB,KAAA,qUACAA,EAAA,MAAA,yQACAA,EAAA,iBAAA,yuBACAA,EAAA,kBAAA,quCACAA,EAAA,iBAAA,q0CACAA,EAAA,QAAA,iPACAA,EAAA,aAAA"}

package/cjs/organisms/shortcutLink/shortcutLink.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t=Object.assign(Object.assign({},t),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),t}));exports.ShortcutLink=({iconName:r,title:s,subTitle:o,linkLabel:l,linkURL:c,isExternalLink:p,analyticsCallback:x})=>{const d=t.useCallback((e=>{x&&x(e)}),[x]);return e.jsxs(a,{children:[e.jsx(i.Icon,{name:r,className:"sl-icon",fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:o})]}),e.jsx("a",{href:c,target:p?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:l,direction:"forward",onClick:d})})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/Icon.js");require("../../components/icon/FlowIcon.js"),require("../../components/icon/icon.definitions.js"),require("../../components/icon/filled/ATMFilledIcon.js"),require("../../components/icon/filled/AddFilledIcon.js"),require("../../components/icon/filled/AirFilterFilledIcon.js"),require("../../components/icon/filled/AISuggestionFilledIcon.js"),require("../../components/icon/filled/ArchiveFilledIcon.js"),require("../../components/icon/filled/ArrowBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),require("../../components/icon/filled/ArrowCircleLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowDownFilledIcon.js"),require("../../components/icon/filled/ArrowLeftFilledIcon.js"),require("../../components/icon/filled/ArrowRightFilledIcon.js"),require("../../components/icon/filled/ArrowTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowUpFilledIcon.js"),require("../../components/icon/filled/ArtboardFilledIcon.js"),require("../../components/icon/filled/AssistanceFilledIcon.js"),require("../../components/icon/filled/AudioMidFilledIcon.js"),require("../../components/icon/filled/AudioMuteFilledIcon.js"),require("../../components/icon/filled/AudioOffFilledIcon.js"),require("../../components/icon/filled/AudioOnFilledIcon.js"),require("../../components/icon/filled/BackToParentFilledIcon.js"),require("../../components/icon/filled/BadgeFilledIcon.js"),require("../../components/icon/filled/BalloonFilledIcon.js"),require("../../components/icon/filled/BarFilledIcon.js"),require("../../components/icon/filled/BarCodeFilledIcon.js"),require("../../components/icon/filled/Battery0FilledIcon.js"),require("../../components/icon/filled/Battery10FilledIcon.js"),require("../../components/icon/filled/Battery100FilledIcon.js"),require("../../components/icon/filled/Battery20FilledIcon.js"),require("../../components/icon/filled/Battery30FilledIcon.js"),require("../../components/icon/filled/Battery40FilledIcon.js"),require("../../components/icon/filled/Battery50FilledIcon.js"),require("../../components/icon/filled/Battery60FilledIcon.js"),require("../../components/icon/filled/Battery70FilledIcon.js"),require("../../components/icon/filled/Battery80FilledIcon.js"),require("../../components/icon/filled/Battery90FilledIcon.js"),require("../../components/icon/filled/BatteryChargingFilledIcon.js"),require("../../components/icon/filled/BatteryDischargeFilledIcon.js"),require("../../components/icon/filled/BatteryEmptyFilledIcon.js"),require("../../components/icon/filled/BatteryErrorFilledIcon.js"),require("../../components/icon/filled/BatteryFullFilledIcon.js"),require("../../components/icon/filled/BatteryHighVoltageFilledIcon.js"),require("../../components/icon/filled/BatteryOneThirdFilledIcon.js"),require("../../components/icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../../components/icon/filled/BatteryFilledIcon.js"),require("../../components/icon/filled/BellFilledIcon.js"),require("../../components/icon/filled/BicycleFilledIcon.js"),require("../../components/icon/filled/BoltDischargeFilledIcon.js"),require("../../components/icon/filled/BoltFilledIcon.js"),require("../../components/icon/filled/BoltMotionFilledIcon.js"),require("../../components/icon/filled/BoltOffFilledIcon.js"),require("../../components/icon/filled/BonnetClosedFilledIcon.js"),require("../../components/icon/filled/BonnetOpenFilledIcon.js"),require("../../components/icon/filled/BookmarkFilledIcon.js"),require("../../components/icon/filled/BootClosedFilledIcon.js"),require("../../components/icon/filled/BootOpenFilledIcon.js"),require("../../components/icon/filled/BoxFilledIcon.js"),require("../../components/icon/filled/BrakeFluidFilledIcon.js"),require("../../components/icon/filled/BrakesFilledIcon.js"),require("../../components/icon/filled/BrightnessFilledIcon.js"),require("../../components/icon/filled/BuildingFilledIcon.js"),require("../../components/icon/filled/CalculatorFilledIcon.js"),require("../../components/icon/filled/CalendarCalendarFilledIcon.js"),require("../../components/icon/filled/CalendarCheckFilledIcon.js"),require("../../components/icon/filled/CalendarPointFilledIcon.js"),require("../../components/icon/filled/CameraFilledIcon.js"),require("../../components/icon/filled/CampingFilledIcon.js"),require("../../components/icon/filled/CarAccidentFilledIcon.js"),require("../../components/icon/filled/CarBackFilledIcon.js"),require("../../components/icon/filled/CarComparisonFilledIcon.js"),require("../../components/icon/filled/CarHandFilledIcon.js"),require("../../components/icon/filled/CarInfoFilledIcon.js"),require("../../components/icon/filled/CarMagnifierFilledIcon.js"),require("../../components/icon/filled/CarSeatFilledIcon.js"),require("../../components/icon/filled/CarSendFilledIcon.js"),require("../../components/icon/filled/CarSideFilledIcon.js"),require("../../components/icon/filled/CarStarFilledIcon.js"),require("../../components/icon/filled/CarTechnicalInfoFilledIcon.js"),require("../../components/icon/filled/CareMobilityFilledIcon.js"),require("../../components/icon/filled/CarFilledIcon.js"),require("../../components/icon/filled/CarDoorFilledIcon.js"),require("../../components/icon/filled/CarStatusFilledIcon.js"),require("../../components/icon/filled/CardFilledIcon.js"),require("../../components/icon/filled/ChangeOrderFilledIcon.js"),require("../../components/icon/filled/ChatFilledIcon.js"),require("../../components/icon/filled/CheckFilledIcon.js"),require("../../components/icon/filled/ChevronCircleDownFilledIcon.js"),require("../../components/icon/filled/ChevronCircleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronCircleRightFilledIcon.js"),require("../../components/icon/filled/ChevronCircleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleDownFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleRightFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDownFilledIcon.js"),require("../../components/icon/filled/ChevronLeftFilledIcon.js"),require("../../components/icon/filled/ChevronNextFilledIcon.js"),require("../../components/icon/filled/ChevronPreviousFilledIcon.js"),require("../../components/icon/filled/ChevronRightFilledIcon.js"),require("../../components/icon/filled/ChevronUpFilledIcon.js"),require("../../components/icon/filled/CircleBluetoothFilledIcon.js"),require("../../components/icon/filled/CircleCheckFilledIcon.js"),require("../../components/icon/filled/CircleCloseFilledIcon.js"),require("../../components/icon/filled/CircleDownloadFilledIcon.js"),require("../../components/icon/filled/CircleExclamationFilledIcon.js"),require("../../components/icon/filled/CircleInformationFilledIcon.js"),require("../../components/icon/filled/CircleMinusFilledIcon.js"),require("../../components/icon/filled/CirclePlusFilledIcon.js"),require("../../components/icon/filled/CircleQuestionFilledIcon.js"),require("../../components/icon/filled/CircleSlashFilledIcon.js"),require("../../components/icon/filled/CircleUploadFilledIcon.js"),require("../../components/icon/filled/ClipFilledIcon.js"),require("../../components/icon/filled/ClockFilledIcon.js"),require("../../components/icon/filled/CloseFilledIcon.js"),require("../../components/icon/filled/ClosedcaptionsFilledIcon.js"),require("../../components/icon/filled/CloudCO2FilledIcon.js"),require("../../components/icon/filled/CloudDownloadFilledIcon.js"),require("../../components/icon/filled/CloudUploadFilledIcon.js"),require("../../components/icon/filled/ColoursFilledIcon.js"),require("../../components/icon/filled/ComfortFilledIcon.js"),require("../../components/icon/filled/ContrastFilledIcon.js"),require("../../components/icon/filled/ControlsForwardFilledIcon.js"),require("../../components/icon/filled/ControlsPauseFilledIcon.js"),require("../../components/icon/filled/ControlsPlayFilledIcon.js"),require("../../components/icon/filled/ControlsRecordFilledIcon.js"),require("../../components/icon/filled/ControlsReverseFilledIcon.js"),require("../../components/icon/filled/ControlsRewindFilledIcon.js"),require("../../components/icon/filled/ControlsSkipNextFilledIcon.js"),require("../../components/icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../../components/icon/filled/ControlsStopFilledIcon.js"),require("../../components/icon/filled/CookieFilledIcon.js"),require("../../components/icon/filled/CultureFilledIcon.js"),require("../../components/icon/filled/CopyFilledIcon.js"),require("../../components/icon/filled/CutFilledIcon.js"),require("../../components/icon/filled/DealerFilledIcon.js"),require("../../components/icon/filled/DealershipServiceFilledIcon.js"),require("../../components/icon/filled/DeliveryFilledIcon.js"),require("../../components/icon/filled/DetailsFilledIcon.js"),require("../../components/icon/filled/DeviceSmartphoneFilledIcon.js"),require("../../components/icon/filled/DoorsClosedFilledIcon.js"),require("../../components/icon/filled/DoorsOpenFilledIcon.js"),require("../../components/icon/filled/DownloadFilledIcon.js"),require("../../components/icon/filled/DraghandleFilledIcon.js"),require("../../components/icon/filled/EditFilledIcon.js"),require("../../components/icon/filled/ElectricChargerFilledIcon.js"),require("../../components/icon/filled/ElectricChargerOffFilledIcon.js"),require("../../components/icon/filled/EmptystateFilledIcon.js"),require("../../components/icon/filled/EngineFilledIcon.js"),require("../../components/icon/filled/EngineOilFilledIcon.js"),require("../../components/icon/filled/EntertainmentFilledIcon.js"),require("../../components/icon/filled/EqualsignFilledIcon.js"),require("../../components/icon/filled/ExportFilledIcon.js"),require("../../components/icon/filled/ExternalLinkFilledIcon.js"),require("../../components/icon/filled/FacebookFilledIcon.js"),require("../../components/icon/filled/FactoryFilledIcon.js"),require("../../components/icon/filled/FanFilledIcon.js"),require("../../components/icon/filled/FeedbackFilledIcon.js"),require("../../components/icon/filled/FileFilledIcon.js"),require("../../components/icon/filled/FileMissingFilledIcon.js"),require("../../components/icon/filled/FileNewFilledIcon.js"),require("../../components/icon/filled/FilterFilledIcon.js"),require("../../components/icon/filled/FiltersFilledIcon.js"),require("../../components/icon/filled/FingerPrintFilledIcon.js"),require("../../components/icon/filled/FirstAidFilledIcon.js"),require("../../components/icon/filled/FlashFilledIcon.js"),require("../../components/icon/filled/FolderFilledIcon.js"),require("../../components/icon/filled/FolderShareFilledIcon.js"),require("../../components/icon/filled/FoodFilledIcon.js"),require("../../components/icon/filled/FourwheeldriveFilledIcon.js"),require("../../components/icon/filled/FrontaxleFilledIcon.js"),require("../../components/icon/filled/FuelSavingsFilledIcon.js"),require("../../components/icon/filled/FullscreenEnterFilledIcon.js"),require("../../components/icon/filled/FullscreenExitFilledIcon.js"),require("../../components/icon/filled/GarageFilledIcon.js"),require("../../components/icon/filled/GaugeFilledIcon.js"),require("../../components/icon/filled/GlobeFilledIcon.js"),require("../../components/icon/filled/GroupFilledIcon.js"),require("../../components/icon/filled/HandkeyFilledIcon.js"),require("../../components/icon/filled/HealthScanFilledIcon.js"),require("../../components/icon/filled/HeartFilledIcon.js"),require("../../components/icon/filled/HideFilledIcon.js"),require("../../components/icon/filled/HistoryFilledIcon.js"),require("../../components/icon/filled/HomeFilledIcon.js"),require("../../components/icon/filled/HonkFilledIcon.js"),require("../../components/icon/filled/HotelFilledIcon.js"),require("../../components/icon/filled/HybridFilledIcon.js"),require("../../components/icon/filled/IDCardFilledIcon.js"),require("../../components/icon/filled/ImportFilledIcon.js"),require("../../components/icon/filled/InboxFilledIcon.js"),require("../../components/icon/filled/InstagramFilledIcon.js"),require("../../components/icon/filled/LightsFilledIcon.js"),require("../../components/icon/filled/LightsOffFilledIcon.js"),require("../../components/icon/filled/LinkedInFilledIcon.js"),require("../../components/icon/filled/ListFilledIcon.js"),require("../../components/icon/filled/LockClosedFilledIcon.js"),require("../../components/icon/filled/LockOpenedFilledIcon.js"),require("../../components/icon/filled/LockOpenedAltFilledIcon.js"),require("../../components/icon/filled/LockedSteeringWheelFilledIcon.js"),require("../../components/icon/filled/LoginFilledIcon.js"),require("../../components/icon/filled/LogoutFilledIcon.js"),require("../../components/icon/filled/MaintenanceFilledIcon.js"),require("../../components/icon/filled/ManualFilledIcon.js"),require("../../components/icon/filled/MapCenterFilledIcon.js"),require("../../components/icon/filled/MapCompassFilledIcon.js"),require("../../components/icon/filled/MapFlagFilledIcon.js"),require("../../components/icon/filled/MapLocationFilledIcon.js"),require("../../components/icon/filled/MapFilledIcon.js"),require("../../components/icon/filled/MapMarkerFilledIcon.js"),require("../../components/icon/filled/MapMarkerLBOFilledIcon.js"),require("../../components/icon/filled/MapPinFilledIcon.js"),require("../../components/icon/filled/MapViewFilledIcon.js"),require("../../components/icon/filled/MenuWaffleFilledIcon.js"),require("../../components/icon/filled/MenuFilledIcon.js"),require("../../components/icon/filled/MessageFilledIcon.js"),require("../../components/icon/filled/MicrophoneFilledIcon.js"),require("../../components/icon/filled/MinusFilledIcon.js"),require("../../components/icon/filled/MoreHorizontalFilledIcon.js"),require("../../components/icon/filled/MoreVerticalFilledIcon.js"),require("../../components/icon/filled/MotionFilledIcon.js"),require("../../components/icon/filled/MusicalNoteFilledIcon.js"),require("../../components/icon/filled/MuteFilledIcon.js"),require("../../components/icon/filled/NewsFilledIcon.js"),require("../../components/icon/filled/NewspaperFilledIcon.js"),require("../../components/icon/filled/OilFilledIcon.js"),require("../../components/icon/filled/ParkingFilledIcon.js"),require("../../components/icon/filled/PasteFilledIcon.js"),require("../../components/icon/filled/PercentageFilledIcon.js"),require("../../components/icon/filled/PetFilledIcon.js"),require("../../components/icon/filled/PhoneFilledIcon.js"),require("../../components/icon/filled/PictureFilledIcon.js"),require("../../components/icon/filled/PiggybankFilledIcon.js"),require("../../components/icon/filled/PlugCCSType1FilledIcon.js"),require("../../components/icon/filled/PlugCCSType2FilledIcon.js"),require("../../components/icon/filled/PlugCHAdeMOFilledIcon.js"),require("../../components/icon/filled/PlugType1FilledIcon.js"),require("../../components/icon/filled/PlugType2FilledIcon.js"),require("../../components/icon/filled/PlugFilledIcon.js"),require("../../components/icon/filled/PlusFilledIcon.js"),require("../../components/icon/filled/PremiumLFilledIcon.js"),require("../../components/icon/filled/PremiumMFilledIcon.js"),require("../../components/icon/filled/PremiumSFilledIcon.js"),require("../../components/icon/filled/PriceTagFilledIcon.js"),require("../../components/icon/filled/PrintFilledIcon.js"),require("../../components/icon/filled/ProductionFilledIcon.js"),require("../../components/icon/filled/PublicplaceFilledIcon.js"),require("../../components/icon/filled/PumpFilledIcon.js"),require("../../components/icon/filled/PumpCNGFilledIcon.js"),require("../../components/icon/filled/PumpLPGFilledIcon.js"),require("../../components/icon/filled/QRCodeFilledIcon.js"),require("../../components/icon/filled/QualityFilledIcon.js"),require("../../components/icon/filled/QualityMedalFilledIcon.js"),require("../../components/icon/filled/RadarFilledIcon.js"),require("../../components/icon/filled/RefreshFilledIcon.js"),require("../../components/icon/filled/ReloadFilledIcon.js"),require("../../components/icon/filled/RevertFilledIcon.js"),require("../../components/icon/filled/RoadBlockFilledIcon.js"),require("../../components/icon/filled/SaveFilledIcon.js"),require("../../components/icon/filled/SearchMinusFilledIcon.js"),require("../../components/icon/filled/SearchPlusFilledIcon.js"),require("../../components/icon/filled/SearchFilledIcon.js"),require("../../components/icon/filled/SeatheaterFilledIcon.js"),require("../../components/icon/filled/SelectFilledIcon.js"),require("../../components/icon/filled/SelectAllFilledIcon.js"),require("../../components/icon/filled/SendFilledIcon.js"),require("../../components/icon/filled/SettingsFilledIcon.js"),require("../../components/icon/filled/ShapeCircleFilledIcon.js"),require("../../components/icon/filled/ShapeDropFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../../components/icon/filled/ShapeRhombusFilledIcon.js"),require("../../components/icon/filled/ShapeShapesFilledIcon.js"),require("../../components/icon/filled/ShapeSquareFilledIcon.js"),require("../../components/icon/filled/ShapeStarFilledIcon.js"),require("../../components/icon/filled/ShapeStarhalfFilledIcon.js"),require("../../components/icon/filled/ShapeTriangleFilledIcon.js"),require("../../components/icon/filled/ShareFilledIcon.js"),require("../../components/icon/filled/ShareSquareFilledIcon.js"),require("../../components/icon/filled/ShieldCheckFilledIcon.js"),require("../../components/icon/filled/ShieldEmptyFilledIcon.js"),require("../../components/icon/filled/ShoppingBagFilledIcon.js"),require("../../components/icon/filled/ShoppingCartFilledIcon.js"),require("../../components/icon/filled/ShowFilledIcon.js"),require("../../components/icon/filled/ShuffleFilledIcon.js"),require("../../components/icon/filled/SignalFilledIcon.js"),require("../../components/icon/filled/SortDownFilledIcon.js"),require("../../components/icon/filled/SortUpFilledIcon.js"),require("../../components/icon/filled/SoundwaveFilledIcon.js"),require("../../components/icon/filled/SparkplugFilledIcon.js"),require("../../components/icon/filled/SportFilledIcon.js"),require("../../components/icon/filled/StatsFilledIcon.js"),require("../../components/icon/filled/SteeringWheelFilledIcon.js"),require("../../components/icon/filled/StopwatchFilledIcon.js"),require("../../components/icon/filled/SubtractFilledIcon.js"),require("../../components/icon/filled/SuitcaseFilledIcon.js"),require("../../components/icon/filled/SunroofFilledIcon.js"),require("../../components/icon/filled/TaskDoneFilledIcon.js"),require("../../components/icon/filled/TaskNoneFilledIcon.js"),require("../../components/icon/filled/TaskScheduledFilledIcon.js"),require("../../components/icon/filled/TechnicalInfoFilledIcon.js"),require("../../components/icon/filled/TelegramFilledIcon.js"),require("../../components/icon/filled/ThumbDownFilledIcon.js"),require("../../components/icon/filled/ThumbUpFilledIcon.js"),require("../../components/icon/filled/TicketFilledIcon.js"),require("../../components/icon/filled/TikTokFilledIcon.js"),require("../../components/icon/filled/ToiletsFilledIcon.js"),require("../../components/icon/filled/TransmissionAutomaticFilledIcon.js"),require("../../components/icon/filled/TransmissionManualFilledIcon.js"),require("../../components/icon/filled/TrashcanFilledIcon.js"),require("../../components/icon/filled/TripCyclicFilledIcon.js"),require("../../components/icon/filled/TripLongTermFilledIcon.js"),require("../../components/icon/filled/TripSingleFilledIcon.js"),require("../../components/icon/filled/TrophyFilledIcon.js"),require("../../components/icon/filled/TwitterFilledIcon.js"),require("../../components/icon/filled/TyreRepairFilledIcon.js"),require("../../components/icon/filled/TyreTracksFilledIcon.js"),require("../../components/icon/filled/TyresFilledIcon.js"),require("../../components/icon/filled/UploadFilledIcon.js"),require("../../components/icon/filled/UserFilledIcon.js"),require("../../components/icon/filled/VentilationFilledIcon.js"),require("../../components/icon/filled/VentilationOffFilledIcon.js"),require("../../components/icon/filled/WalkFilledIcon.js"),require("../../components/icon/filled/WallboxFilledIcon.js"),require("../../components/icon/filled/WalletFilledIcon.js"),require("../../components/icon/filled/WandFilledIcon.js"),require("../../components/icon/filled/WarningFilledIcon.js"),require("../../components/icon/filled/WeatherRainyFilledIcon.js"),require("../../components/icon/filled/WeatherSnowFilledIcon.js"),require("../../components/icon/filled/WellnessFilledIcon.js"),require("../../components/icon/filled/WhatsAppFilledIcon.js"),require("../../components/icon/filled/WheelchairFilledIcon.js"),require("../../components/icon/filled/WheelsFilledIcon.js"),require("../../components/icon/filled/WifiDisabledFilledIcon.js"),require("../../components/icon/filled/WifiHighFilledIcon.js"),require("../../components/icon/filled/WifiLowFilledIcon.js"),require("../../components/icon/filled/WifiMediumFilledIcon.js"),require("../../components/icon/filled/WifiNoSignalFilledIcon.js"),require("../../components/icon/filled/WindowFilledIcon.js"),require("../../components/icon/filled/WindowheaterFilledIcon.js"),require("../../components/icon/filled/WindowsClosedFilledIcon.js"),require("../../components/icon/filled/WindowsOpenFilledIcon.js"),require("../../components/icon/filled/WindscreenWiperFilledIcon.js"),require("../../components/icon/filled/WriteFilledIcon.js"),require("../../components/icon/filled/XFilledIcon.js"),require("../../components/icon/filled/YouTubeFilledIcon.js"),require("../../components/icon/stroke/ATMIcon.js"),require("../../components/icon/stroke/AddIcon.js"),require("../../components/icon/stroke/AirFilterIcon.js"),require("../../components/icon/stroke/AISuggestionIcon.js"),require("../../components/icon/stroke/ArchiveIcon.js"),require("../../components/icon/stroke/ArrowBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleDownIcon.js"),require("../../components/icon/stroke/ArrowCircleLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleRightIcon.js"),require("../../components/icon/stroke/ArrowCircleTopLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleTopRightIcon.js"),require("../../components/icon/stroke/ArrowCircleUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../../components/icon/stroke/ArrowDownIcon.js"),require("../../components/icon/stroke/ArrowLeftIcon.js"),require("../../components/icon/stroke/ArrowRightIcon.js"),require("../../components/icon/stroke/ArrowTopLeftIcon.js"),require("../../components/icon/stroke/ArrowTopRightIcon.js"),require("../../components/icon/stroke/ArrowUpIcon.js"),require("../../components/icon/stroke/ArtboardIcon.js"),require("../../components/icon/stroke/AssistanceIcon.js"),require("../../components/icon/stroke/AudioMidIcon.js"),require("../../components/icon/stroke/AudioMuteIcon.js"),require("../../components/icon/stroke/AudioOffIcon.js"),require("../../components/icon/stroke/AudioOnIcon.js"),require("../../components/icon/stroke/BadgeIcon.js"),require("../../components/icon/stroke/BackToParentIcon.js"),require("../../components/icon/stroke/BalloonIcon.js"),require("../../components/icon/stroke/BarIcon.js"),require("../../components/icon/stroke/BarCodeIcon.js"),require("../../components/icon/stroke/Battery0Icon.js"),require("../../components/icon/stroke/Battery10Icon.js"),require("../../components/icon/stroke/Battery100Icon.js"),require("../../components/icon/stroke/Battery20Icon.js"),require("../../components/icon/stroke/Battery30Icon.js"),require("../../components/icon/stroke/Battery40Icon.js"),require("../../components/icon/stroke/Battery50Icon.js"),require("../../components/icon/stroke/Battery60Icon.js"),require("../../components/icon/stroke/Battery70Icon.js"),require("../../components/icon/stroke/Battery80Icon.js"),require("../../components/icon/stroke/Battery90Icon.js"),require("../../components/icon/stroke/BatteryEmptyIcon.js"),require("../../components/icon/stroke/BatteryFullIcon.js"),require("../../components/icon/stroke/BatteryHighVoltageIcon.js"),require("../../components/icon/stroke/BatteryOneThirdIcon.js"),require("../../components/icon/stroke/BatteryTwoThirdsIcon.js"),require("../../components/icon/stroke/BatteryChargingIcon.js"),require("../../components/icon/stroke/BatteryDischargeIcon.js"),require("../../components/icon/stroke/BatteryErrorIcon.js"),require("../../components/icon/stroke/BatteryIcon.js"),require("../../components/icon/stroke/BellIcon.js"),require("../../components/icon/stroke/BicycleIcon.js"),require("../../components/icon/stroke/BoltDischargeIcon.js"),require("../../components/icon/stroke/BoltIcon.js"),require("../../components/icon/stroke/BoltMotionIcon.js"),require("../../components/icon/stroke/BoltOffIcon.js"),require("../../components/icon/stroke/BonnetClosedIcon.js"),require("../../components/icon/stroke/BonnetOpenIcon.js"),require("../../components/icon/stroke/BookmarkIcon.js"),require("../../components/icon/stroke/BootClosedIcon.js"),require("../../components/icon/stroke/BootOpenIcon.js"),require("../../components/icon/stroke/BoxIcon.js"),require("../../components/icon/stroke/BrakeFluidIcon.js"),require("../../components/icon/stroke/BrakesIcon.js"),require("../../components/icon/stroke/BrightnessIcon.js"),require("../../components/icon/stroke/BuildingIcon.js"),require("../../components/icon/stroke/CalculatorIcon.js"),require("../../components/icon/stroke/CalendarCalendarIcon.js"),require("../../components/icon/stroke/CalendarCheckIcon.js"),require("../../components/icon/stroke/CalendarPointIcon.js"),require("../../components/icon/stroke/CameraIcon.js"),require("../../components/icon/stroke/CampingIcon.js"),require("../../components/icon/stroke/CarAccidentIcon.js"),require("../../components/icon/stroke/CarBackIcon.js"),require("../../components/icon/stroke/CarComparisonIcon.js"),require("../../components/icon/stroke/CarHandIcon.js"),require("../../components/icon/stroke/CarInfoIcon.js"),require("../../components/icon/stroke/CarMagnifierIcon.js"),require("../../components/icon/stroke/CarSeatIcon.js"),require("../../components/icon/stroke/CarSendIcon.js"),require("../../components/icon/stroke/CarSideIcon.js"),require("../../components/icon/stroke/CarStarIcon.js"),require("../../components/icon/stroke/CarTechnicalInfoIcon.js"),require("../../components/icon/stroke/CareMobilityIcon.js"),require("../../components/icon/stroke/CarIcon.js"),require("../../components/icon/stroke/CarDoorIcon.js"),require("../../components/icon/stroke/CarStatusIcon.js"),require("../../components/icon/stroke/CardIcon.js"),require("../../components/icon/stroke/ChangeOrderIcon.js"),require("../../components/icon/stroke/ChatIcon.js"),require("../../components/icon/stroke/CheckIcon.js"),require("../../components/icon/stroke/ChevronCircleDownIcon.js"),require("../../components/icon/stroke/ChevronCircleLeftIcon.js"),require("../../components/icon/stroke/ChevronCircleRightIcon.js"),require("../../components/icon/stroke/ChevronCircleUpIcon.js"),require("../../components/icon/stroke/ChevronDoubleDownIcon.js"),require("../../components/icon/stroke/ChevronDoubleLeftIcon.js"),require("../../components/icon/stroke/ChevronDoubleRightIcon.js"),require("../../components/icon/stroke/ChevronDoubleUpIcon.js"),require("../../components/icon/stroke/ChevronDownIcon.js"),require("../../components/icon/stroke/ChevronLeftIcon.js"),require("../../components/icon/stroke/ChevronNextIcon.js"),require("../../components/icon/stroke/ChevronPreviousIcon.js"),require("../../components/icon/stroke/ChevronRightIcon.js"),require("../../components/icon/stroke/ChevronUpIcon.js"),require("../../components/icon/stroke/CircleBluetoothIcon.js"),require("../../components/icon/stroke/CircleCheckIcon.js"),require("../../components/icon/stroke/CircleCloseIcon.js"),require("../../components/icon/stroke/CircleDownloadIcon.js"),require("../../components/icon/stroke/CircleExclamationIcon.js"),require("../../components/icon/stroke/CircleInformationIcon.js"),require("../../components/icon/stroke/CircleMinusIcon.js"),require("../../components/icon/stroke/CirclePlusIcon.js"),require("../../components/icon/stroke/CircleQuestionIcon.js"),require("../../components/icon/stroke/CircleSlashIcon.js"),require("../../components/icon/stroke/CircleUploadIcon.js"),require("../../components/icon/stroke/ClipIcon.js"),require("../../components/icon/stroke/ClockIcon.js"),require("../../components/icon/stroke/CloseIcon.js"),require("../../components/icon/stroke/ClosedcaptionsIcon.js"),require("../../components/icon/stroke/CloudCO2Icon.js"),require("../../components/icon/stroke/CloudDownloadIcon.js"),require("../../components/icon/stroke/CloudUploadIcon.js"),require("../../components/icon/stroke/ColoursIcon.js"),require("../../components/icon/stroke/ComfortIcon.js"),require("../../components/icon/stroke/ContrastIcon.js"),require("../../components/icon/stroke/ControlsForwardIcon.js"),require("../../components/icon/stroke/ControlsPauseIcon.js"),require("../../components/icon/stroke/ControlsPlayIcon.js"),require("../../components/icon/stroke/ControlsRecordIcon.js"),require("../../components/icon/stroke/ControlsReverseIcon.js"),require("../../components/icon/stroke/ControlsRewindIcon.js"),require("../../components/icon/stroke/ControlsSkipNextIcon.js"),require("../../components/icon/stroke/ControlsSkipPreviousIcon.js"),require("../../components/icon/stroke/ControlsStopIcon.js"),require("../../components/icon/stroke/CookieIcon.js"),require("../../components/icon/stroke/CopyIcon.js"),require("../../components/icon/stroke/CultureIcon.js"),require("../../components/icon/stroke/CutIcon.js"),require("../../components/icon/stroke/DealerIcon.js"),require("../../components/icon/stroke/DealershipServiceIcon.js"),require("../../components/icon/stroke/DeliveryIcon.js"),require("../../components/icon/stroke/DetailsIcon.js"),require("../../components/icon/stroke/DeviceSmartphoneIcon.js"),require("../../components/icon/stroke/DoorsClosedIcon.js"),require("../../components/icon/stroke/DoorsOpenIcon.js"),require("../../components/icon/stroke/DownloadIcon.js"),require("../../components/icon/stroke/DraghandleIcon.js"),require("../../components/icon/stroke/EditIcon.js"),require("../../components/icon/stroke/ElectricChargerIcon.js"),require("../../components/icon/stroke/ElectricChargerOffIcon.js"),require("../../components/icon/stroke/EmptystateIcon.js"),require("../../components/icon/stroke/EngineIcon.js"),require("../../components/icon/stroke/EngineOilIcon.js"),require("../../components/icon/stroke/EntertainmentIcon.js"),require("../../components/icon/stroke/EqualsignIcon.js"),require("../../components/icon/stroke/ExportIcon.js"),require("../../components/icon/stroke/ExternalLinkIcon.js"),require("../../components/icon/stroke/FacebookIcon.js"),require("../../components/icon/stroke/FactoryIcon.js"),require("../../components/icon/stroke/FanIcon.js"),require("../../components/icon/stroke/FeedbackIcon.js"),require("../../components/icon/stroke/FileIcon.js"),require("../../components/icon/stroke/FileMissingIcon.js"),require("../../components/icon/stroke/FileNewIcon.js"),require("../../components/icon/stroke/FilterIcon.js"),require("../../components/icon/stroke/FiltersIcon.js"),require("../../components/icon/stroke/FingerPrintIcon.js"),require("../../components/icon/stroke/FirstAidIcon.js"),require("../../components/icon/stroke/FlashIcon.js"),require("../../components/icon/stroke/FolderIcon.js"),require("../../components/icon/stroke/FolderShareIcon.js"),require("../../components/icon/stroke/FoodIcon.js"),require("../../components/icon/stroke/FourwheeldriveIcon.js"),require("../../components/icon/stroke/FrontaxleIcon.js"),require("../../components/icon/stroke/FuelSavingsIcon.js"),require("../../components/icon/stroke/FullscreenEnterIcon.js"),require("../../components/icon/stroke/FullscreenExitIcon.js"),require("../../components/icon/stroke/GarageIcon.js"),require("../../components/icon/stroke/GaugeIcon.js"),require("../../components/icon/stroke/GlobeIcon.js"),require("../../components/icon/stroke/GroupIcon.js"),require("../../components/icon/stroke/HandkeyIcon.js"),require("../../components/icon/stroke/HealthScanIcon.js"),require("../../components/icon/stroke/HeartIcon.js"),require("../../components/icon/stroke/HideIcon.js"),require("../../components/icon/stroke/HistoryIcon.js"),require("../../components/icon/stroke/HomeIcon.js"),require("../../components/icon/stroke/HonkIcon.js"),require("../../components/icon/stroke/HotelIcon.js"),require("../../components/icon/stroke/HybridIcon.js"),require("../../components/icon/stroke/IDCardIcon.js"),require("../../components/icon/stroke/ImportIcon.js"),require("../../components/icon/stroke/InboxIcon.js"),require("../../components/icon/stroke/InstagramIcon.js"),require("../../components/icon/stroke/LightsIcon.js"),require("../../components/icon/stroke/LightsOffIcon.js"),require("../../components/icon/stroke/LinkedInIcon.js"),require("../../components/icon/stroke/ListIcon.js"),require("../../components/icon/stroke/LockClosedIcon.js"),require("../../components/icon/stroke/LockOpenedIcon.js"),require("../../components/icon/stroke/LockOpenedAltIcon.js"),require("../../components/icon/stroke/LockedSteeringWheelIcon.js"),require("../../components/icon/stroke/LoginIcon.js"),require("../../components/icon/stroke/LogoutIcon.js"),require("../../components/icon/stroke/MaintenanceIcon.js"),require("../../components/icon/stroke/ManualIcon.js"),require("../../components/icon/stroke/MapCenterIcon.js"),require("../../components/icon/stroke/MapCompassIcon.js"),require("../../components/icon/stroke/MapFlagIcon.js"),require("../../components/icon/stroke/MapLocationIcon.js"),require("../../components/icon/stroke/MapIcon.js"),require("../../components/icon/stroke/MapMarkerIcon.js"),require("../../components/icon/stroke/MapMarkerLBOIcon.js"),require("../../components/icon/stroke/MapPinIcon.js"),require("../../components/icon/stroke/MapViewIcon.js"),require("../../components/icon/stroke/MenuWaffleIcon.js"),require("../../components/icon/stroke/MenuIcon.js"),require("../../components/icon/stroke/MessageIcon.js"),require("../../components/icon/stroke/MicrophoneIcon.js"),require("../../components/icon/stroke/MinusIcon.js"),require("../../components/icon/stroke/MoreHorizontalIcon.js"),require("../../components/icon/stroke/MoreVerticalIcon.js"),require("../../components/icon/stroke/MotionIcon.js"),require("../../components/icon/stroke/MusicalNoteIcon.js"),require("../../components/icon/stroke/MuteIcon.js"),require("../../components/icon/stroke/NewsIcon.js"),require("../../components/icon/stroke/NewspaperIcon.js"),require("../../components/icon/stroke/OilIcon.js"),require("../../components/icon/stroke/ParkingIcon.js"),require("../../components/icon/stroke/PasteIcon.js"),require("../../components/icon/stroke/PercentageIcon.js"),require("../../components/icon/stroke/PetIcon.js"),require("../../components/icon/stroke/PhoneIcon.js"),require("../../components/icon/stroke/PictureIcon.js"),require("../../components/icon/stroke/PiggybankIcon.js"),require("../../components/icon/stroke/PlugCCSType1Icon.js"),require("../../components/icon/stroke/PlugCCSType2Icon.js"),require("../../components/icon/stroke/PlugCHAdeMOIcon.js"),require("../../components/icon/stroke/PlugType1Icon.js"),require("../../components/icon/stroke/PlugType2Icon.js"),require("../../components/icon/stroke/PlugIcon.js"),require("../../components/icon/stroke/PlusIcon.js"),require("../../components/icon/stroke/PremiumLIcon.js"),require("../../components/icon/stroke/PremiumMIcon.js"),require("../../components/icon/stroke/PremiumSIcon.js"),require("../../components/icon/stroke/PriceTagIcon.js"),require("../../components/icon/stroke/PrintIcon.js"),require("../../components/icon/stroke/ProductionIcon.js"),require("../../components/icon/stroke/PublicplaceIcon.js"),require("../../components/icon/stroke/PumpIcon.js"),require("../../components/icon/stroke/PumpCNGIcon.js"),require("../../components/icon/stroke/PumpLPGIcon.js"),require("../../components/icon/stroke/QRCodeIcon.js"),require("../../components/icon/stroke/QualityIcon.js"),require("../../components/icon/stroke/QualityMedalIcon.js"),require("../../components/icon/stroke/RadarIcon.js"),require("../../components/icon/stroke/RefreshIcon.js"),require("../../components/icon/stroke/ReloadIcon.js"),require("../../components/icon/stroke/RevertIcon.js"),require("../../components/icon/stroke/RoadBlockIcon.js"),require("../../components/icon/stroke/SaveIcon.js"),require("../../components/icon/stroke/SearchMinusIcon.js"),require("../../components/icon/stroke/SearchPlusIcon.js"),require("../../components/icon/stroke/SearchIcon.js"),require("../../components/icon/stroke/SeatheaterIcon.js"),require("../../components/icon/stroke/SelectIcon.js"),require("../../components/icon/stroke/SelectAllIcon.js"),require("../../components/icon/stroke/SendIcon.js"),require("../../components/icon/stroke/SettingsIcon.js"),require("../../components/icon/stroke/ShapeCircleIcon.js"),require("../../components/icon/stroke/ShapeDropIcon.js"),require("../../components/icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../../components/icon/stroke/ShapeRectangleRoundedIcon.js"),require("../../components/icon/stroke/ShapeRectangleVerticalIcon.js"),require("../../components/icon/stroke/ShapeRhombusIcon.js"),require("../../components/icon/stroke/ShapeShapesIcon.js"),require("../../components/icon/stroke/ShapeSquareIcon.js"),require("../../components/icon/stroke/ShapeStarIcon.js"),require("../../components/icon/stroke/ShapeStarhalfIcon.js"),require("../../components/icon/stroke/ShapeTriangleIcon.js"),require("../../components/icon/stroke/ShareIcon.js"),require("../../components/icon/stroke/ShareSquareIcon.js"),require("../../components/icon/stroke/ShieldCheckIcon.js"),require("../../components/icon/stroke/ShieldEmptyIcon.js"),require("../../components/icon/stroke/ShoppingBagIcon.js"),require("../../components/icon/stroke/ShoppingCartIcon.js"),require("../../components/icon/stroke/ShowIcon.js"),require("../../components/icon/stroke/ShuffleIcon.js"),require("../../components/icon/stroke/SignalIcon.js"),require("../../components/icon/stroke/SortDownIcon.js"),require("../../components/icon/stroke/SortUpIcon.js"),require("../../components/icon/stroke/SoundwaveIcon.js"),require("../../components/icon/stroke/SparkplugIcon.js"),require("../../components/icon/stroke/SportIcon.js"),require("../../components/icon/stroke/StatsIcon.js"),require("../../components/icon/stroke/SteeringWheelIcon.js"),require("../../components/icon/stroke/StopwatchIcon.js"),require("../../components/icon/stroke/SubtractIcon.js"),require("../../components/icon/stroke/SuitcaseIcon.js"),require("../../components/icon/stroke/SunroofIcon.js"),require("../../components/icon/stroke/TaskDoneIcon.js"),require("../../components/icon/stroke/TaskNoneIcon.js"),require("../../components/icon/stroke/TaskScheduledIcon.js"),require("../../components/icon/stroke/TechnicalInfoIcon.js"),require("../../components/icon/stroke/TelegramIcon.js"),require("../../components/icon/stroke/ThumbDownIcon.js"),require("../../components/icon/stroke/ThumbUpIcon.js"),require("../../components/icon/stroke/TicketIcon.js"),require("../../components/icon/stroke/TikTokIcon.js"),require("../../components/icon/stroke/ToiletsIcon.js"),require("../../components/icon/stroke/TransmissionAutomaticIcon.js"),require("../../components/icon/stroke/TransmissionManualIcon.js"),require("../../components/icon/stroke/TrashcanIcon.js"),require("../../components/icon/stroke/TripCyclicIcon.js"),require("../../components/icon/stroke/TripLongTermIcon.js"),require("../../components/icon/stroke/TripSingleIcon.js"),require("../../components/icon/stroke/TrophyIcon.js"),require("../../components/icon/stroke/TwitterIcon.js"),require("../../components/icon/stroke/TyreRepairIcon.js"),require("../../components/icon/stroke/TyreTracksIcon.js"),require("../../components/icon/stroke/TyresIcon.js"),require("../../components/icon/stroke/UploadIcon.js"),require("../../components/icon/stroke/UserIcon.js"),require("../../components/icon/stroke/VentilationIcon.js"),require("../../components/icon/stroke/VentilationOffIcon.js"),require("../../components/icon/stroke/WalkIcon.js"),require("../../components/icon/stroke/WallboxIcon.js"),require("../../components/icon/stroke/WalletIcon.js"),require("../../components/icon/stroke/WandIcon.js"),require("../../components/icon/stroke/WarningIcon.js"),require("../../components/icon/stroke/WeatherRainyIcon.js"),require("../../components/icon/stroke/WeatherSnowIcon.js"),require("../../components/icon/stroke/WellnessIcon.js"),require("../../components/icon/stroke/WhatsAppIcon.js"),require("../../components/icon/stroke/WheelchairIcon.js"),require("../../components/icon/stroke/WheelsIcon.js"),require("../../components/icon/stroke/WifiDisabledIcon.js"),require("../../components/icon/stroke/WifiHighIcon.js"),require("../../components/icon/stroke/WifiLowIcon.js"),require("../../components/icon/stroke/WifiMediumIcon.js"),require("../../components/icon/stroke/WifiNoSignalIcon.js"),require("../../components/icon/stroke/WindowIcon.js"),require("../../components/icon/stroke/WindowheaterIcon.js"),require("../../components/icon/stroke/WindowsClosedIcon.js"),require("../../components/icon/stroke/WindowsOpenIcon.js"),require("../../components/icon/stroke/WindscreenWiperIcon.js"),require("../../components/icon/stroke/WriteIcon.js"),require("../../components/icon/stroke/XIcon.js"),require("../../components/icon/stroke/YouTubeIcon.js");const r=require("@mui/material").styled("div")(({theme:e})=>{let o={};return o=Object.assign(Object.assign({},o),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),o});exports.ShortcutLink=({iconName:c,title:s,subTitle:l,linkLabel:t,linkURL:p,isExternalLink:d,analyticsCallback:u})=>{const m=o.useCallback(e=>{u&&u(e)},[u]);return e.jsxs(r,{children:[e.jsx(i.Icon,{name:c,className:"sl-icon",fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:l})]}),e.jsx("a",{href:p,target:d?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:t,direction:"forward",onClick:m})})]})};
 //# sourceMappingURL=shortcutLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shortcutLink.js","sources":["../../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\nimport { styled } from '@mui/material';\n\nexport interface ShortcutLinkProps {\n  iconName: IconNameProp;\n  title: string;\n  subTitle: string;\n  linkLabel: string;\n  linkURL: string;\n  isExternalLink?: boolean;\n  analyticsCallback?: (payload?: unknown) => void;\n}\n\n/** @deprecated */\nexport const ShortcutLink = ({\n  iconName,\n  title,\n  subTitle,\n  linkLabel,\n  linkURL,\n  isExternalLink,\n  analyticsCallback,\n}: ShortcutLinkProps) => {\n  const handleOnClick = useCallback(\n    (e: unknown) => {\n      analyticsCallback && analyticsCallback(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <ShortcutLinkStyled>\n      <Icon name={iconName} className=\"sl-icon\" fontSize=\"large\" />\n      <div className=\"text-wrapper\">\n        <h4>{title}</h4>\n        <span className=\"body\">{subTitle}</span>\n      </div>\n      <a href={linkURL} target={isExternalLink ? '_blank' : '_self'} rel=\"noreferrer\">\n        <Button variant={ButtonVariants.NAVIGATION} label={linkLabel} direction=\"forward\" onClick={handleOnClick} />\n      </a>\n    </ShortcutLinkStyled>\n  );\n};\n\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n  let styles = {};\n\n  styles = {\n    ...styles,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    a: {\n      textDecoration: 'none',\n    },\n    button: {\n      paddingLeft: '0',\n    },\n    '.text-wrapper': {\n      paddingTop: '20px',\n      paddingBottom: '6px',\n    },\n    span: {\n      display: 'block',\n    },\n    '> .sa-i': {\n      display: 'none',\n    },\n    h4: {\n      marginTop: '0',\n      letterSpacing: '0.4px',\n    },\n    '.body': {\n      letterSpacing: '0.4px',\n    },\n    '.sl-icon': {\n      fontSize: '32px',\n    },\n    [theme.breakpoints.down('md')]: {\n      h4: {\n        marginBottom: '2px',\n        fontSize: '16px',\n        lineHeight: '24px',\n        letterSpacing: '0.2px',\n      },\n      '.body': {\n        letterSpacing: '0.2px',\n        lineHeight: '16px',\n        fontSize: '12px',\n      },\n    },\n    [theme.breakpoints.up('md')]: {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      '> .sa-i': {\n        display: 'block',\n      },\n      h4: {\n        marginBottom: '0',\n      },\n    },\n  };\n  return styles;\n});\n"],"names":["ShortcutLinkStyled","styled","theme","styles","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"wNA8CMA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAyDf,OAvDAA,iCACKA,GAAM,CACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,EAAG,CACDC,eAAgB,QAElBC,OAAQ,CACNC,YAAa,KAEf,gBAAiB,CACfC,WAAY,OACZC,cAAe,OAEjBC,KAAM,CACJT,QAAS,SAEX,UAAW,CACTA,QAAS,QAEXU,GAAI,CACFC,UAAW,IACXC,cAAe,SAEjB,QAAS,CACPA,cAAe,SAEjB,WAAY,CACVC,SAAU,QAEZ,CAACf,EAAMgB,YAAYC,KAAK,OAAQ,CAC9BL,GAAI,CACFM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEjB,QAAS,CACPA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAGd,CAACf,EAAMgB,YAAYI,GAAG,OAAQ,CAC5BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACTD,QAAS,SAEXU,GAAI,CACFM,aAAc,QAIbjB,CAAM,yBAxFa,EAC1BqB,WACAC,QACAC,WACAC,YACAC,UACAC,iBACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,GAAqBA,EAAkBG,EAAE,GAE3C,CAACH,IAGH,OACEI,EAACC,KAAAnC,EACC,CAAAoC,SAAA,CAAAC,EAAAC,IAACC,EAAIA,KAAC,CAAAC,KAAMhB,EAAUiB,UAAU,UAAUxB,SAAS,UACnDiB,EAAAA,KAAA,MAAA,CAAKO,UAAU,yBACbJ,EAAKC,IAAA,KAAA,CAAAF,SAAAX,IACLY,EAAAA,IAAA,OAAA,CAAMI,UAAU,OAAQL,SAAAV,OAE1BW,WAAGK,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAI,aACjER,SAAAC,EAAAC,IAACO,EAAMA,OAAC,CAAAC,QAASC,EAAAA,eAAeC,WAAYC,MAAOtB,EAAWuB,UAAU,UAAUC,QAASpB,QAE1E"}
+{"version":3,"file":"shortcutLink.js","sources":["../../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\nimport { styled } from '@mui/material';\n\nexport interface ShortcutLinkProps {\n  iconName: IconNameProp;\n  title: string;\n  subTitle: string;\n  linkLabel: string;\n  linkURL: string;\n  isExternalLink?: boolean;\n  analyticsCallback?: (payload?: unknown) => void;\n}\n\n/** @deprecated */\nexport const ShortcutLink = ({\n  iconName,\n  title,\n  subTitle,\n  linkLabel,\n  linkURL,\n  isExternalLink,\n  analyticsCallback,\n}: ShortcutLinkProps) => {\n  const handleOnClick = useCallback(\n    (e: unknown) => {\n      analyticsCallback && analyticsCallback(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <ShortcutLinkStyled>\n      <Icon name={iconName} className=\"sl-icon\" fontSize=\"large\" />\n      <div className=\"text-wrapper\">\n        <h4>{title}</h4>\n        <span className=\"body\">{subTitle}</span>\n      </div>\n      <a href={linkURL} target={isExternalLink ? '_blank' : '_self'} rel=\"noreferrer\">\n        <Button variant={ButtonVariants.NAVIGATION} label={linkLabel} direction=\"forward\" onClick={handleOnClick} />\n      </a>\n    </ShortcutLinkStyled>\n  );\n};\n\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n  let styles = {};\n\n  styles = {\n    ...styles,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    a: {\n      textDecoration: 'none',\n    },\n    button: {\n      paddingLeft: '0',\n    },\n    '.text-wrapper': {\n      paddingTop: '20px',\n      paddingBottom: '6px',\n    },\n    span: {\n      display: 'block',\n    },\n    '> .sa-i': {\n      display: 'none',\n    },\n    h4: {\n      marginTop: '0',\n      letterSpacing: '0.4px',\n    },\n    '.body': {\n      letterSpacing: '0.4px',\n    },\n    '.sl-icon': {\n      fontSize: '32px',\n    },\n    [theme.breakpoints.down('md')]: {\n      h4: {\n        marginBottom: '2px',\n        fontSize: '16px',\n        lineHeight: '24px',\n        letterSpacing: '0.2px',\n      },\n      '.body': {\n        letterSpacing: '0.2px',\n        lineHeight: '16px',\n        fontSize: '12px',\n      },\n    },\n    [theme.breakpoints.up('md')]: {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      '> .sa-i': {\n        display: 'block',\n      },\n      h4: {\n        marginBottom: '0',\n      },\n    },\n  };\n  return styles;\n});\n"],"names":["ShortcutLinkStyled","styled","theme","styles","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","children","_jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"q31CA8CMA,2BAAqBC,OAAO,MAAPA,CAAc,EAAGC,YAC1C,IAAIC,EAAS,CAAA,EAyDb,OAvDAA,iCACKA,GAAM,CACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,EAAG,CACDC,eAAgB,QAElBC,OAAQ,CACNC,YAAa,KAEf,gBAAiB,CACfC,WAAY,OACZC,cAAe,OAEjBC,KAAM,CACJT,QAAS,SAEX,UAAW,CACTA,QAAS,QAEXU,GAAI,CACFC,UAAW,IACXC,cAAe,SAEjB,QAAS,CACPA,cAAe,SAEjB,WAAY,CACVC,SAAU,QAEZ,CAACf,EAAMgB,YAAYC,KAAK,OAAQ,CAC9BL,GAAI,CACFM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEjB,QAAS,CACPA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAGd,CAACf,EAAMgB,YAAYI,GAAG,OAAQ,CAC5BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACTD,QAAS,SAEXU,GAAI,CACFM,aAAc,QAIbjB,yBAxFmB,EAC1BqB,WACAC,QACAC,WACAC,YACAC,UACAC,iBACAC,wBAEA,MAAMC,EAAgBC,cACnBC,IACCH,GAAqBA,EAAkBG,IAEzC,CAACH,IAGH,OACEI,EAAAA,KAAClC,EAAkB,CAAAmC,SAAA,CACjBC,EAAAA,IAACC,EAAAA,KAAI,CAACC,KAAMd,EAAUe,UAAU,UAAUtB,SAAS,UACnDiB,EAAAA,KAAA,MAAA,CAAKK,UAAU,yBACbH,EAAAA,IAAA,KAAA,CAAAD,SAAKV,IACLW,EAAAA,IAAA,OAAA,CAAMG,UAAU,OAAMJ,SAAET,OAE1BU,EAAAA,SAAGI,KAAMZ,EAASa,OAAQZ,EAAiB,SAAW,QAASa,IAAI,aAAYP,SAC7EC,EAAAA,IAACO,EAAAA,OAAM,CAACC,QAASC,EAAAA,eAAeC,WAAYC,MAAOpB,EAAWqB,UAAU,UAAUC,QAASlB"}