{"version":3,"file":"AddressSelector-ZcTUgCyq.js","sources":["../../../../resources/js/Components/Shared/AddressSelector/AddressMap.vue","../../../../resources/js/Components/Shared/AddressSelector/AddressForm.vue","../../../../resources/js/Components/Shared/AddressSelector/AddressSelector.vue"],"sourcesContent":["<template>\n  <div>\n    <Box borderRadius=\"medium\" class=\"overflow-hidden h-60 fix-safari-border-radius\">\n      <Map\n        v-if=\"mapShowing\"\n        :errorMessage=\"mapErrorMessage\"\n        :accessToken=\"mapBoxKey\"\n        :dragRotate=\"false\"\n        :hasDraggableMarker=\"hasDraggableMarker\"\n        :hasMarker=\"hasMarkerSet\"\n        :latitude=\"latitude || coords?.latitude\"\n        :longitude=\"longitude || coords?.longitude\"\n        :showZoomControls=\"true\"\n        :zoom=\"zoom\"\n        @onClick=\"handleOnClick\"\n        @update:latitudeLongitude=\"handleAddressLatLngUpdate\"\n      />\n    </Box>\n  </div>\n</template>\n\n<script setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { Box, Map } from '@aryeo/runway'\n\nconst props = defineProps({\n  hasDraggableMarker: {\n    type: Boolean,\n    default: false,\n  },\n  latitude: {\n    type: [Number, String],\n    default: () => null,\n  },\n  longitude: {\n    type: [Number, String],\n    default: () => null,\n  },\n  mapErrorMessage: {\n    type: String,\n    default: () => '',\n  },\n  waitForNextTick: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['onChange', 'onClick'])\n\nconst mapShowing = ref(!props.waitForNextTick)\n\nconst hasMarkerSet = computed(\n  () =>\n    props.latitude !== '' &&\n    props.latitude !== null &&\n    props.longitude !== '' &&\n    props.longitude !== null\n)\n\nconst mapBoxKey = ref(window.ARYEO_MAPBOX_KEY)\n// Map component not dynamically allowing zoom prop to change, so we adjust default cords slightly\n// so we rerender map if no lat/lng provided\nconst coords = ref({\n  latitude: 39.8283,\n  longitude: -97.5795,\n})\nconst defaultCenter = {\n  latitude: 39.8283,\n  longitude: -98.5795,\n}\nconst zoom = ref(14)\n\nonMounted(() => {\n  if (!hasMarkerSet.value) {\n    getLocation()\n  }\n\n  if (props.waitForNextTick) {\n    nextTick(() => {\n      mapShowing.value = true\n    })\n  }\n})\n\n// Geo locate\nconst getLocation = () => {\n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition(showPosition, setToCenter)\n  } else {\n    setToCenter()\n  }\n}\n\nconst setToCenter = () => {\n  zoom.value = 3\n  coords.value = defaultCenter\n}\n\nconst showPosition = (position) => {\n  zoom.value = 7\n  coords.value.latitude = position.coords.latitude\n  coords.value.longitude = position.coords.longitude\n}\n\nconst emitAddressChange = (lat, lng) => {\n  emit('onChange', {\n    key: 'is_map_dirty',\n    value: true,\n  })\n  emit('onChange', {\n    key: 'latitude',\n    value: lat,\n  })\n  emit('onChange', {\n    key: 'longitude',\n    value: lng,\n  })\n}\n\nconst handleAddressLatLngUpdate = ({ lat, lng }) => {\n  if (!hasMarkerSet.value) {\n    return\n  }\n\n  emitAddressChange(lat, lng)\n}\n\nconst handleOnClick = ({ lat, lng }) => {\n  if (hasMarkerSet.value) {\n    return\n  }\n\n  emitAddressChange(lat, lng)\n}\n\nwatch(\n  () => props.latitude,\n  (newValue, oldValue) => {\n    if (oldValue === '' || oldValue === null) {\n      zoom.value = 14\n    }\n  }\n)\n</script>\n\n<style scoped>\n/* Fix border radius clipping absolutely position children in safari: https://bugs.webkit.org/show_bug.cgi?id=30475 */\n.fix-safari-border-radius {\n  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);\n}\n</style>\n","<template>\n  <Stack>\n    <Stack space=\"xsmall\">\n      <Columns :space=\"['xsmall', 'small']\" collapseBelow=\"lg\" align-y=\"bottom\">\n        <Column width=\"1/5\">\n          <FormTextInput\n            id=\"street_number\"\n            name=\"street_number\"\n            label=\"Street #\"\n            :error=\"errors?.street_number?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.street_number\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n        <Column width=\"fluid\">\n          <FormTextInput\n            id=\"street_name\"\n            name=\"street_name\"\n            label=\"Street Name\"\n            :error=\"errors?.street_name?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.street_name\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n        <Column width=\"1/4\">\n          <FormTextInput\n            delay=\"250\"\n            id=\"unit_number\"\n            name=\"unit_number\"\n            label=\"Unit #\"\n            placeholderText=\"Optional\"\n            :error=\"errors?.unit_number?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.unit_number\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n      </Columns>\n      <Columns :space=\"['xsmall', 'small']\" collapseBelow=\"lg\" align-y=\"bottom\">\n        <Column width=\"1/2\">\n          <FormTextInput\n            id=\"city\"\n            name=\"city\"\n            label=\"City\"\n            :error=\"errors?.city?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.city || address?.city_region\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n        <Column width=\"1/4\">\n          <FormTextInput\n            id=\"state_or_province\"\n            name=\"state_or_province\"\n            label=\"State\"\n            :error=\"errors?.state_or_province?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.state_or_province\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n        <Column width=\"1/4\">\n          <FormTextInput\n            id=\"postal_code\"\n            name=\"postal_code\"\n            label=\"Postal Code\"\n            :error=\"errors?.postal_code?.[0]\"\n            :errorIsTooltip=\"true\"\n            :value=\"address?.postal_code\"\n            :isDisabled=\"isDisabled\"\n            @update:modelValue=\"handleAddressUpdate\"\n          />\n        </Column>\n      </Columns>\n\n      <FormSearchInput\n        v-if=\"hasCountryInput\"\n        id=\"country\"\n        label=\"Country\"\n        name=\"country\"\n        :error=\"errors?.country?.[0]\"\n        :value=\"address?.country\"\n        @update:modelValue=\"handleCountrySearch\"\n      >\n        <Stack as=\"ul\" itemAs=\"li\" :showDividers=\"true\" space=\"none\">\n          <ListItem\n            v-for=\"country in countries\"\n            :isActionable=\"true\"\n            :key=\"country.code\"\n            :title=\"country.name\"\n            :subtitle=\"country.code\"\n            :value=\"country.code\"\n            @click=\"handleAddressUpdate({ key: 'country', value: country.code })\"\n          />\n        </Stack>\n      </FormSearchInput>\n\n      <FormField\n        v-if=\"hasMap\"\n        :error=\"customMapError\"\n        label=\"Location\"\n        helperText=\"Moving the pin on the map will update the Latitude and Longitude for this address\"\n      >\n        <AddressMap\n          hasDraggableMarker\n          :latitude=\"address?.latitude\"\n          :longitude=\"address?.longitude\"\n          :mapErrorMessage=\"customMapError\"\n          @onChange=\"handleAddressUpdate\"\n        />\n      </FormField>\n    </Stack>\n  </Stack>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue'\nimport {\n  Column,\n  Columns,\n  FormField,\n  Stack,\n  FormTextInput,\n  FormSearchInput,\n  ListItem,\n} from '@aryeo/runway'\n\nimport AddressMap from './AddressMap.vue'\nimport RegionApi from '@/Services/Api/Company/V1/RegionApi'\n\nconst props = defineProps({\n  address: {\n    type: Object,\n    default: () => ({}),\n  },\n  errors: {\n    type: Object,\n    default: () => ({}),\n  },\n  hasMap: {\n    type: Boolean,\n    default: true,\n  },\n  hasCountryInput: {\n    type: Boolean,\n    default: false,\n  },\n  isDisabled: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['onChange'])\n\nconst countries = ref()\n\nconst customMapError = computed(() => {\n  if (\n    props.errors?.unparsed_address &&\n    props.errors?.unparsed_address?.[0]?.includes(\n      'The unparsed address field is required when none of latitude / longitude are present.'\n    )\n  ) {\n    return 'Please enter your address details and place the pin on the map at the property location.'\n  }\n\n  return [props.errors?.latitude?.[0], props.errors?.latitude?.[0]].filter((v) => v).join(' / ')\n})\n\nconst handleAddressUpdate = ({ key, value }) => {\n  emit('onChange', {\n    key,\n    value,\n  })\n}\n\nconst handleCountrySearch = async ({ key, value }) => {\n  if (key === 'country') {\n    const results = await RegionApi.findCountry(value).then((res) => res.data)\n    countries.value = results.data\n  }\n}\n</script>\n","<template>\n  <Stack v-if=\"state === 'search'\" space=\"small\">\n    <AddressSearch\n      :isListButtonShown=\"state === 'search'\"\n      :errors=\"addressErrors\"\n      clearOnSelection\n      :label=\"label\"\n      @onChange=\"handleAddressSelectionAndDisplayForm\"\n      @onListButtonClick=\"handleListButtonClick\"\n    />\n    <div v-if=\"state === 'search'\" class=\"flex flex-col items-start justify-between gap-1\">\n      <TextButton text=\"Enter Manually\" @click=\"state = 'form'\" />\n      <TextButton\n        v-if=\"alternativeLabel\"\n        color=\"subtle\"\n        @click=\"emit('onAlternativeClick')\"\n        :text=\"alternativeLabel\"\n      ></TextButton>\n    </div>\n  </Stack>\n  <Stack v-if=\"state === 'form'\" space=\"small\">\n    <AddressForm\n      :address=\"address\"\n      :errors=\"addressErrors\"\n      :hasMap=\"hasMap\"\n      :hasCountryInput=\"hasCountryInput\"\n      :isDisabled=\"isDisabled\"\n      @close=\"state = 'search'\"\n      @onChange=\"handleAddressUpdate\"\n      @onAddressSelection=\"handleAddressSelection\"\n    />\n    <div v-if=\"state === 'form'\" class=\"flex items-center justify-end\">\n      <TextButton text=\"Back to Search\" @click=\"state = 'search'\" />\n    </div>\n  </Stack>\n</template>\n\n<script setup>\nimport { ref, toRefs } from 'vue'\nimport { Stack, TextButton } from '@aryeo/runway'\n\nimport AddressSearchApi from '@/Services/Api/Company/V1/AddressSearchApi'\n\nimport AddressForm from './AddressForm.vue'\nimport AddressSearch from './AddressSearch.vue'\n\nconst props = defineProps({\n  address: {\n    type: Object,\n    default: () => ({}),\n  },\n  addressErrors: {\n    type: Object,\n    default: null,\n  },\n  alternativeLabel: {\n    type: String,\n    default: undefined,\n  },\n  hasMap: {\n    type: Boolean,\n    default: true,\n  },\n  hasCountryInput: {\n    type: Boolean,\n    default: false,\n  },\n  isListingContentComplete: {\n    type: Boolean,\n    default: false,\n  },\n  label: {\n    type: String,\n    default: 'Search Address',\n  },\n  isDisabled: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits([\n  'onAddressChange',\n  'onAddressRemove',\n  'onAddressSelection',\n  'onAlternativeClick',\n])\n\nconst { addressErrors } = toRefs(props)\n\n// State\nconst state = ref(props.address?.latitude || props.address?.longitude ? 'form' : 'search')\n\n// Search\nasync function handleAddressSelection({ external_id }) {\n  handleAddressUpdate({\n    key: 'is_map_dirty',\n    value: false,\n  })\n\n  await AddressSearchApi.show(external_id).then(({ data: { data } }) => {\n    emit('onAddressSelection', {\n      ...data,\n      id: null,\n      is_map_dirty: false,\n    })\n  })\n}\n\nasync function handleAddressSelectionAndDisplayForm({ external_id }) {\n  await handleAddressSelection({ external_id })\n  state.value = 'form'\n}\n\nconst handleListButtonClick = () => {\n  state.value = 'form'\n}\n\n// Form\nconst handleAddressUpdate = (event) => {\n  emit('onAddressChange', event)\n}\n</script>\n"],"names":["props","__props","emit","__emit","mapShowing","ref","hasMarkerSet","computed","mapBoxKey","coords","defaultCenter","zoom","onMounted","getLocation","nextTick","showPosition","setToCenter","position","emitAddressChange","lat","lng","handleAddressLatLngUpdate","handleOnClick","watch","newValue","oldValue","countries","customMapError","_a","_d","_c","_b","_f","_e","_h","_g","v","handleAddressUpdate","key","value","handleCountrySearch","results","RegionApi","res","addressErrors","toRefs","state","handleAddressSelection","external_id","AddressSearchApi","data","handleAddressSelectionAndDisplayForm","handleListButtonClick","event"],"mappings":"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"}