{"version":3,"file":"defaultVendors-packages_lead-capture_src_shared-components_map_tsx.8b3bd191490bfb40.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 */\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nimport * as DS from '@aurorasolar/ds';\nimport { IDeepPaths, stringFormatterFactory } from '@aurorasolar/intl';\nimport { merge } from '@aurorasolar/intl';\nimport { useIntl } 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 } };\n\nexport const stringLocales = [\n  'ach-UG',\n  'de-DE',\n  'en-US',\n  'es-ES',\n  'fr-FR',\n  'it-IT',\n  'pt-PT',\n] as const;\nexport type IStringLocales = (typeof stringLocales)[number];\n\n// for convenience\nexport const enUSStrings = enUSStringsUntyped as ILocalMessages;\n\nconst lookups_enUS = stringFormatterFactory<ILocalMessages, ILocalMessagesOptions>(\n  'en-US',\n  enUSStrings,\n);\n\nexport type TKey = IDeepPaths<ILocalMessages>;\nexport type TFunc = typeof lookups_enUS.t & {\n  _branding_to_force_type_uniqueness_9ba6198c9b647e6ee59eb802aa723f76: any;\n};\nexport type RawFunc = typeof lookups_enUS.raw & {\n  _branding_to_force_type_uniqueness_9ba6198c9b647e6ee59eb802aa723f76: any;\n};\n\nexport type LookupFuncs = {\n  raw: RawFunc;\n  t: TFunc;\n};\n\nconst handleSuccess = (imported: { default: ILocalMessages }) => imported.default;\n\n/**\n * @deprecated Kept for backwards compatibility. Use `getLookupFuncs` instead.\n */\nexport async function getTFunc(stringLocale: IStringLocales): Promise<TFunc> {\n  return (await getLookupFuncs(stringLocale)).t as TFunc;\n}\n\nexport async function getLookupFuncs(stringLocale: IStringLocales): Promise<LookupFuncs> {\n  if (stringLocale === 'en-US') return lookups_enUS as LookupFuncs;\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): LookupFuncs =>\n    stringFormatterFactory<ILocalMessages, ILocalMessagesOptions>(\n      stringLocale,\n      merge({}, enUSStrings, strings),\n    ) as LookupFuncs;\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 'es-ES':\n      // @ts-expect-error TS does not understand yml\n      return import('./es-ES.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n    case 'fr-FR':\n      // @ts-expect-error TS does not understand yml\n      return import('./fr-FR.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n    case 'it-IT':\n      // @ts-expect-error TS does not understand yml\n      return import('./it-IT.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n    case 'pt-PT':\n      // @ts-expect-error TS does not understand yml\n      return import('./pt-PT.yml').then(handleSuccess, handleFailure).then(handleCreateFactory);\n\n    default:\n      return lookups_enUS as LookupFuncs;\n  }\n}\n\nexport const useTranslations = () => {\n  const { stringLocale } = useIntl();\n  const mountedRef = useRef(false);\n  const [lookups, setLookups] = useState<LookupFuncs>(() => lookups_enUS as LookupFuncs);\n\n  useLayoutEffect(() => {\n    mountedRef.current = true;\n\n    getLookupFuncs(stringLocale as IStringLocales).then((resolvedLookups) => {\n      if (mountedRef.current) {\n        setLookups(() => resolvedLookups);\n        setLookups(() => resolvedLookups);\n      }\n    });\n\n    return () => {\n      mountedRef.current = false;\n    };\n  }, [stringLocale]);\n\n  return lookups;\n};\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';\n\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 { styled } from '@xstyled/styled-components';\nimport React, { FC, ReactElement, useEffect, useRef, useState } from 'react';\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\nexport interface 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","lookups_enUS","handleSuccess","imported","default","async","getLookupFuncs","stringLocale","handleFailure","handleCreateFactory","strings","then","useTranslations","mountedRef","useRef","lookups","setLookups","useState","useLayoutEffect","current","resolvedLookups","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","t","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","initialConfig","useEffect","maps","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":""}