{"version":3,"file":"defaultVendors-packages_lead-capture_src_shared-components_map_tsx.7c5220749beef1a9.prod.js","mappings":"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","sources":["webpack://aurora-new-frontend/./packages/common/packages/core/src/location-map-pin/locales/intl.generated.ts","webpack://aurora-new-frontend/./packages/common/packages/core/src/location-map-pin/location-map-pin.tsx","webpack://aurora-new-frontend/./packages/common/packages/core/src/centering-guide/centering-guide.tsx","webpack://aurora-new-frontend/./packages/common/packages/core/src/location-map-pin/location-map-pin.svg","webpack://aurora-new-frontend/./packages/common/packages/google-map/src/google-map/google-map.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/shared-components/map.tsx"],"sourcesContent":["/**\n * This file is automatically generated by:\n * @aurorasolar/intl's generateReactHook\n */\n\nimport { IDeepPaths, stringFormatterFactory } from '@aurorasolar/intl';\n\nimport { merge } from '@aurorasolar/intl';\n\n// @ts-ignore: override library module declaration not provided but typed below\nimport enUSStringsUntyped from './en-US.yml';\n\nexport type ILocalMessages = { 'location-map-pin': { alt: string } };\nexport type ILocalMessagesOptions = { 'location-map-pin': { alt: never } };\nexport type ILocalMessagePath = IDeepPaths<ILocalMessages>;\n\nexport const stringLocales = ['ach-UG', 'de-DE', 'en-GB', 'en-US'] as const;\nexport type IStringLocales = (typeof stringLocales)[number];\n\n// for convenience\nexport const enUSStrings = enUSStringsUntyped as ILocalMessages;\n\nconst t_enUS = stringFormatterFactory<ILocalMessages, ILocalMessagesOptions>('en-US', enUSStrings);\n\nexport type TKey = IDeepPaths<ILocalMessages>;\nexport type TFunc = typeof t_enUS;\n\nconst handleSuccess = (imported: { default: ILocalMessages }) => imported.default;\n\nexport async function getTFunc(stringLocale: IStringLocales): Promise<TFunc> {\n  if (stringLocale === 'en-US') return t_enUS;\n\n  const handleFailure = (): ILocalMessages => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        `intl.generated: string locale \"${stringLocale}\" failed to load, defaulting to \"en-US\".`,\n      );\n    }\n\n    return enUSStrings;\n  };\n\n  const handleCreateFactory = (strings: ILocalMessages): TFunc =>\n    stringFormatterFactory<ILocalMessages, ILocalMessagesOptions>(\n      stringLocale,\n      merge({}, enUSStrings, strings),\n    );\n\n  switch (stringLocale) {\n    case 'ach-UG':\n      // @ts-expect-error TS does not understand yml\n      return import('./ach-UG.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n    case 'de-DE':\n      // @ts-expect-error TS does not understand yml\n      return import('./de-DE.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n    case 'en-GB':\n      // @ts-expect-error TS does not understand yml\n      return import('./en-GB.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n\n    default:\n      return t_enUS;\n  }\n}\n\nimport { useIntl } from '@aurorasolar/intl';\nimport { useLayoutEffect, useState } from 'react';\n\nexport const useTranslations = () => {\n  const { stringLocale } = useIntl();\n  const [t, setT] = useState<TFunc>(() => t_enUS);\n\n  useLayoutEffect(() => {\n    getTFunc(stringLocale as IStringLocales).then((resolvedT) => setT(() => resolvedT));\n  }, [stringLocale]);\n\n  return { t };\n};\n\nimport * as DS from '@aurorasolar/ds';\n\nexport type ILocaleMessage = DS.ICustomLocaleMessage<\n  IDeepPaths<ILocalMessages>,\n  ILocalMessagesOptions\n>;\n\n/**\n * A convenience wrapper around `t()` API that can be styled and composed with other components more easily.\n *\n * It is a `DS.Text` instance that can be customized in all the typical ways, e.g.\n *\n * ```tsx\n * <LocaleMessage message=\"system.form.required\" text=\"h2\" color=\"uiError\" />\n * ```\n *\n * `LocaleMessage` handles basic inline HTML within a localized string via `react-html-string-parser`. You\n * can customize the rendering as-needed via optional `htmlOverrides` prop. By default, `<script>` tags are\n * omitted for security reasons.\n *\n * This component does not compose the `React.forwardRef` API due to typing issues;\n * if you need to access the underlying DOM node for some reason, use a wrapper component.\n */\nexport const LocaleMessage = DS.createCustomLocaleMessage<ILocalMessages, ILocalMessagesOptions>(\n  useTranslations,\n);\n","import styled from 'styled-components';\n\nimport LocationMapPinImage from './location-map-pin.svg';\nimport { useTranslations } from './locales/intl.generated';\n\nconst DropShadowImg = styled.img`\n  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));\n`;\nexport const LocationMapPin = ({ size = 32 }: { size?: number }) => {\n  const { t } = useTranslations();\n  return <DropShadowImg alt={t('location-map-pin.alt')} src={LocationMapPinImage} width={size} />;\n};\n","import styled from 'styled-components';\n\nimport { Colors } from '../colors';\nimport { AuroraIcon, AuroraIconType } from '../icon';\nimport { LocationMapPin } from '../location-map-pin';\n\nconst OverlayWrapper = styled.div`\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n`;\n\nconst TextWrapper = styled.div<Pick<ICenteringGuideProps, 'maxSize' | 'minSize'>>`\n  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));\n  z-index: 11;\n  text-align: center;\n  color: ${Colors.WHITE};\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 500;\n  transform: ${({ maxSize, minSize }) =>\n    `translate(0, calc(clamp(${minSize}, 18vmin, ${maxSize}) / 2 + clamp(5px, 2vmin, 15px)))`};\n`;\n\nconst CircleWrapper = styled.div<Pick<ICenteringGuideProps, 'maxSize' | 'minSize'>>`\n  pointer-events: none;\n  z-index: 10;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ${({ maxSize, minSize }) => `clamp(${minSize}, 18vmin, ${maxSize})`};\n  height: ${({ maxSize, minSize }) => `clamp(${minSize}, 18vmin, ${maxSize})`};\n  transform: translate(-50%, -50%);\n`;\n\nconst TextCenterWrapper = styled.div`\n  pointer-events: none;\n  z-index: 10;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n`;\n\nconst PinIconWrapper = styled.div`\n  z-index: 11;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nexport enum CenteringGuideType {\n  NoCircle,\n  Default,\n  Pin,\n}\n\ninterface ICircleProps {\n  withBorder: boolean;\n  diameter: number;\n  translation?: number;\n  background?: string;\n}\n\nconst Circle = styled.div<ICircleProps>`\n  pointer-events: none;\n  z-index: 10;\n  position: absolute;\n  border-radius: 50%;\n  border: ${({ withBorder }) => withBorder && '1px solid #c9c9c9'};\n  width: ${({ diameter }) => diameter}%;\n  height: ${({ diameter }) => diameter}%;\n  background: ${({ background }) => background};\n  transform: ${({ translation }) => translation && `translate(${translation}%, ${translation}%)`};\n`;\n\nconst OuterCircle = () => {\n  return <Circle background=\"rgba(4, 26, 81, 0.05)\" diameter={100} withBorder />;\n};\n\nconst InnerCircle = () => {\n  return (\n    <Circle\n      background=\"rgba(255, 255, 255, 0.25)\"\n      diameter={55}\n      translation={41}\n      withBorder={false}\n    />\n  );\n};\n\nconst CenteringIconBackground = () => {\n  return <Circle background={Colors.GRAY_800} diameter={30} translation={116} withBorder={false} />;\n};\n\nconst CenteringIcon = ({ icon = AuroraIconType.LOCATION_PIN }: { icon?: AuroraIconType }) => (\n  <PinIconWrapper>\n    <AuroraIcon fillColor=\"white\" name={icon} size={32} />\n  </PinIconWrapper>\n);\n\nconst Text = ({\n  maxSize,\n  minSize,\n  text,\n}: Pick<ICenteringGuideProps, 'maxSize' | 'minSize' | 'text'>) => (\n  <TextCenterWrapper>\n    <TextWrapper maxSize={maxSize} minSize={minSize}>\n      {text}\n    </TextWrapper>\n  </TextCenterWrapper>\n);\n\nconst pinContent = (\n  <PinIconWrapper>\n    <LocationMapPin />\n  </PinIconWrapper>\n);\n\ninterface CircleDefaultContentProps {\n  icon?: AuroraIconType;\n  maxSize: string;\n  minSize: string;\n}\n\nconst defaultContent = ({ maxSize, minSize, icon }: CircleDefaultContentProps) => {\n  return (\n    <CircleWrapper maxSize={maxSize} minSize={minSize}>\n      <OuterCircle />\n      <InnerCircle />\n      <CenteringIconBackground />\n      <CenteringIcon icon={icon} />\n    </CircleWrapper>\n  );\n};\n\nconst noCircleContent = ({ maxSize, minSize, icon }: CircleDefaultContentProps) => {\n  return (\n    <CircleWrapper maxSize={maxSize} minSize={minSize}>\n      <CenteringIconBackground />\n      <CenteringIcon icon={icon} />\n    </CircleWrapper>\n  );\n};\n\nexport interface ICenteringGuideProps {\n  icon?: AuroraIconType;\n  minSize?: string;\n  maxSize?: string;\n  centeringGuideType?: CenteringGuideType;\n  text?: string;\n}\n\nexport const CenteringGuide = ({\n  icon,\n  minSize = '170px',\n  maxSize = '170px',\n  centeringGuideType = CenteringGuideType.Default,\n  text,\n}: ICenteringGuideProps) => {\n  const guideMap = {\n    [CenteringGuideType.NoCircle]: noCircleContent({ icon, maxSize, minSize }),\n    [CenteringGuideType.Default]: defaultContent({ icon, maxSize, minSize }),\n    [CenteringGuideType.Pin]: pinContent,\n  };\n\n  return (\n    <OverlayWrapper>\n      {guideMap[centeringGuideType]}\n      {text && <Text text={text} maxSize={maxSize} minSize={minSize} />}\n    </OverlayWrapper>\n  );\n};\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0NyIgZmlsbD0ibm9uZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEuNTcwMiAzNi4zMTU1QzM2LjY3MTYgMzIuNjkxMiA0MCAyNi43MzQzIDQwIDIwQzQwIDguOTU0MyAzMS4wNDU3IDAgMjAgMEM4Ljk1NDMgMCAwIDguOTU0MyAwIDIwQzAgMjYuNzMzOSAzLjMyNzk1IDMyLjY5MDUgOC40Mjg4NyAzNi4zMTQ4QzkuMzk3MTIgMzcuMTM1NiAxMC40NTgyIDM4LjAwMzIgMTEuNDc4MSAzOC44MzcxQzEyLjE4NjkgMzkuNDE2NyAxMi44NzU5IDM5Ljk4IDEzLjQ5OTkgNDAuNUMxNC42MjE2IDQxLjQzNDcgMTUuODEzMiA0My4xMzgzIDE2Ljg2NTYgNDQuOTA1MkMxOC4yMDQzIDQ3LjE1MjggMjEuNzk1NSA0Ny4xNTI4IDIzLjEzNDMgNDQuOTA1MkMyNC4xODY3IDQzLjEzODMgMjUuMzc4MiA0MS40MzQ3IDI2LjQ5OTkgNDAuNUMyNy4xMjQ0IDM5Ljk3OTYgMjcuODEzOSAzOS40MTU4IDI4LjUyMzMgMzguODM1OEMyOS41NDI0IDM4LjAwMjUgMzAuNjAyNiAzNy4xMzU3IDMxLjU3MDIgMzYuMzE1NVoiIGZpbGw9IiNERjQwOUQiLz4KPGNpcmNsZSByPSI1IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAyMCAyMCkiIGZpbGw9IiM4RTFDNjAiLz4KPC9zdmc+\"","import React, { FC, ReactElement, useEffect, useRef, useState } from 'react';\nimport { styled } from '@xstyled/styled-components';\n\nimport { CenteringGuide, CenteringGuideType } from '@aurorasolar/common-core/src/centering-guide';\nimport { GoogleMaps, useAppModule } from '@aurorasolar/common-module-loader';\n\nimport { MarkerProps } from './marker';\n\nconst MapPositionWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nconst MapContainer = styled.div`\n  min-height: 100px;\n  width: 100%;\n  height: 100%;\n`;\ninterface CustomMapOptions {\n  showCenteringGuide?: boolean;\n  centeringGuideType?: CenteringGuideType;\n  centeringGuideText?: string;\n}\n\ninterface GoogleMapProps extends GoogleMapEvents {\n  options: google.maps.MapOptions & CustomMapOptions;\n  children?: ReactElement<MarkerProps> | false | (ReactElement<MarkerProps> | false)[];\n}\n\ninterface GoogleMapEvents {\n  onDragEnd?: (center: google.maps.LatLng) => void;\n  onCenterChanged?: (center: google.maps.LatLng) => void;\n}\n\nexport const GoogleMap: FC<GoogleMapProps> = ({\n  options,\n  children = [],\n  onCenterChanged,\n  onDragEnd,\n}) => {\n  const filteredChildren = (Array.isArray(children) ? children : [children]).filter(\n    (marker) => marker,\n  ) as ReactElement<MarkerProps>[];\n  const googleMap = useAppModule(GoogleMaps);\n  const [map, setMap] = useState<google.maps.Map | undefined>(undefined);\n  const mapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const initialConfig = useRef(options);\n\n  useEffect(() => {\n    if (map != null || googleMap?.maps == null || mapContainerRef.current == null) {\n      return;\n    }\n\n    const newMap = new googleMap.maps.Map(mapContainerRef.current, initialConfig.current);\n\n    setMap(newMap);\n  }, [map, googleMap, mapContainerRef]);\n\n  useEffect(() => {\n    if (options !== initialConfig.current) {\n      map?.setOptions(options);\n    }\n  }, [map, options]);\n\n  /** Listeners */\n\n  useEffect(() => {\n    if (onDragEnd == null) {\n      return () => {};\n    }\n\n    // drag_end event fires\n    const listener = map?.addListener('idle', () => {\n      const center = map.getCenter();\n      if (center) {\n        onDragEnd(center);\n      }\n    });\n\n    return () => {\n      if (listener) {\n        googleMap?.maps.event.removeListener(listener);\n      }\n    };\n  }, [map, googleMap, onDragEnd]);\n\n  useEffect(() => {\n    if (onCenterChanged == null) {\n      return () => {};\n    }\n    const listener = map?.addListener('center_changed', () => {\n      const center = map.getCenter();\n      if (center) {\n        onCenterChanged(center);\n      }\n    });\n    return () => {\n      if (listener) {\n        googleMap?.maps.event.removeListener(listener);\n      }\n    };\n  }, [map, googleMap, onCenterChanged]);\n\n  return (\n    <MapPositionWrapper>\n      <MapContainer ref={mapContainerRef} className=\"chromatic-ignore\" data-happo-hide>\n        {filteredChildren.map((child, i) => React.cloneElement(child, { key: i, map }))}\n      </MapContainer>\n      {options.showCenteringGuide && (\n        <CenteringGuide\n          text={options.centeringGuideText}\n          centeringGuideType={options.centeringGuideType}\n        />\n      )}\n    </MapPositionWrapper>\n  );\n};\n","import { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport { CenteringGuide } from '@aurorasolar/common-core/src/centering-guide';\nimport { GoogleMap } from '@aurorasolar/common-google-map';\n\nimport { MAP_OPTIONS } from '../utils/constants';\n\nexport const MAP_TEST_ID = 'map-test-id';\n\nconst MapWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\ninterface MapProps {\n  lat: number;\n  lng: number;\n  onAddressChange?: (center: google.maps.LatLng) => void;\n  tilt45?: boolean;\n  viewOnly?: boolean;\n}\n\nexport const Map = ({ lat, lng, onAddressChange, tilt45 = false, viewOnly = false }: MapProps) => {\n  const options = useMemo<google.maps.MapOptions>(\n    () => ({\n      ...MAP_OPTIONS,\n      center: { lat, lng },\n      draggable: !viewOnly,\n      tilt: tilt45 ? 45 : 0,\n      zoomControl: !tilt45,\n    }),\n    [lat, lng, tilt45, viewOnly],\n  );\n\n  return (\n    <MapWrapper data-testid={MAP_TEST_ID}>\n      <GoogleMap onDragEnd={(center) => onAddressChange?.(center)} options={options} />\n      {!tilt45 && (\n        <CenteringGuide\n          text={viewOnly ? '' : 'Center pin over your home'}\n          maxSize=\"170px\"\n          minSize=\"120px\"\n        />\n      )}\n    </MapWrapper>\n  );\n};\n"],"names":["enUSStrings","t_enUS","handleSuccess","imported","default","useTranslations","stringLocale","t","setT","useState","useLayoutEffect","async","handleFailure","handleCreateFactory","strings","then","getTFunc","resolvedT","DropShadowImg","img","OverlayWrapper","div","TextWrapper","WHITE","maxSize","minSize","CircleWrapper","TextCenterWrapper","PinIconWrapper","CenteringGuideType","Circle","withBorder","diameter","background","translation","OuterCircle","InnerCircle","CenteringIconBackground","GRAY_800","CenteringIcon","icon","LOCATION_PIN","fillColor","name","size","Text","text","pinContent","alt","src","width","defaultContent","noCircleContent","CenteringGuide","centeringGuideType","Default","guideMap","NoCircle","Pin","MapPositionWrapper","MapContainer","GoogleMap","options","children","onCenterChanged","onDragEnd","filteredChildren","Array","isArray","filter","marker","googleMap","map","setMap","undefined","mapContainerRef","useRef","initialConfig","useEffect","maps","current","newMap","Map","setOptions","listener","addListener","center","getCenter","event","removeListener","ref","className","child","i","key","showCenteringGuide","centeringGuideText","MapWrapper","lat","lng","onAddressChange","tilt45","viewOnly","useMemo","draggable","tilt","zoomControl"],"sourceRoot":""}