feat(travel): add verification autofocus

Author: SugarF0x

src/views/Travel/AutoFocus/AutoFocus.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import StepButton from "./StepButton.vue"
 import Encounters from "./Encounters.vue"
+import Verification from "./Verification.vue"
 </script>
 
 <template>
   <StepButton />
   <Encounters />
+  <Verification />
 </template>

src/views/Travel/AutoFocus/Verification.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { Checkbox } from "@/components"
+import { useTravelStore } from "../store"
+import { storeToRefs } from "pinia"
+import { watch } from "vue"
+import { wrapAnchorWithButton } from "@/utils"
+
+const travelStore = useTravelStore()
+const { shouldAutoFocusVerification, lastStepResponse } = storeToRefs(travelStore)
+
+watch(lastStepResponse, (val) => {
+  if (!shouldAutoFocusVerification.value) return
+  if (!val?.text?.includes("verification")) return
+
+  /** let dom hydrate */
+  setTimeout(() => {
+    const verificationAnchor = document.querySelector<HTMLAnchorElement>(".travel-content a")
+    if (!verificationAnchor) return
+
+    verificationAnchor.removeAttribute("target")
+    wrapAnchorWithButton(verificationAnchor).focus()
+  })
+})
+</script>
+
+<template>
+  <Checkbox v-model="shouldAutoFocusVerification">
+    <template #default> Autofocus verification button </template>
+    <template #subtitle> Will open in this tab </template>
+  </Checkbox>
+</template>

src/views/Travel/store.ts

@@ -7,7 +7,7 @@ export const useTravelStore = defineStore(
     const shouldAutoFocusStep = ref(false)
     const shouldPersistCooldown = ref(false)
     const shouldAutoFocusEncounters = ref(false)
-    // const shouldAutoFocusVerification = ref(false)
+    const shouldAutoFocusVerification = ref(false)
 
     const lastStepResponse = ref<null | TravelResponse>(null)
     const cooldownTimestamp = ref<null | string>(null)
@@ -29,7 +29,7 @@ export const useTravelStore = defineStore(
       shouldAutoFocusStep,
       shouldPersistCooldown,
       shouldAutoFocusEncounters,
-      // shouldAutoFocusVerification,
+      shouldAutoFocusVerification,
       cooldownTimestamp,
       cooldownTimeLeft,
       lastStepResponse,