{"version":3,"file":"appOnBoarding-B9iDtD7g.js","sources":["../../../../SPAs/POCViteVue/src/pages/AppOnBoarding/App.vue","../../../../SPAs/POCViteVue/src/pages/PriceFlow/PriceFlow.vue","../../../../SPAs/POCViteVue/src/pages/ContinuedPriceFlow/ContinuedPriceFlow.vue","../../../../SPAs/POCViteVue/src/pages/AppOnBoarding/mainOnBoarding.ts"],"sourcesContent":["<template>\r\n  <div v-cloak>\r\n    <RouterView />\r\n  </div>\r\n</template>\r\n","<template>\r\n  <div class=\"xl:container md:mx-auto page-container\">\r\n\r\n    <div class=\"flex flex-row relative xl:!px-16\">\r\n      <div class=\"basis-full xl:basis-3/12 3xl:basis-3/12 hidden-lg-and-down\">\r\n        <div class=\"onboarding-stepper-wrapper\">\r\n          <OnboardingStepper />\r\n        </div>\r\n      </div>\r\n      <div class=\"basis-full xl:basis-9/12 3xl:basis-9/12 landing-image hidden-lg-and-up px-6 pt-10\">\r\n        <OnboardingStepper />\r\n\r\n        <br>\r\n      </div>\r\n\r\n      <div class=\"basis-full xl:basis-9/12 3xl:basis-9/12 hidden-lg-and-down\">\r\n        <img src=\"https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1920_1080.jpg\"\r\n          srcset=\"https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_480_1080.jpg 480w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_768_1080.jpg 768w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1024_750.jpg 1024w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1725_1080.jpg 1200w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1625_1080.jpg 1536w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1625_1080.jpg 1920w\"\r\n          sizes=\"(max-width: 480px) 480px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1536px) 1536px, (max-width: 1920px) 1920px\"\r\n          alt=\"Image description\" class=\"hidden-xl-and-down\" />\r\n        <img src=\"https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1920_1080.jpg\"\r\n          srcset=\"https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_480_1080.jpg 480w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_768_1080.jpg 768w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1775_1080.jpg 1024w, https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1775_1080.jpg 1200w\"\r\n          sizes=\"(max-width: 480px) 480px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1200px) 1200px\"\r\n          alt=\"Image description\" class=\"hidden-xl-and-up\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n\r\n<script setup lang=\"ts\">\r\n  import { onMounted } from 'vue'\r\n  import * as gtmService from '@/services/googleTagManager.service'\r\n  import OnboardingStepper from '@/components/organisms/OnboardingStepper/OnboardingStepper.vue'\r\n\r\n  import { useTranslationStore } from '@/store/translationStore'\r\n  const TRANSLATION_STORE = useTranslationStore()\r\n\r\n  //If go back arrow goes to \"/beregn-lejeindtaegt-sommerhus\" from \"continued\" reload the page -- Prevents the page loading wihtout cshtml file\r\n  const handleBackNavigation = (event: PopStateEvent) => {\r\n    if(event.state){\r\n      if ( window.location.pathname === \"/beregn-lejeindtaegt-sommerhus\" && event.state.forward === \"/beregn-lejeindtaegt-sommerhus/continued\") {\r\n        location.reload();\r\n      }\r\n    }\r\n  }\r\n\r\n  onMounted(() => {\r\n    TRANSLATION_STORE.getTranslations()\r\n\r\n    //Add listener for go back arrow\r\n    window.addEventListener('popstate', handleBackNavigation);\r\n    \r\n    const form = document.getElementById(\"bookingForm\");\r\n    form?.addEventListener(\"submit\", () => {\r\n      const email = (<HTMLInputElement>form?.querySelector(\"input[name='email']\"))?.value;\r\n      const phone = (<HTMLInputElement>form?.querySelector(\"input[name='phone']\"))?.value;\r\n      gtmService.bookMeeting(email, phone)\r\n    })\r\n  })\r\n</script>\r\n\r\n\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n  @import '@/styles/_global.scss';\r\n\r\n\r\n  img {\r\n    border-radius: 50px;\r\n  }\r\n\r\n  .relative {\r\n    position: relative;\r\n  }\r\n\r\n  .page-container {\r\n    padding-bottom: 90px;\r\n\r\n\r\n    @media (min-width: 1536px) {\r\n      max-width: 1280px;\r\n    }\r\n\r\n  }\r\n\r\n  .onboarding-stepper-wrapper {\r\n    position: absolute;\r\n    margin-top: 120px;\r\n    // width: 100%;\r\n    padding: 0.5rem;\r\n\r\n    @media (min-width: 1024px) {\r\n      padding: 0;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    @media (min-width: 1280px) {\r\n      margin-top: 37px;\r\n    }\r\n\r\n    @media (min-width: 1536px) {\r\n      margin-top: 25px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n  .landing-image {\r\n    background-image: url('https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16399_Crop_1920_1080.jpg');\r\n    height: 800px;\r\n    background-size: cover;\r\n    background-position: right;\r\n    padding: 40px 25px;\r\n\r\n    @media (min-width: 1024px) {\r\n      height: 660px;\r\n    }\r\n  }\r\n\r\n  .frequently-asked-question {\r\n    background-color: $offWhite;\r\n  }\r\n</style>\r\n","<template>\r\n  <div class=\"container fullwidth-container md:mx-auto continued\">\r\n\r\n    <div class=\"stepper-wrapper vh-full\">\r\n        <!-- house type -->\r\n        <div class=\"step step--one pt-32 lg:pt-72\" v-show=\"STEPPER_COUNT == 0\">\r\n          <div class=\"flex flex-row flex-wrap justify-start p\">\r\n            <div class=\"basis-full lg:basis-6/12 mb-24 lg:mb-0 px-12 xl:px-0 congrats text-left\">\r\n              <h1 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13648] }}</h1>\r\n              <h1 v-if=\"PRICE_OBJECT.priceRange[1] !== 0\" class=\"font-bold brand-color congrats-text\">\r\n                {{ addPeriod(PRICE_OBJECT.estimatedYearlyIncome) }} kr.\r\n                <span class=\"info-icon\" @click=\"toggleModal\">\r\n                  <Icon :icon-name=\"'info_400'\" size=\"28\" class=\"font-bold\" />\r\n                </span>\r\n              </h1>\r\n              <p v-else class=\"smallest\">{{ TRANSLATION_OBJECT.texts[13773] }}</p>\r\n\r\n              <h1 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13649] }}</h1>\r\n            </div>\r\n\r\n\r\n            <!-- <div class=\"basis-full lg:basis-2/12 hidden lg:block\"></div> -->\r\n            <div class=\"basis-full lg:basis-6/12 px-12 xl:px-0\">\r\n              <h2 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13597] }}</h2>\r\n              <p class=\"content-text leading-relaxed tracking-wide\">\r\n                {{ TRANSLATION_OBJECT.texts[13598] }}\r\n              </p>\r\n\r\n              <br />\r\n\r\n              <p class=\"section-header font-bold mb-6 mt-2\">{{ TRANSLATION_OBJECT.texts[13647] }}</p>\r\n\r\n              <div class=\"property-type-wrapper flex flex-row flex-wrap -mx-2\">\r\n                <div class=\"basis-1/2 lg:basis-1/3 px-2\">\r\n                  <IconCheckbox v-model=\"ONBOARDING_OBJECT.houseType.holidayHome.value\" :label=\"'Sommerhus'\" icon-name=\"home_200\" size=\"48\" :selected=\"ONBOARDING_OBJECT.houseType.holidayHome.value\" centered @click=\"updatePropsInStore('holidayHome')\"/>\r\n                </div>\r\n                <div class=\"basis-1/2 lg:basis-1/3 px-2\">\r\n                  <IconCheckbox v-model=\"ONBOARDING_OBJECT.houseType.holidayAppartment.value\" :label=\"'Ferielejlighed'\" icon-name=\"apartment_200\" size=\"48\" :selected=\"ONBOARDING_OBJECT.houseType.holidayAppartment.value\" centered @click=\"updatePropsInStore('holidayAppartment')\" />\r\n                </div>\r\n\r\n                <div class=\"basis-1/2 lg:basis-1/3 px-2 mt-4 lg:mt-0\">\r\n                  <div class=\"other-selector relative\" @click=\"openSelector()\" :class=\"{ 'selected': otherSelected }\">\r\n                    <div class=\"other-selector--inner-wrapper !py-5\" :class=\"{ 'bordered': bordered }\">\r\n\r\n                      <span class=\"other-selector--label\" :class=\"{ centered: centered }\">\r\n                        <Icon :icon-name=\"'camping_200'\" size=\"48\" :class=\"{ 'centered': centered }\"/>\r\n                        <p>{{ computedOtherName }}</p>\r\n                      </span>\r\n                    </div>\r\n\r\n                    <div class=\"selector-list-items\">\r\n                      <ul v-show=\"otherOpened\" @click=\"openSelector()\">\r\n                        <li v-for=\"(value, key) in ONBOARDING_OBJECT.houseType\" :class=\"{ 'hide': value.id == 212 || value.id == 168 }\" @click=\"updatePropsInStore(key)\">{{ value.type }}</li>\r\n                      </ul>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- image upload -->\r\n        <div class=\"step step--two\" v-show=\"STEPPER_COUNT == 1\">\r\n          <div class=\"flex flex-row vh-full\">\r\n            <div class=\"basis-full lg:basis-4/12 2xl:basis-5/12 image-background hidden-md-and-down\"></div>\r\n          <div class=\"basis-full lg:basis-8/12 2xl:basis-7/12 flex items-start justify-center lg:justify-start px-12 lg:px-20 2xl:px-36 3xl:px-48 pt-6 2xl:pt-8 3xl:pt-32 xl:!pr-20\">\r\n              <div class=\"step-container\">\r\n                <h2 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13650] }}</h2>\r\n                <p class=\"mt-3 content-text leading-relaxed\">\r\n                  {{ TRANSLATION_OBJECT.texts[13651] }}\r\n                </p>\r\n\r\n                <br />\r\n\r\n                <div class=\"basis-full\">\r\n                  <ImageUploader @event:change=\"registerImages($event)\"/>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- prices -->\r\n        <div class=\"step step--three\" v-show=\"STEPPER_COUNT == 2\">\r\n          <div class=\"flex flex-row vh-full\">\r\n            <div class=\"basis-full lg:basis-4/12 2xl:basis-5/12 image-background hidden-md-and-down\"></div>\r\n            <div class=\"basis-full lg:basis-8/12 2xl:basis-7/12 flex items-start justify-center lg:justify-start px-12 lg:px-20 2xl:px-36 3xl:px-48 pt-6 2xl:pt-8 3xl:pt-32 xl:!pr-20\">\r\n              <div class=\"step-container\">\r\n                <h2 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13652] }}</h2>\r\n                <p class=\"mt-2 content-text leading-relaxed\">\r\n                  {{ TRANSLATION_OBJECT.texts[13653] }}\r\n                </p>\r\n\r\n                <br>\r\n\r\n                <p class=\"content-text leading-relaxed\">{{ TRANSLATION_OBJECT.texts[13654] }}</p>\r\n\r\n                <br />\r\n\r\n                <div class=\"price-wrapper\">\r\n                  <div class=\"flex flex-row flex-wrap\">\r\n                    <div class=\"basis-full lg:basis-6/12 2xl:basis-full px-2\">\r\n                      <h4 class=\"font-bold my-4 xl:my-6 px-4\">{{ TRANSLATION_OBJECT.texts[13656] }}</h4>\r\n                      <PriceAdjuster v-model=\"PRICE_OBJECT.suggestedHighSeasonPrice\" centered/>\r\n                    </div>\r\n\r\n                    <div class=\"basis-full lg:basis-6/12 2xl:basis-full px-2\">\r\n                      <h4 class=\"font-bold my-4 xl:my-6 px-4\">{{ TRANSLATION_OBJECT.texts[13655] }}</h4>\r\n                      <PriceAdjuster v-model=\"PRICE_OBJECT.suggestedLowSeasonPrice\" centered />\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                  <div class=\"flex flex-row mt-2 xl:mt-4 justify-center\">\r\n                    <div class=\"basis-9/12\">\r\n                      <p class=\"content-text leading-relaxed\">{{ TRANSLATION_OBJECT.texts[13657] }}</p>\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                  <div class=\"flex flex-row mt-4 xl:mt-8 justify-center\">\r\n                    <div class=\"basis-9/12\">\r\n                      <Checkbox\r\n                        v-model=\"ONBOARDING_OBJECT.intelligentPricing\"\r\n                        :label=\"TRANSLATION_OBJECT.texts[13658] + ' '\"\r\n                        :label-link=\"TRANSLATION_OBJECT.texts[13774]\"\r\n                        :modal-headline=\"TRANSLATION_OBJECT.texts[13775]\"\r\n                        :modal-body=\"TRANSLATION_OBJECT.texts[13776]\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- cleaning -->\r\n        <div class=\"step step--four\" v-show=\"STEPPER_COUNT == 3\">\r\n          <div class=\"flex flex-row vh-full\">\r\n            <div class=\"basis-full lg:basis-4/12 2xl:basis-5/12 image-background hidden-md-and-down\"></div>\r\n          <div class=\"basis-full lg:basis-8/12 2xl:basis-7/12 flex items-start justify-center lg:justify-start px-12 lg:px-20 2xl:px-36 3xl:px-48 pt-6 2xl:pt-8 3xl:pt-32 xl:!pr-20\">\r\n              <div class=\"step-container\">\r\n                <h2 class=\"font-bold\">{{ TRANSLATION_OBJECT.texts[13659] }}</h2>\r\n                <p class=\"content-text leading-relaxed mt-4\">{{ TRANSLATION_OBJECT.texts[13660] }}</p>\r\n\r\n                <ServicePartnerList ref=\"servicePartnerListRef\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"bottom-wrapper fullwidth -mt-32 lg:-mt-24\">\r\n    <div class=\"flex flex-row flex-wrap\">\r\n      <div class=\"basis-full text-center hidden-md-and-up my-4\">\r\n        <p v-if=\"STEPPER_COUNT == 3\" class=\"font-bold hidden-md-and-down\">{{ TRANSLATION_OBJECT.texts[13778] }}</p>\r\n      </div>\r\n      <ProgressBar :step=\"STEPPER_COUNT\" :max-steps=\"4\" />\r\n    </div>\r\n\r\n    <div class=\"button-container flex flex-row mt-6 mb-5 !px-16 items-center\">\r\n      <div class=\"basis-3/12\">\r\n        <Button :button-text=\"TRANSLATION_OBJECT.texts[3645]\" button-style=\"link\" rounded bold @event:buttonPress=\"prevStep()\"/>\r\n      </div>\r\n\r\n      <div class=\"basis-6/12 text-center\">\r\n        <p v-if=\"STEPPER_COUNT == 3\" class=\"font-bold hidden-md-and-down\">{{ TRANSLATION_OBJECT.texts[13778] }}</p>\r\n      </div>\r\n\r\n      <div class=\"basis-3/12 text-right\">\r\n        <Button \r\n          :button-text=\"TRANSLATION_OBJECT.texts[707]\" \r\n          classes=\"extra !py-3\" \r\n          button-style=\"success\" \r\n          rounded \r\n          :elevated=\"'elevation-3'\"  \r\n          @event:buttonPress=\"nextStep()\"\r\n          :disabled=\"disableButton\"\r\n          :loading=\"loading\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <PriceModal @close-modal=\"toggleModal\" v-if=\"isModalOpen\"/>\r\n</template>\r\n\r\n\r\n<script setup lang=\"ts\">\r\n  import Axios from 'axios'\r\n  import { storeToRefs } from 'pinia'\r\n  import { useRouter } from 'vue-router'\r\n  import { ref, onBeforeMount, computed, onMounted } from 'vue'\r\n  import { useOnboardingStore, usePriceStore } from '@/store/onboardingStore'\r\n  import { CleaningIds } from '@/enums/cleaningIds.enum'\r\n  import { getBaseEndpoint } from '@/config/config'\r\n  import { addPeriod } from '@/filters/thousand-separator.filter'\r\n  import { PropertyDataModel } from '@/types/PropertyData.interface'\r\n  import { useTranslationStore } from '@/store/translationStore'\r\n  import { createKlaviyoEvent } from '@/services/klaviyo.service.ts'\r\n\r\n\r\n  import Icon from '@/components/atoms/Icon/Icon.vue'\r\n  import Button from '@/components/atoms/Button/Button.vue'\r\n  import Checkbox from '@/components/molecules/Checkbox/Checkbox.vue'\r\n  import PriceModal from '@/components/molecules/PriceModal/PriceModal.vue'\r\n  import ProgressBar from '@/components/molecules/ProgressBar/ProgressBar.vue'\r\n  import IconCheckbox from '@/components/molecules/IconCheckbox/IconCheckbox.vue'\r\n  import PriceAdjuster from '@/components/molecules/PriceAdjuster/PriceAdjuster.vue'\r\n  import ImageUploader from '@/components/organisms/ImageUploader/ImageUploader.vue'\r\n  import ServicePartnerList from '@/components/organisms/ServicePartnerList/ServicePartnerList.vue'\r\n\r\n\r\n\r\n  const BASE_API = getBaseEndpoint(process.env.NODE_ENV)\r\n  const STORE = useOnboardingStore();\r\n  const PRICE_STORE = usePriceStore();\r\n  const TRANSLATION_STORE = useTranslationStore()\r\n  const { onboardingObject: ONBOARDING_OBJECT }: any = storeToRefs(STORE);\r\n  const { priceObject: PRICE_OBJECT }: any = storeToRefs(PRICE_STORE);\r\n  const { translationObject: TRANSLATION_OBJECT }: any = useTranslationStore()\r\n\r\n\r\n  const servicePartnerListRef: any = ref(null)\r\n\r\n  const STEPPER_COUNT = ref(0)\r\n  const MAX_STEPS = ref(4)\r\n  let STEPPER_PRICE_FLOW = 0; // Used for klaviyo event service\r\n  let imageCollection: any[]\r\n  const PROPERTY_ID = ref(0)\r\n  const isModalOpen = ref(false)\r\n\r\n\r\n  const otherOpened = ref(false)\r\n  const bordered = ref(false)\r\n  const centered = ref(true)\r\n  const otherSelected = ref(false)\r\n  const ROUTER = useRouter()\r\n  const disableButton = ref(false)\r\n  const loading = ref(false)\r\n\r\n  // Used for displaing \"Andet\" if \"sommerhus\" or \"ferielejlighed\" is selected\r\n  const computedOtherName = computed(() => {\r\n    for (const value of Object.entries<Record<any, any>>(ONBOARDING_OBJECT.value.houseType)) {\r\n      if (value[1].value) {\r\n        otherSelected.value = true;\r\n\r\n        if (['Sommerhus', 'Ferielejlighed'].includes(value[1].type)) {\r\n          otherSelected.value = false;\r\n          return \"Andet\";\r\n        }\r\n        return value[1].type;\r\n      }\r\n    }\r\n\r\n    return \"Andet\";\r\n  });\r\n\r\n\r\n\r\n\r\n  // Get all the texts from ids and assign them to a reactive property\r\n  onBeforeMount(async () => {\r\n\r\n    STEPPER_PRICE_FLOW = STEPPER_COUNT.value + 8;\r\n    createKlaviyoEvent(siteLocation, STEPPER_PRICE_FLOW, true, ONBOARDING_OBJECT)\r\n\r\n    await Axios.get(`${BASE_API}/api/onboarding/GetPropertyData`, {\r\n      headers: {\r\n        'Content-Type': 'application/json'\r\n      },\r\n      withCredentials: true\r\n    }).then(res => {\r\n      PROPERTY_ID.value = res.data.id // set the id \"locally\" in the vue instance\r\n      ONBOARDING_OBJECT.value.userId = res.data.id // set the user id to the store\r\n    }).catch(err => {\r\n      console.log('❌: ', err)\r\n\r\n      if (ONBOARDING_OBJECT.value.userId) {\r\n        PROPERTY_ID.value = ONBOARDING_OBJECT.value.userId\r\n      }\r\n    })\r\n\r\n    window.addEventListener('popstate', (event) => {\r\n      if (window.location.href.includes('/continued')) {\r\n        if (typeof event.state === 'number') {\r\n          STEPPER_COUNT.value = event.state\r\n        } else {\r\n          STEPPER_COUNT.value = 0\r\n        }\r\n      }\r\n    })\r\n  })\r\n\r\n\r\n  let siteLocation = 0;\r\n\r\n  onMounted(() => {\r\n    TRANSLATION_STORE.getTranslations()\r\n    siteLocation = 2\r\n\r\n    if (window.location.href.includes('/continued') || window.location.href.includes('/signupContinued') || window.location.href.includes('/signupcontinued')) {\r\n      const content = document.querySelector('.content-container')\r\n      const footer = document.querySelector('footer')\r\n      const header = document.querySelector('header')\r\n\r\n      if (content) content.remove()\r\n      if (footer) footer.remove()\r\n      if (header) header.remove()\r\n    }\r\n  })\r\n\r\n\r\n  /**\r\n   * Handles the stepping to the next \"page\" of the flow\r\n   * will also handle updating the property with each step through the /api/onboarding/AddPropertyData endpoint\r\n   * using the data from the store\r\n   */\r\n  const nextStep = async () => {\r\n    STEPPER_PRICE_FLOW++\r\n    PRICE_STORE.updatePrices(6)\r\n    createKlaviyoEvent(siteLocation, STEPPER_PRICE_FLOW, false, ONBOARDING_OBJECT)\r\n    ONBOARDING_OBJECT.value.stepperCount = STEPPER_PRICE_FLOW;\r\n\r\n\r\n    if (ONBOARDING_OBJECT.value.propertyType == 0) {\r\n      return\r\n    }\r\n\r\n    history.pushState(STEPPER_COUNT.value + 1, '', '/beregn-lejeindtaegt-sommerhus/continued')\r\n\r\n    if (STEPPER_COUNT.value < MAX_STEPS.value) {\r\n      if (STEPPER_COUNT.value == 1) {\r\n        if (typeof imageCollection !== 'undefined' && imageCollection.length >= 1) {\r\n          uploadImages()\r\n        }\r\n      }\r\n\r\n      if (STEPPER_COUNT.value == 2) {\r\n        if (servicePartnerListRef.value) {\r\n          servicePartnerListRef.value.getCleaningData()\r\n        }\r\n      }\r\n\r\n      updatePropertyInfo()\r\n      return\r\n    }\r\n  }\r\n\r\n  const prevStep = () => {\r\n    if (STEPPER_COUNT.value == 0 || STEPPER_PRICE_FLOW == 8) {\r\n      return\r\n    }\r\n    STEPPER_COUNT.value--\r\n    STEPPER_PRICE_FLOW--\r\n    return\r\n  }\r\n\r\n\r\n  const updatePropsInStore = (input: any) => {\r\n    otherOpened.value = false\r\n    STORE.setPropertyTrue(input)\r\n  }\r\n\r\n  /**\r\n   * Used for when a change from the child component \"ImageUploader\" is emitted and we want to use the data in this parent component\r\n   */\r\n  const registerImages = async (input: any) => {\r\n    imageCollection = [...input]\r\n  }\r\n\r\n\r\n  /**\r\n   * Used for uploading the images to the api\r\n   */\r\n  const uploadImages = async () => {\r\n    // We have to map/loop through the imageCollection array and create a new FormData object for each image since the API only seems to accept one image per call\r\n    const uploadPromises = imageCollection.map(file => {\r\n      const formData = new FormData()\r\n      formData.append('photos-files[]', file)\r\n\r\n      return Axios.post(`${BASE_API}/Customer/Property/${ONBOARDING_OBJECT.value.userId}/UploadPhotos`, formData, {\r\n        headers: {\r\n          'Content-Type': 'multipart/form-data'\r\n        },\r\n        withCredentials: true\r\n      })\r\n    })\r\n\r\n    try {\r\n      const responses = await Promise.all(uploadPromises)\r\n    } catch (error) {\r\n      console.error(error)\r\n    }\r\n  }\r\n\r\n\r\n\r\n  const openSelector = () => {\r\n    otherOpened.value = !otherOpened.value\r\n  }\r\n\r\n\r\n  const toggleModal = () => {\r\n    isModalOpen.value = !isModalOpen.value\r\n  }\r\n\r\n\r\n  /**\r\n   * Used for updating the property info in the api\r\n   */\r\n  const updatePropertyInfo = async () => {\r\n    // INFO: bedrooms/bathrooms/sleeps\r\n    if (STEPPER_COUNT.value == 0) {\r\n      await postPropertyInfo({\r\n        bedrooms: ONBOARDING_OBJECT.value.bedrooms,\r\n        sleeps: ONBOARDING_OBJECT.value.sleeps,\r\n        bathrooms: ONBOARDING_OBJECT.value.bathrooms,\r\n        type: ONBOARDING_OBJECT.value.propertyType,\r\n        street: ONBOARDING_OBJECT.value.address.streetName + \" \" + ONBOARDING_OBJECT.value.address.streetNumber,\r\n        postCode: ONBOARDING_OBJECT.value.address.zipCode,\r\n        city: ONBOARDING_OBJECT.value.address.city,\r\n        countryCode: ONBOARDING_OBJECT.value.address.country.code,\r\n        latitude: ONBOARDING_OBJECT.value.address.latitude,\r\n        longtitude: ONBOARDING_OBJECT.value.address.longtitude,\r\n        size: ONBOARDING_OBJECT.value.size,\r\n        indoorPool: ONBOARDING_OBJECT.value.facilities.pool,\r\n        outdoorPool: ONBOARDING_OBJECT.value.facilities.outdoorPool,\r\n        indoorSpa: ONBOARDING_OBJECT.value.facilities.spa,\r\n        outdoorSpa: ONBOARDING_OBJECT.value.facilities.outdoorSpa,\r\n        sauna: ONBOARDING_OBJECT.value.facilities.sauna,\r\n        pets: ONBOARDING_OBJECT.value.pets,\r\n        rentalToday: ONBOARDING_OBJECT.value.rentalToday,\r\n        step: ONBOARDING_OBJECT.value.stepperCount,\r\n        wifi: ONBOARDING_OBJECT.value.facilities.wifi,\r\n        washingMachine: ONBOARDING_OBJECT.value.facilities.washingMachine,\r\n        distanceToWater: ONBOARDING_OBJECT.value.distanceToWater.value\r\n      }, false, false)\r\n\r\n      return\r\n    }\r\n\r\n\r\n    if (STEPPER_COUNT.value == 1) {\r\n      STEPPER_COUNT.value++\r\n      return\r\n    }\r\n\r\n\r\n    // INFO: high/low season prices\r\n    if (STEPPER_COUNT.value == 2) {\r\n      loading.value = true\r\n      disableButton.value = true\r\n\r\n      await postPropertyInfo({\r\n        prices: {\r\n          highSeason: PRICE_OBJECT.value.suggestedHighSeasonPrice,\r\n          lowSeason: PRICE_OBJECT.value.suggestedLowSeasonPrice\r\n        },\r\n        step: ONBOARDING_OBJECT.value.stepperCount\r\n      }, false, false)\r\n      \r\n      return\r\n    }\r\n\r\n    // INFO: cleaning\r\n    if (STEPPER_COUNT.value == 3) {\r\n      if (ONBOARDING_OBJECT.value.selfCleaning) {\r\n        await postPropertyInfo({\r\n          cleaning: CleaningIds.WantsToCleanSelf,\r\n          cleaningContent: ONBOARDING_OBJECT.value.selfCleaningPrice,\r\n          step: ONBOARDING_OBJECT.value.stepperCount\r\n        }, true, true)\r\n\r\n        return\r\n      }\r\n\r\n\r\n\r\n      if (ONBOARDING_OBJECT.value.selfCleaning == false && ONBOARDING_OBJECT.value.cleaningSelections !== 'campayaWillChose') {\r\n        await postPropertyInfo({\r\n          cleaning: CleaningIds.WantsCleaningCompany,\r\n          cleaningContent: ONBOARDING_OBJECT.value.cleaningSelections,\r\n          step: ONBOARDING_OBJECT.value.stepperCount\r\n        }, true, true)\r\n\r\n        return\r\n      }\r\n\r\n\r\n\r\n      if (ONBOARDING_OBJECT.value.selfCleaning == false && ONBOARDING_OBJECT.value.cleaningSelections == 'campayaWillChose') {\r\n        await postPropertyInfo({\r\n          cleaning: CleaningIds.CampayaWillChose,\r\n          cleaningContent: ONBOARDING_OBJECT.value.cleaningSelections,\r\n          step: ONBOARDING_OBJECT.value.stepperCount\r\n        }, true, true)\r\n\r\n        return\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  const postPropertyInfo = async (reqBody: PropertyDataModel, lastStep: boolean = false, goToFinalPage: boolean = false) => {\r\n    // set the app to loading state\r\n    ONBOARDING_OBJECT.value.loading = true\r\n\r\n    // Make the api call\r\n    await Axios.post(`${BASE_API}/api/onboarding/AddPropertyData`, reqBody, {\r\n      headers: {\r\n        'Content-Type': 'application/json'\r\n      },\r\n      withCredentials: true\r\n    }).then(() => {\r\n      if (!lastStep) {\r\n        ONBOARDING_OBJECT.value.loading = false\r\n        STEPPER_COUNT.value++\r\n      }\r\n\r\n      if (lastStep) {\r\n        localStorage.removeItem('onboarding')\r\n        localStorage.removeItem('price')\r\n        localStorage.removeItem('error')\r\n      }\r\n    }).catch(err => {\r\n      ONBOARDING_OBJECT.value.loading = false\r\n      STEPPER_COUNT.value++\r\n\r\n      console.error('❌: ', err)\r\n    }).finally(() => {\r\n      loading.value = false\r\n      disableButton.value = false\r\n\r\n      if (goToFinalPage) {\r\n        ROUTER.push({ name: 'FinalFlowPage' })\r\n      }\r\n    })\r\n  }\r\n</script>\r\n\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n  @import \"@/styles/_global.scss\";\r\n\r\n\r\n  .fullwidth-container {\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .button-container {\r\n    margin: 23px auto;\r\n\r\n    @media (min-width: 1536px) {\r\n      max-width: 1536px;\r\n    }\r\n  }\r\n\r\n  .step-container {\r\n    max-width: 590px;\r\n\r\n    @media (min-width: 1024px) {\r\n      max-width: 720px;\r\n    }\r\n\r\n    @media (min-width: 1536px) {\r\n      max-width: 680px;\r\n    }\r\n\r\n    @media (min-width: 1920px) {\r\n      max-width: 700px;\r\n    }\r\n  }\r\n\r\n  .step {\r\n    .image-background {\r\n      background-size: cover;\r\n      z-index: -1;\r\n    }\r\n\r\n\r\n\r\n    &--one {\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n\r\n      >.flex.flex-row {\r\n        @media (min-width: 1024px) {\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n\r\n    &--two .image-background {\r\n      background-image: url('https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16533_Crop_950_1080.jpg');\r\n      background-position: left;\r\n    }\r\n\r\n    &--three .image-background {\r\n      background-image: url('https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16534_Crop_950_1080.jpg');\r\n      background-position: 20%;\r\n      transform: scaleX(-1);\r\n    }\r\n\r\n    &--four .image-background {\r\n      background-image: url('https://dqif0xfu9mg0a.cloudfront.net/imageCache/images/articles/16532_Crop_950_1080.jpg');\r\n      background-position: left;\r\n    }\r\n  }\r\n\r\n\r\n  .congrats {\r\n    &-text {\r\n      font-size: 2.5rem;\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    h2 {\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    .info-icon {\r\n      cursor: pointer;\r\n      position: absolute;\r\n      margin: 16px 0 0 10px;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  .price-wrapper {\r\n    background-color: transparent;\r\n    text-align: center;\r\n    padding: 20px 30px 30px;\r\n    border: 2px dotted #ccc;\r\n    border-radius: 5px;\r\n\r\n    @media (min-width: 1024px) {\r\n      padding: 0px 15px 30px;\r\n    }\r\n\r\n\r\n    @media (min-width: 1536px) {\r\n      padding: 20px 30px 40px;\r\n    }\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n  .other-selector {\r\n    transition: all 0.2s ease;\r\n\r\n    &--inner-wrapper {\r\n      background-color: #fff;\r\n      border-radius: 9px;\r\n      padding: 15px 7px;\r\n      box-shadow: 0 5px 17px -7px rgba(0, 0, 0, 0.5);\r\n\r\n      &.bordered {\r\n        // width: 65px;\r\n        display: flex;\r\n        min-height: 110px;\r\n        border: 1px solid rgba(0, 0, 0, 0.1);\r\n        text-align: center;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 5px;\r\n        margin: 0 5px;\r\n\r\n        &:has(input:checked) {\r\n          background-color: $brandGreen;\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n\r\n    .selector-list-items {\r\n      background-color: #fff;\r\n      margin-top: 5px;\r\n      border-radius: 9px;\r\n      position: absolute;\r\n      width: 100%;\r\n\r\n      ul {\r\n\r\n        &>li {\r\n          padding: 3px 9px;\r\n\r\n          &:hover {\r\n            cursor: pointer;\r\n            background-color: $brandGreen;\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        &>li:first-child {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.selected>&--inner-wrapper {\r\n      background-color: $brandGreen;\r\n      color: #fff;\r\n      transition: all 175ms ease;\r\n      position: relative;\r\n      transform: translateY(-3px);\r\n\r\n      .icon--component {\r\n        color: inherit !important;\r\n      }\r\n    }\r\n\r\n    &--label {\r\n\r\n      &.centered {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        text-align: center;\r\n\r\n        >* {\r\n          flex: 1 1 100%;\r\n        }\r\n\r\n        svg {\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .hide {\r\n    display: none;\r\n  }\r\n</style>\r\n","import { createApp } from 'vue'\r\nimport { createPinia } from 'pinia'\r\nimport piniaPluginPersistedState from 'pinia-plugin-persistedstate'\r\nimport { createRouter, createWebHistory } from 'vue-router'\r\n\r\n// Select the App you want to run on main, each individual are on /appName/App.vue\r\nimport App from './App.vue'\r\nimport PriceFlow from '../PriceFlow/PriceFlow.vue'\r\nimport ContinuedPriceFlow from '../ContinuedPriceFlow/ContinuedPriceFlow.vue'\r\nimport FinalFlowPage from './../FinalFlowPage/FinalFlowPage.vue'\r\n\r\n// import library styles\r\nimport '../../styles/tailwind.css'\r\nimport '@vueform/slider/themes/default.css'\r\n\r\n// import custom styles\r\nimport './style.css'\r\nimport '../../styles/main.scss'\r\n\r\n// setup the routes for the projext\r\nconst router = createRouter({\r\n  history: createWebHistory(),\r\n  routes: [\r\n    {\r\n      path: \"/beregn-lejeindtaegt-sommerhus/\",\r\n      name: \"Home\",\r\n      component: PriceFlow,\r\n    },\r\n    {\r\n      path: \"/beregn-lejeindtaegt-sommerhus/continued\",\r\n      name: \"ContinuedPriceFlow\",\r\n      component: ContinuedPriceFlow,\r\n    },\r\n    {\r\n      path: \"/beregn-lejeindtaegt-sommerhus/finish\",\r\n      name: \"FinalFlowPage\",\r\n      component: FinalFlowPage,\r\n    },\r\n  ],\r\n});\r\n\r\n\r\nconst pinia = createPinia();\r\npinia.use(piniaPluginPersistedState);\r\nconst app = createApp(App);\r\n\r\napp.use(pinia);\r\napp.use(router);\r\napp.mount(\"#app\");\r\n"],"names":["_openBlock","_createElementBlock","TRANSLATION_STORE","useTranslationStore","handleBackNavigation","event","onMounted","form","email","_a","phone","_b","gtmService.bookMeeting","BASE_API","getBaseEndpoint","STORE","useOnboardingStore","PRICE_STORE","usePriceStore","ONBOARDING_OBJECT","storeToRefs","PRICE_OBJECT","TRANSLATION_OBJECT","servicePartnerListRef","ref","STEPPER_COUNT","MAX_STEPS","STEPPER_PRICE_FLOW","imageCollection","PROPERTY_ID","isModalOpen","otherOpened","bordered","centered","otherSelected","ROUTER","useRouter","disableButton","loading","computedOtherName","computed","value","onBeforeMount","createKlaviyoEvent","siteLocation","Axios","res","err","content","footer","header","nextStep","uploadImages","updatePropertyInfo","prevStep","updatePropsInStore","input","registerImages","uploadPromises","file","formData","responses","error","openSelector","toggleModal","postPropertyInfo","CleaningIds","reqBody","lastStep","goToFinalPage","router","createRouter","createWebHistory","PriceFlow","ContinuedPriceFlow","FinalFlowPage","pinia","createPinia","piniaPluginPersistedState","app","createApp","App"],"mappings":"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"}