{"version":3,"file":"assets/js/853.7bd4ee7e6320c2d2e7d7.js","mappings":"2WAYA,MAAMA,GAASC,EAAAA,EAAAA,IAAO,UAChBC,GAAQC,EAAAA,EAAAA,MAERC,GAAeC,EAAAA,EAAAA,IAAI,MAEnBC,GAAiBC,EAAAA,EAAAA,KAAS,IAAML,EAAMM,MAAMC,YAAYH,iBACxDI,GAAaH,EAAAA,EAAAA,KAAS,IAAML,EAAMS,QAAQ,4BAC1CC,GAAoBL,EAAAA,EAAAA,KAAS,IAAML,EAAMM,MAAMC,YAAYG,oBAC3DC,GAAqBN,EAAAA,EAAAA,KAAS,IAAMP,EAAOc,gBAC3CC,GAAsBR,EAAAA,EAAAA,KAAS,IAAML,EAAMM,MAAMC,YAAYM,sBAC7DC,GAAWT,EAAAA,EAAAA,KAAS,IAAML,EAAMM,MAAMC,YAAYQ,iBAAiBD,WAsBzEE,eAAeC,KACY,IAArBT,EAAWU,MACblB,EAAMmB,SAAS,mCAAmCC,OAAMJ,gBAChDhB,EAAMmB,SAAS,yBAAyB,GAC9CnB,EAAMqB,OAAO,6BAA8BC,EAAM,WAG7CtB,EAAMmB,SAAS,iCACrBnB,EACGmB,SAAS,kCACTI,MAAK,KACJvB,EAAMqB,OAAO,8BAA+B,IAEZ,OAA9BR,EAAoBK,OACQ,KAA5BR,EAAkBQ,OACC,KAAnBJ,EAASI,QAETlB,EAAMqB,OACJ,8BACC,GAAEvB,EAAO0B,wBAAwBd,EAAkBQ,eAEtDO,EAAAA,EAAAA,IACG,oCAAmCf,EAAkBQ,QACrD,uCAAsCR,EAAkBQ,SAE7D,IAEDE,OAAOE,IACNtB,EAAMqB,OAAO,8BAA+BC,EAAMI,SAASC,KAAKC,QAAQ,IAGhF,CAEA,SAASC,EAAiBC,IACxBC,EAAAA,EAAAA,GACE,4BACA,0BACA,yBACC,SAAQD,IACThC,EAAOkC,wBAEX,C,OAEAhC,EAAMqB,OAAO,wCAAwC,IAErDY,EAAAA,EAAAA,KAAU,KACRjC,EAAMmB,SAAS,iCAAiCI,KAAKN,EAAO,I,8IA5DxDjB,EAAMS,QAAQ,0BAChBT,EAAMmB,SAAS,yBAAyB,IAExCnB,EAAMmB,SAAS,wBACfjB,EAAagB,MAAMgB,MAAMC,e,sWAI7BnB,uBACQhB,EAAMqB,OAAO,gCAAiC,IACpDrB,EAAMmB,SAAS,wBACfnB,EAAMqB,OAAO,6BAA8B,GAC7C,C,8NAlBAL,uBACQhB,EAAMmB,SAAS,uCACrBnB,EAAMmB,SAAS,uBACjB,C,sVCpBA,EAFoB,E,cCUpB,QAXA,WACE,MAAMiB,EAAgBC,SAASC,eAAe,gBAC9C,GAAIF,EAAe,CACjB,MAAMG,GAAMC,EAAAA,EAAAA,IAAUC,GACtBF,EAAIG,IAAI1C,EAAAA,GACRuC,EAAII,QAAQ,SAAUC,OACtBL,EAAII,QAAQ,YAAa,eACzBJ,EAAIM,MAAMT,EACZ,CACF,C","sources":["webpack://ssen-transmission/./src/app/views/projects-map/projects-map.vue","webpack://ssen-transmission/./src/app/views/projects-map/projects-map.vue?b8d1","webpack://ssen-transmission/./src/app/views/projects-map/projects-map.ts"],"sourcesContent":["<script setup>\r\nimport { computed, onMounted, inject, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { pushToDataLayer, virtualPageview } from '@/ui/scripts/analytics/analytics.methods';\r\nimport {\r\n  BaseButton,\r\n  ListWrapper,\r\n  LoadingOverlay,\r\n  MapWrapper,\r\n  ProjectSearch,\r\n} from '@/app/components';\r\n\r\nconst config = inject('config');\r\nconst store = useStore();\r\n\r\nconst mapWrapperEl = ref(null);\r\n\r\nconst listViewIsAToZ = computed(() => store.state.projectsMap.listViewIsAToZ);\r\nconst isListView = computed(() => store.getters['projectsMap/isListView']);\r\nconst lastSearchedValue = computed(() => store.state.projectsMap.lastSearchedValue);\r\nconst mapSearchCtaLabels = computed(() => config.mapSearchCtas);\r\nconst locationCoordinates = computed(() => store.state.projectsMap.locationCoordinates);\r\nconst magicKey = computed(() => store.state.projectsMap.selectedLocation.magicKey);\r\n\r\nasync function fetchProjects() {\r\n  await store.dispatch('projectsMap/fetchProjectsByLocation');\r\n  store.dispatch('projectsMap/resetMap');\r\n}\r\n\r\nfunction reset() {\r\n  if (store.getters['projectsMap/isListView']) {\r\n    store.dispatch('projectsMap/resetList', true);\r\n  } else {\r\n    store.dispatch('projectsMap/resetMap');\r\n    mapWrapperEl.value.mapEl.resetCenter();\r\n  }\r\n}\r\n\r\nasync function resetProjectsByLocation() {\r\n  await store.commit('projectsMap/SET_PROJECTS_LIST', []);\r\n  store.dispatch('projectsMap/resetMap');\r\n  store.commit('projectsMap/SET_LIST_ERROR', '');\r\n}\r\n\r\nasync function search() {\r\n  if (isListView.value === true) {\r\n    store.dispatch('projectsMap/fetchProjectsByName').catch(async (error) => {\r\n      await store.dispatch('projectsMap/resetList', false);\r\n      store.commit('projectsMap/SET_LIST_ERROR', error);\r\n    });\r\n  } else {\r\n    await store.dispatch('projectsMap/setLocationValues');\r\n    store\r\n      .dispatch('projectsMap/fetchSearchResults')\r\n      .then(() => {\r\n        store.commit('projectsMap/SET_LAYER_ERROR', '');\r\n        if (\r\n          locationCoordinates.value === null &&\r\n          lastSearchedValue.value !== '' &&\r\n          magicKey.value === ''\r\n        ) {\r\n          store.commit(\r\n            'projectsMap/SET_LAYER_ERROR',\r\n            `${config.noResultsMessage} <i>\"${lastSearchedValue.value}\"</i>`,\r\n          );\r\n          virtualPageview(\r\n            `/virtual/project-no-result-found/${lastSearchedValue.value}`,\r\n            `Virtual - Project No Result Found - ${lastSearchedValue.value}`,\r\n          );\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        store.commit('projectsMap/SET_LAYER_ERROR', error.response.data.message);\r\n      });\r\n  }\r\n}\r\n\r\nfunction gtmHeaderTrigger(ctaLabel) {\r\n  pushToDataLayer(\r\n    'projectMapHeader_tracking',\r\n    'projectMapHeader_action',\r\n    'projectMapHeader_label',\r\n    `Click ${ctaLabel}`,\r\n    config.projectSearchFormAction,\r\n  );\r\n}\r\n\r\nstore.commit('projectsMap/SET_REQUEST_SUMMARY_FLAG', true);\r\n\r\nonMounted(() => {\r\n  store.dispatch('projectsMap/querySearchParams').then(search);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-projects-map\">\r\n    <div class=\"c-projects-map__search\">\r\n      <div class=\"c-projects-map__search-inner\">\r\n        <ProjectSearch\r\n          @reset=\"\r\n            reset();\r\n            gtmHeaderTrigger(mapSearchCtaLabels.resetLabel);\r\n          \"\r\n          @submit.prevent=\"search\"\r\n          :is-banner-layout=\"true\"\r\n        >\r\n          <BaseButton :disabled=\"listViewIsAToZ\" :modifiers=\"['search', 'own-width']\" type=\"reset\">\r\n            {{ mapSearchCtaLabels.resetLabel }}\r\n          </BaseButton>\r\n          <template v-if=\"isListView\">\r\n            <BaseButton\r\n              @click=\"\r\n                resetProjectsByLocation();\r\n                gtmHeaderTrigger(mapSearchCtaLabels.mapViewLabel);\r\n              \"\r\n              :modifiers=\"['search', 'own-width']\"\r\n              type=\"button\"\r\n            >\r\n              {{ mapSearchCtaLabels.mapViewLabel }}\r\n            </BaseButton>\r\n          </template>\r\n          <template v-else>\r\n            <BaseButton\r\n              @click=\"\r\n                fetchProjects();\r\n                gtmHeaderTrigger(mapSearchCtaLabels.listViewLabel);\r\n              \"\r\n              :modifiers=\"['search', 'own-width']\"\r\n              type=\"button\"\r\n            >\r\n              {{ mapSearchCtaLabels.listViewLabel }}\r\n            </BaseButton>\r\n          </template>\r\n        </ProjectSearch>\r\n      </div>\r\n    </div>\r\n    <ListWrapper v-if=\"isListView\" />\r\n    <MapWrapper v-else ref=\"mapWrapperEl\" />\r\n  </div>\r\n  <LoadingOverlay />\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-map {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.c-projects-map__search {\r\n  padding: 0;\r\n  background-color: $color-brand-two;\r\n  color: $white;\r\n\r\n  @include mq($from: large) {\r\n    padding: $spacing-large 0;\r\n  }\r\n}\r\n\r\n.c-projects-map__search-inner {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  @include mq($from: large) {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    width: 100%;\r\n    max-width: $grid-global-width;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-map.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-map.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-map.vue?vue&type=style&index=0&id=f0f36d66&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { createApp } from 'vue';\r\nimport projectsMapApp from '@/app/views/projects-map/projects-map.vue';\r\nimport store from '@/app/store';\r\n\r\nfunction init(): void {\r\n  const projectsMapEl = document.getElementById('projects-map');\r\n  if (projectsMapEl) {\r\n    const app = createApp(projectsMapApp);\r\n    app.use(store);\r\n    app.provide('config', SSENT);\r\n    app.provide('storeName', 'projectsMap');\r\n    app.mount(projectsMapEl);\r\n  }\r\n}\r\n\r\nexport default init;\r\n"],"names":["config","inject","store","useStore","mapWrapperEl","ref","listViewIsAToZ","computed","state","projectsMap","isListView","getters","lastSearchedValue","mapSearchCtaLabels","mapSearchCtas","locationCoordinates","magicKey","selectedLocation","async","search","value","dispatch","catch","commit","error","then","noResultsMessage","virtualPageview","response","data","message","gtmHeaderTrigger","ctaLabel","pushToDataLayer","projectSearchFormAction","onMounted","mapEl","resetCenter","projectsMapEl","document","getElementById","app","createApp","projectsMapApp","use","provide","SSENT","mount"],"sourceRoot":""}