{"version":3,"file":"Show-D-O5mFZi.js","sources":["../../../resources/js/Components/InstantValuation/AddressSearch.vue","../../../resources/js/Components/InstantValuation/ContactDetailsHeader.vue","../../../resources/js/Components/InstantValuation/ContactDetailsForm.vue","../../../resources/js/Layouts/InstantValuation/ContentRight.vue","../../../resources/js/Layouts/InstantValuation/ContentLeft.vue","../../../resources/js/Layouts/InstantValuation/ContentBottom.vue","../../../resources/js/Pages/InstantValuations/Show.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'flex flex-col h-full lg:h-auto gap-large',\n      { 'justify-center': contentCentered }\n    ]\"\n  >\n    <section\n      v-if=\"brandSettings.logos.rectangle?.url\"\n      class=\"h-20\"\n    >\n      <img\n        :src=\"brandSettings.logos.rectangle.url\"\n        alt=\"Company logo\"\n        class=\"w-full h-full object-contain object-center\"\n      >\n    </section>\n    <section class=\"flex gap-xxl flex-col\">\n      <div class=\"space-y-sm px-large\">\n        <h1\n          class=\"titles-branding text-4xl text-center\"\n          :style=\"titlesStyling\"\n        >\n          {{ instantValuationContent.title }}\n        </h1>\n        <p\n          class=\"body-text-branding mb-sm text-center text-base\"\n          :style=\"bodyTextStyling\"\n        >\n          {{ instantValuationContent.description }}\n        </p>\n      </div>\n      <div class=\"w-full mx-auto lg:max-w-2xl px-large\">\n        <Field>\n          <Label class=\"sr-only\">\n            Address\n          </Label>\n          <InputAddressSearch\n            v-model=\"selectedProperty\"\n            :config=\"{\n              hostUrl: page.props.config.kraken.search_url,\n              apiKey: page.props.config.kraken.api_key,\n            }\"\n            placeholder=\"Start typing your address\"\n          />\n        </Field>\n      </div>\n    </section>\n    <section\n      v-if=\"selectedProperty\"\n      class=\"text-center\"\n    >\n      <Button\n        class=\"insights-button\"\n        aria-label=\"Confirm address and continue\"\n        :style=\"primaryButtonStyles\"\n        @click=\"confirmPropertySelection\"\n      >\n        Continue\n      </Button>\n    </section>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { router, usePage } from '@inertiajs/vue3';\nimport {\n  Field,\n  InputAddressSearch,\n  Label,\n  Button,\n} from '@agentsoftware/spectre-ui';\nimport InstantValuationContentData = App.Data.InstantValuation.InstantValuationContentData;\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\n\nconst props = withDefaults(defineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuationContent: InstantValuationContentData;\n  contentCentered: boolean;\n}>(), {\n  contentCentered: true,\n});\n\nconst page = usePage();\n\nconst selectedProperty = ref<string>();\n\nconst confirmPropertySelection = () => {\n  if (!selectedProperty.value) {\n    return;\n  }\n\n  router.get('#contact-details', { street_group_property_id: selectedProperty.value });\n};\n\nconst titlesStyling = computed(() => ({\n  '--titlesFontFamily': props.brandSettings.text.heading.fontFamily,\n  '--titlesFontWeight': props.brandSettings.text.heading.fontWeight,\n  '--titlesColour': props.brandSettings.text.heading.colour,\n}));\n\nconst bodyTextStyling = computed(() => ({\n  '--bodyTextFontFamily': props.brandSettings.text.body.fontFamily,\n  '--bodyTextFontWeight': props.brandSettings.text.body.fontWeight,\n  '--bodyTextColour': props.brandSettings.text.body.colour,\n}));\n\nconst primaryButtonStyles = computed(() => ({\n  '--primaryButtonFontFamily': `${props.brandSettings.buttons.primary.fontFamily}`,\n  '--primaryButtonFontWeight': `${props.brandSettings.buttons.primary.fontWeight}`,\n  '--primaryButtonTextColour': `${props.brandSettings.buttons.primary.colour}`,\n  '--primaryButtonTextHoverColour': `${props.brandSettings.buttons.primary.hoverColour}`,\n  '--primaryButtonBackgroundColour': `${props.brandSettings.buttons.primary.backgroundColour}`,\n  '--primaryButtonBackgroundHoverColour': `${props.brandSettings.buttons.primary.backgroundHoverColour}`,\n}));\n</script>\n\n<style scoped>\n.titles-branding {\n  font-family: var(--titlesFontFamily);\n  font-weight: var(--titlesFontWeight);\n  color: var(--titlesColour);\n}\n\n.body-text-branding {\n  font-family: var(--bodyTextFontFamily);\n  font-weight: var(--bodyTextFontWeight);\n  color: var(--bodyTextColour);\n}\n\n.insights-button {\n  font-family: var(--primaryButtonFontFamily);\n  font-weight: var(--primaryButtonFontWeight);\n  color: var(--primaryButtonTextColour);\n  background-color: var(--primaryButtonBackgroundColour);\n  border-color: var(--primaryButtonBackgroundColour);\n}\n.insights-button:hover {\n  color: var(--primaryButtonTextHoverColour);\n  background-color: var(--primaryButtonBackgroundHoverColour);\n  border-color: var(--primaryButtonBackgroundHoverColour);\n}\n</style>\n","<template>\n  <div\n    :class=\"[\n      'flex flex-col gap-xxl',\n      contentCentered ? 'flex-grow justify-between' : 'lg:items-start',\n    ]\"\n  >\n    <section\n      v-if=\"brandSettings.logos.rectangle?.url\"\n      class=\"h-20\"\n    >\n      <img\n        :src=\"brandSettings.logos.rectangle.url\"\n        alt=\"Company logo\"\n        class=\"w-full h-full object-contain object-center\"\n      >\n    </section>\n    <section class=\"flex flex-col space-y-sm\">\n      <div\n        :class=\"[\n          'flex flex-col justify-center gap-xxs',\n          contentCentered ? 'items-center' : 'items-start',\n        ]\"\n      >\n        <Link\n          :href=\"`${domain}/instant-valuations/${instantValuation.id}`\"\n          :class=\"[\n            'flex flex-col body-text-branding underline text-xs',\n            'outline-none focus-visible:ring-2 focus-visible:ring-primary-500',\n            contentCentered ? 'items-center' : 'items-center lg:items-start',\n          ]\"\n          :style=\"bodyTextStyling\"\n        >\n          Edit address\n        </Link>\n        <h1\n          class=\"titles-branding text-2xl text-center flex items-center gap-sm\"\n          :style=\"titlesStyling\"\n        >\n          {{ selectedPropertyAddress }}\n        </h1>\n      </div>\n      <p\n        :class=\"[\n          'flex flex-col body-text-branding mb-sm text-base text-center',\n          contentCentered ? 'items-center' : 'items-start',\n        ]\"\n        :style=\"bodyTextStyling\"\n      >\n        {{ instantValuation.content.description }}\n      </p>\n    </section>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Link, usePage } from '@inertiajs/vue3';\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\nimport CustomDomainData = App.Data.CustomDomainData;\n\nconst page = usePage();\n\nconst props = withDefaults(defineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuation: App.Data.InstantValuation.InstantValuationData;\n  selectedPropertyAddress?: string;\n  contentCentered?: boolean;\n  customDomain: CustomDomainData | null;\n}>(), {\n  contentCentered: true,\n});\n\nconst titlesStyling = computed(() => ({\n  '--titlesFontFamily': props.brandSettings.text.heading.fontFamily,\n  '--titlesFontWeight': props.brandSettings.text.heading.fontWeight,\n  '--titlesColour': props.brandSettings.text.heading.colour,\n}));\n\nconst bodyTextStyling = computed(() => ({\n  '--bodyTextFontFamily': props.brandSettings.text.body.fontFamily,\n  '--bodyTextFontWeight': props.brandSettings.text.body.fontWeight,\n  '--bodyTextColour': props.brandSettings.text.body.colour,\n}));\n\nconst domain = computed(() => (props.customDomain ? `https://${props.customDomain.url}` : page.props.app.url));\n</script>\n\n<style scoped>\n.titles-branding {\n  font-family: var(--titlesFontFamily);\n  font-weight: var(--titlesFontWeight);\n  color: var(--titlesColour);\n}\n\n.body-text-branding {\n  font-family: var(--bodyTextFontFamily);\n  font-weight: var(--bodyTextFontWeight);\n  color: var(--bodyTextColour);\n}\n</style>\n","<template>\n  <form\n    class=\"px-large space-y-xxl flex-grow flex flex-col justify-between lg:justify-start overflow-auto scrollbar-none\"\n    @submit.prevent=\"form.post(`${domain}/instant-valuations/${instantValuation.id}/leads/create`)\"\n  >\n    <section class=\"flex gap-xxl flex-col\">\n      <div\n        :class=\"[\n          'space-y-large flex flex-col',\n          { 'items-center': contentCentered }\n        ]\"\n      >\n        <div\n          :class=\"[\n            'space-y-large w-full pt-xs',\n            contentCentered ? 'lg:max-w-md' : 'lg:max-w-2xl',\n          ]\"\n        >\n          <InsightsFormGroup v-if=\"includeField('name')\">\n            <Input\n              v-model=\"form.first_name\"\n              placeholder=\"First name\"\n              aria-label=\"First name\"\n              :required=\"fieldRequired('name')\"\n              :invalid=\"!!page.props.errors.first_name\"\n            />\n            <ErrorMessage v-if=\"page.props.errors.first_name\">\n              {{ page.props.errors.first_name }}\n            </ErrorMessage>\n          </InsightsFormGroup>\n          <InsightsFormGroup v-if=\"includeField('name')\">\n            <Input\n              v-model=\"form.last_name\"\n              placeholder=\"Last name\"\n              aria-label=\"Last name\"\n              :required=\"fieldRequired('name')\"\n            />\n            <ErrorMessage v-if=\"page.props.errors.last_name\">\n              {{ page.props.errors.last_name }}\n            </ErrorMessage>\n          </InsightsFormGroup>\n          <InsightsFormGroup>\n            <Input\n              v-model=\"form.email\"\n              placeholder=\"Email address\"\n              aria-label=\"Email address\"\n              required\n              :invalid=\"!!page.props.errors.email\"\n            />\n            <ErrorMessage v-if=\"page.props.errors.email\">\n              {{ page.props.errors.email }}\n            </ErrorMessage>\n          </InsightsFormGroup>\n          <InsightsFormGroup v-if=\"includeField('contactNumber')\">\n            <Input\n              v-model=\"form.contact_number\"\n              placeholder=\"Contact number\"\n              aria-label=\"Contact number\"\n              :required=\"fieldRequired('contactNumber')\"\n              :invalid=\"!!page.props.errors.contact_number\"\n            />\n            <ErrorMessage v-if=\"page.props.errors.contact_number\">\n              {{ page.props.errors.contact_number }}\n            </ErrorMessage>\n          </InsightsFormGroup>\n        </div>\n        <div\n          :class=\"[\n            'flex',\n            { 'justify-center': contentCentered }\n          ]\"\n        >\n          <Field class=\"flex space-x-3 items-center\">\n            <Checkbox v-model=\"form.has_marketing_consent\" />\n            <Label>\n              I'd like to receive updates on my property and other related services\n            </Label>\n          </Field>\n        </div>\n      </div>\n    </section>\n    <section\n      :class=\"[\n        'flex flex-col gap-base',\n        { 'items-center': contentCentered }\n      ]\"\n    >\n      <div class=\"w-full lg:max-w-sm flex justify-center\">\n        <Button\n          block\n          class=\"insights-button\"\n          aria-label=\"View report\"\n          :style=\"primaryButtonStyles\"\n          :loading=\"form.processing\"\n          :disabled=\"!form.email || (fieldRequired('name') && (!form.first_name || !form.last_name)) || (fieldRequired('contactNumber') && !form.contact_number)\"\n          size=\"xl\"\n        >\n          View report\n        </Button>\n      </div>\n      <div :class=\"['pb-sm', { 'lg:mx-large': contentCentered }]\">\n        <p\n          :class=\"[\n            'text-xs text-default-700',\n            contentCentered ? 'text-center' : 'text-center lg:text-left'\n          ]\"\n        >\n          By submitting, you agree to the <a\n            href=\"https://street.co.uk/terms\"\n            class=\"underline outline-none focus-visible:ring-2 focus-visible:ring-primary-500\"\n            target=\"_blank\"\n          >terms and conditions</a> and our <a\n            href=\"https://street.co.uk/terms\"\n            class=\"underline outline-none focus-visible:ring-2 focus-visible:ring-primary-500\"\n            target=\"_blank\"\n          >privacy policy</a>.\n        </p>\n      </div>\n    </section>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useForm, usePage } from '@inertiajs/vue3';\nimport {\n  Checkbox,\n  Input,\n  Label,\n  Field,\n  ErrorMessage,\n  Button,\n} from '@agentsoftware/spectre-ui';\nimport InsightsFormGroup from '@/Components/InsightsFormGroup.vue';\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\nimport CustomDomainData = App.Data.CustomDomainData;\n\nconst page = usePage();\n\nconst props = withDefaults(defineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuationContent: App.Data.InstantValuation.InstantValuationContentData;\n  instantValuation: App.Data.InstantValuation.InstantValuationData;\n  streetGroupPropertyId?: string;\n  contentCentered?: boolean;\n  customDomain: CustomDomainData | null;\n}>(), {\n  contentCentered: true,\n});\n\nconst form = useForm({\n  street_group_property_id: props.streetGroupPropertyId,\n  first_name: '',\n  last_name: '',\n  email: '',\n  contact_number: '',\n  has_marketing_consent: false,\n});\n\nconst domain = computed(() => (props.customDomain && !props.instantValuation.shortUrl?.url.includes(page.props.app.url) ? `https://${props.customDomain.url}` : page.props.app.url));\n\nconst includeField = (fieldName: 'name' | 'contactNumber') => props.instantValuationContent.fields?.find((field) => field.id === fieldName)?.display ?? false;\nconst fieldRequired = (fieldName: 'name' | 'contactNumber') => props.instantValuationContent.fields?.find((field) => field.id === fieldName)?.required ?? false;\n\nconst primaryButtonStyles = computed(() => ({\n  '--primaryButtonFontFamily': `${props.brandSettings.buttons.primary.fontFamily}`,\n  '--primaryButtonFontWeight': `${props.brandSettings.buttons.primary.fontWeight}`,\n  '--primaryButtonTextColour': `${props.brandSettings.buttons.primary.colour}`,\n  '--primaryButtonTextHoverColour': `${props.brandSettings.buttons.primary.hoverColour}`,\n  '--primaryButtonBackgroundColour': `${props.brandSettings.buttons.primary.backgroundColour}`,\n  '--primaryButtonBackgroundHoverColour': `${props.brandSettings.buttons.primary.backgroundHoverColour}`,\n}));\n</script>\n\n<style scoped>\n.insights-button {\n  font-family: var(--primaryButtonFontFamily);\n  font-weight: var(--primaryButtonFontWeight);\n  color: var(--primaryButtonTextColour);\n  background-color: var(--primaryButtonBackgroundColour);\n  border-color: var(--primaryButtonBackgroundColour);\n}\n.insights-button:hover {\n  color: var(--primaryButtonTextHoverColour);\n  background-color: var(--primaryButtonBackgroundHoverColour);\n  border-color: var(--primaryButtonBackgroundHoverColour);\n}\n</style>\n","<template>\n  <div>\n    <BrandLinksHead\n      v-if=\"brandSettings\"\n      :brand-settings=\"brandSettings\"\n      :title=\"instantValuationContent.title\"\n      :fav-icon-source=\"companyUrl\"\n    />\n    <div\n      :class=\"[\n        'bg-white h-screen',\n        'flex flex-col lg:grid lg:grid-cols-12',\n      ]\"\n    >\n      <section\n        :class=\"[\n          'col-span-5 h-1/3 lg:h-full overflow-hidden',\n          { 'hidden lg:block': viewingContactDetailsPage }\n        ]\"\n      >\n        <FeatureImage\n          v-if=\"instantValuationContent.image\"\n          :image=\"instantValuationContent.image\"\n        />\n      </section>\n      <section class=\"col-span-7 flex-grow flex flex-col justify-center px-large py-huge\">\n        <slot />\n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BrandLinksHead from '@/Components/BrandLinksHead.vue';\nimport FeatureImage from '@/Components/InstantValuation/FeatureImage.vue';\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\n\ndefineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuationContent: App.Data.InstantValuation.InstantValuationContentData;\n  companyUrl: string | null;\n}>();\n\nconst viewingContactDetailsPage = computed(() => !!(typeof window !== 'undefined' && window.location.hash));\n</script>\n","<template>\n  <div>\n    <BrandLinksHead\n      v-if=\"brandSettings\"\n      :brand-settings=\"brandSettings\"\n      :title=\"instantValuationContent.title\"\n      :fav-icon-source=\"companyUrl\"\n    />\n    <div\n      :class=\"[\n        'bg-white h-screen',\n        'flex flex-col lg:grid lg:grid-cols-12',\n      ]\"\n    >\n      <section class=\"col-span-7 flex-grow flex flex-col justify-center px-large py-huge\">\n        <slot />\n      </section>\n      <section\n        :class=\"[\n          'col-span-5 h-1/3 lg:h-full overflow-hidden',\n          { 'hidden lg:block': viewingContactDetailsPage }\n        ]\"\n      >\n        <FeatureImage\n          v-if=\"instantValuationContent.image\"\n          :image=\"instantValuationContent.image\"\n        />\n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BrandLinksHead from '@/Components/BrandLinksHead.vue';\nimport FeatureImage from '@/Components/InstantValuation/FeatureImage.vue';\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\n\ndefineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuationContent: App.Data.InstantValuation.InstantValuationContentData;\n  companyUrl: string | null;\n}>();\n\nconst viewingContactDetailsPage = computed(() => !!(typeof window !== 'undefined' && window.location.hash));\n</script>\n","<template>\n  <div>\n    <BrandLinksHead\n      v-if=\"brandSettings\"\n      :brand-settings=\"brandSettings\"\n      :title=\"instantValuationContent.title\"\n      :fav-icon-source=\"companyUrl\"\n    />\n    <div\n      :class=\"[\n        'bg-white h-screen overflow-hidden',\n        'flex flex-col gap-base',\n      ]\"\n    >\n      <section\n        :class=\"[\n          'h-2/5 flex-shrink-0 overflow-hidden',\n          { 'hidden lg:block': viewingContactDetailsPage }\n        ]\"\n      >\n        <FeatureImage\n          v-if=\"instantValuationContent.image\"\n          :image=\"instantValuationContent.image\"\n        />\n      </section>\n      <section class=\"w-screen max-w-7xl flex justify-center flex-grow mx-auto px-large lg:px-huge py-huge overflow-auto\">\n        <slot />\n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BrandLinksHead from '@/Components/BrandLinksHead.vue';\nimport FeatureImage from '@/Components/InstantValuation/FeatureImage.vue';\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\n\ndefineProps<{\n  brandSettings: BrandSettingsData;\n  instantValuationContent: App.Data.InstantValuation.InstantValuationContentData;\n  companyUrl: string | null;\n}>();\n\nconst viewingContactDetailsPage = computed(() => !!(typeof window !== 'undefined' && window.location.hash));\n</script>\n","<template>\n  <Component\n    :is=\"layoutComponents[preview ? latestRevision?.content.layout : instantValuation.content.layout]\"\n    :title=\"instantValuation.content.title\"\n    :brand-settings=\"brandSettings\"\n    :company-url=\"companyUrl\"\n    :instant-valuation-content=\"preview ? latestRevision?.content : instantValuation.content\"\n  >\n    <AddressSearch\n      v-if=\"currentPage === 'address-search'\"\n      :brand-settings=\"brandSettings\"\n      :instant-valuation-content=\"preview ? latestRevision?.content : instantValuation.content\"\n      :content-centered=\"![latestRevision?.content.layout, instantValuation.content.layout].includes('content_bottom')\"\n    />\n    <ContactDetails\n      v-else-if=\"streetGroupPropertyId && address\"\n      :brand-settings=\"brandSettings\"\n      :instant-valuation=\"instantValuation\"\n      :selected-property-address=\"address\"\n      :street-group-property-id=\"streetGroupPropertyId\"\n      :instant-valuation-content=\"preview ? latestRevision?.content : instantValuation.content\"\n      :content-centered=\"![latestRevision?.content.layout, instantValuation.content.layout].includes('content_bottom')\"\n      :custom-domain=\"customDomain\"\n    />\n  </Component>\n</template>\n\n<script setup lang=\"ts\">\nimport { type Component, computed, onMounted } from 'vue';\nimport initialiseGtm from '@/Support/InitialiseGtm';\nimport collect from 'collect.js';\nimport AddressSearch from '@/Components/InstantValuation/AddressSearch.vue';\nimport ContactDetails from '@/Components/InstantValuation/ContactDetails.vue';\nimport ContentInner from '@/Layouts/InstantValuation/ContentInner.vue';\nimport ContentRight from '@/Layouts/InstantValuation/ContentRight.vue';\nimport BlankLayout from '@/Layouts/BlankLayout.vue';\nimport ContentLeft from '@/Layouts/InstantValuation/ContentLeft.vue';\nimport ContentBottom from '@/Layouts/InstantValuation/ContentBottom.vue';\nimport ContentWide from '@/Layouts/InstantValuation/ContentWide.vue';\nimport ContentNarrow from '@/Layouts/InstantValuation/ContentNarrow.vue';\nimport ContentInnerHalf from '@/Layouts/InstantValuation/ContentInnerHalf.vue';\nimport NoBackground from '@/Layouts/InstantValuation/NoBackground.vue';\nimport ContentInnerLeft from '@/Layouts/InstantValuation/ContentInnerLeft.vue';\nimport InstantValuationData = App.Data.InstantValuation.InstantValuationData;\nimport RevisionData = App.Data.RevisionData;\nimport BrandSettingsData = App.Data.Settings.BrandSettingsData;\nimport CustomDomainData = App.Data.CustomDomainData;\n\ndefineOptions({\n  layout: BlankLayout,\n});\n\nconst props = defineProps<{\n  address?: string;\n  brandSettings: BrandSettingsData;\n  instantValuation: InstantValuationData;\n  latestRevision: RevisionData | null;\n  preview: boolean;\n  streetGroupPropertyId?: string;\n  companyUrl: string | null;\n  customDomain: CustomDomainData | null;\n  googleTagManager: string | null;\n}>();\n\nconst layoutComponents = {\n  content_inner: ContentInner,\n  content_inner_half: ContentInnerHalf,\n  content_inner_left: ContentInnerLeft,\n  content_left: ContentLeft,\n  content_right: ContentRight,\n  content_bottom: ContentBottom,\n  content_narrow: ContentNarrow,\n  content_wide: ContentWide,\n  no_background: NoBackground,\n} as Record<string, Component>;\n\nconst currentPage = computed(() => (\n  typeof window !== 'undefined' && window.location.hash\n    ? window.location.hash.replace('#', '')\n    : 'address-search'\n));\n\nonMounted(() => {\n  if (typeof window !== 'undefined' && props.googleTagManager && !collect(document.querySelectorAll('script')).pluck('src').contains(`https://www.googletagmanager.com/gtm.js?id=${props.googleTagManager}`)) {\n    initialiseGtm(props.googleTagManager);\n  }\n});\n</script>\n"],"names":["props","__props","page","usePage","selectedProperty","ref","confirmPropertySelection","router","titlesStyling","computed","bodyTextStyling","primaryButtonStyles","domain","form","useForm","_a","includeField","fieldName","_b","field","fieldRequired","viewingContactDetailsPage","layoutComponents","ContentInner","ContentInnerHalf","ContentInnerLeft","ContentLeft","ContentRight","ContentBottom","ContentNarrow","ContentWide","NoBackground","currentPage","onMounted","collect","initialiseGtm"],"mappings":"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"}