{"version":3,"file":"PostCode-legacy.kaFU4PZ-.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            param=\"typeahead\"\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            @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    }\n  },\n  computed: {\n    source() {\n      const runtimeConfig = useRuntimeConfig()\n      return runtimeConfig.public.APIv1 + '/locations'\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 && results.locations) {\n        for (let i = 0; i < results.locations.length && names.length < 5; i++) {\n          const loc = results.locations[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      if (pc) {\n        // We have the name.  We need the full postcode.\n        const loc = await this.locationStore.fetch({\n          typeahead: pc.name,\n        })\n\n        if (loc?.locations?.length === 1) {\n          this.$emit('selected', loc.locations[0])\n        }\n      } else {\n        this.$emit('cleared')\n      }\n      this.locationFailed = false\n    },\n    findLoc(callback) {\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.fetch({\n                lat: position.coords.latitude,\n                lng: position.coords.longitude,\n              })\n\n              if (\n                res.ret === 0 &&\n                res.location &&\n                res.location.name &&\n                this.$refs.autocomplete\n              ) {\n                // Got it - put it in the autocomplete input, and indicate that we've selected it.\n                this.$refs.autocomplete.setValue(res.location.name)\n                await this.select({\n                  name: res.location.name,\n                })\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        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","components","SpinButton","AutoComplete","props","value","type","String","required","default","label","focus","Boolean","find","size","pconly","noStore","variant","setup","_me$settings","_me$settings2","composeStore","useComposeStore","authStore","useAuthStore","locationStore","useLocationStore","wip","ref","me","user","settings","mylocation","name","pc","postcode","id","uid","data","results","locationFailed","showLocated","computed","source","useRuntimeConfig","public","APIv1","mounted","this","$refs","autocomplete","input","addEventListener","keydown","select","methods","invalid","$emit","e","which","process","names","ret","locations","i","length","loc","includes","push","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_loc$locations","wrap","_context","prev","next","fetch","typeahead","sent","stop","findLoc","callback","_this2","navigator","geolocation","getCurrentPosition","_ref","_callee2","position","res","_context2","lat","coords","latitude","lng","longitude","location","setValue","setTimeout","_x","apply","arguments","console","error","log","_hoisted_1","class","_hoisted_2","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","$props","for","$setup","_hoisted_3","_createVNode","_component_AutoComplete","restrict","url","$options","param","anchor","placeholder","classes","min","debounce","onInvalid","shown","$data","_$data$results","_createBlock","_component_b_popover","content","target","placement","show","skidding","_hoisted_5","_component_SpinButton","style","flex","onHandle"],"mappings":"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"}