{"version":3,"file":"LQqLO8vd.js","sources":["../../../../components/PostCode.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex\">\n    <div class=\"d-flex flex-column\">\n      <label v-if=\"label\" :for=\"id\">{{ label }}</label>\n      <div class=\"d-flex\">\n        <div\n          v-b-tooltip=\"{\n            title: 'Keep typing your full postcode...',\n            triggers: [],\n            shown: wip && (!results || results?.length > 1),\n            placement: 'top',\n            delay: { show: 3000 },\n          }\"\n        >\n          <AutoComplete\n            :id=\"id\"\n            ref=\"autocomplete\"\n            :init-value=\"wip\"\n            restrict\n            :url=\"source\"\n            :custom-params=\"{ pconly: pconly }\"\n            anchor=\"name\"\n            label=\"\"\n            :placeholder=\"pconly ? 'Type postcode' : 'Type location'\"\n            :classes=\"{\n              input: 'form-control form-control-' + size + ' text-center pcinp',\n              list: 'postcodelist',\n              listentry: 'w-100',\n              listentrylist: 'listentry',\n            }\"\n            class=\"mr-1\"\n            :min=\"3\"\n            :debounce=\"200\"\n            :process=\"process\"\n            :on-select=\"select\"\n            :size=\"10\"\n            :variant=\"variant\"\n            not-found-message=\"Not a valid postcode.\"\n            @invalid=\"invalid\"\n          />\n        </div>\n        <b-popover\n          v-if=\"showLocated\"\n          content=\"Your device thinks you're here. If it's wrong, please change it.\"\n          :target=\"id\"\n          placement=\"top\"\n          variant=\"primary\"\n          :show=\"true\"\n          :skidding=\"-50\"\n        />\n        <div v-if=\"find && !wip\">\n          <SpinButton\n            style=\"line-height: 1.7em\"\n            variant=\"secondary\"\n            :flex=\"false\"\n            button-title=\"Find my device's location instead of typing a postcode\"\n            done-icon=\"\"\n            :icon-name=\"\n              locationFailed ? 'exclamation-triangle' : 'map-marker-alt'\n            \"\n            :size=\"size\"\n            @handle=\"findLoc\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { uid } from '../composables/useId'\nimport { useAuthStore } from '../stores/auth'\nimport { useLocationStore } from '../stores/location'\nimport SpinButton from './SpinButton'\nimport { ref } from '#imports'\nimport { useComposeStore } from '~/stores/compose'\nimport AutoComplete from '~/components/AutoComplete'\n\nexport default {\n  components: {\n    SpinButton,\n    AutoComplete,\n  },\n  props: {\n    value: {\n      type: String,\n      required: false,\n      default: null,\n    },\n    label: {\n      type: String,\n      required: false,\n      default: null,\n    },\n    focus: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    find: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    size: {\n      type: String,\n      required: false,\n      default: 'lg',\n    },\n    pconly: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    noStore: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    variant: {\n      type: String,\n      required: false,\n      default: null,\n    },\n  },\n  setup(props) {\n    const composeStore = useComposeStore()\n    const authStore = useAuthStore()\n    const locationStore = useLocationStore()\n\n    const wip = ref(props.value)\n    const me = authStore.user\n\n    if (props.pconly && wip.value === null && me?.settings?.mylocation?.name) {\n      // If we are logged in then we may have a known location to use as the default.\n      wip.value = me?.settings?.mylocation?.name\n    }\n\n    if (props.pconly && !wip.value && !props.noStore) {\n      // We might have one we are composing.\n      const pc = composeStore.postcode\n\n      if (pc?.name) {\n        wip.value = pc.name\n      }\n    }\n\n    // Unique id\n    const id = uid('postcode')\n\n    return {\n      composeStore,\n      locationStore,\n      wip,\n      id,\n    }\n  },\n  data() {\n    return {\n      results: [],\n      locationFailed: false,\n      showLocated: false,\n      callbackToCall: null,\n    }\n  },\n  computed: {\n    source() {\n      const runtimeConfig = useRuntimeConfig()\n      return runtimeConfig.public.APIv2 + '/location/typeahead'\n    },\n  },\n  beforeUnmount() {\n    if (this.callbackToCall) {\n      this.callbackToCall()\n    }\n  },\n  mounted() {\n    if (this.$refs.autocomplete) {\n      if (this.focus) {\n        // Focus on postcode to grab their attention.\n        this.$refs.autocomplete.$refs.input.focus()\n      }\n\n      // We need some fettling of the input keystrokes.\n      const input = this.$refs.autocomplete.$refs.input\n      input.addEventListener('keydown', this.keydown, false)\n    } else {\n      // Not quite sure how this happens, but it does.\n    }\n\n    if (this.wip) {\n      this.select({\n        name: this.wip,\n      })\n    }\n  },\n  methods: {\n    invalid() {\n      // Parent might want to know that we don't have a valid postcode any more.\n      this.$emit('cleared')\n      this.wip = null\n      this.results = []\n    },\n    keydown(e) {\n      if (e.which === 8) {\n        // Backspace means we no longer have a full postcode.\n        this.invalid()\n      } else {\n        // Hide the tooltip in case it's showing from a use of the find button.\n        this.showLocated = false\n      }\n    },\n    process(results) {\n      const names = []\n      const ret = []\n\n      if (results) {\n        for (let i = 0; i < results.length && names.length < 5; i++) {\n          const loc = results[i]\n\n          if (!names.includes(loc.name)) {\n            names.push(loc.name)\n            ret.push(loc)\n          }\n        }\n      }\n\n      this.results = ret\n      return ret\n    },\n    async select(pc) {\n      console.log('Select', pc)\n      if (pc) {\n        if (pc.name && !pc.id) {\n          // Find the location this corresponds to.\n          const locs = await this.locationStore.typeahead(pc.name)\n\n          if (locs?.length) {\n            pc = locs[0]\n          }\n        }\n        this.$emit('selected', pc)\n      } else {\n        this.$emit('cleared')\n      }\n\n      this.locationFailed = false\n    },\n    findLoc(callback) {\n      this.callbackToCall = callback\n\n      try {\n        if (\n          navigator &&\n          navigator.geolocation &&\n          navigator.geolocation.getCurrentPosition\n        ) {\n          navigator.geolocation.getCurrentPosition(\n            async (position) => {\n              const res = await this.locationStore.fetchByLatLng(\n                position.coords.latitude,\n                position.coords.longitude\n              )\n\n              if ((res.lat || res.lng) && this.$refs.autocomplete) {\n                // Got it - put it in the autocomplete input, and indicate that we've selected it.\n                this.$refs.autocomplete.setValue(res.name)\n                await this.select(res)\n\n                // Show the user we've done this, and make them think.\n                this.showLocated = true\n                setTimeout(() => (this.showLocated = false), 10000)\n              } else {\n                this.locationFailed = true\n              }\n            },\n            (e) => {\n              console.error('Find location failed with', e)\n              this.locationFailed = true\n            }\n          )\n        } else {\n          console.log('Navigation not supported.  ')\n          this.locationFailed = true\n        }\n      } catch (e) {\n        console.error('Find location failed with', e)\n        this.locationFailed = true\n      } finally {\n        this.callbackToCall = null\n        callback()\n      }\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n:deep(.listentry) {\n  width: 100%;\n  right: 0 !important;\n  text-align: center;\n  border-color: $color-blue--light;\n  outline: 0;\n  box-shadow: 0 1px 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:deep(.popover) {\n  background-color: black;\n}\n</style>\n"],"names":["_sfc_main","SpinButton","AutoComplete","props","composeStore","useComposeStore","authStore","useAuthStore","locationStore","useLocationStore","wip","ref","me","_b","_a","_d","_c","pc","id","uid","useRuntimeConfig","results","names","ret","i","loc","locs","callback","position","res","e","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","$props","$setup","_toDisplayString","_createCommentVNode","_createVNode","_component_AutoComplete","$options","$data","_createBlock","_component_b_popover","_hoisted_5","_component_SpinButton"],"mappings":"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"}