{"version":3,"file":"C1Doo84M.js","sources":["../../../../src/components/overlays/OverlayMobileAes.vue"],"sourcesContent":["<template>\n  <overlay-base :transition=\"false\">\n    <div :class=\"['d-flex', 'flex-column', { 'fill-height justify-center': $vuetify.display.smAndUp }]\">\n      <v-container class=\"overlay-mobile-aes\">\n        <v-row no-gutters>\n          <v-col class=\"ma-auto\" cols=\"12\" md=\"6\">\n            <heading\n              name=\"overlay-mobile-aes\"\n              center\n              :title=\"$t('overlay.mobile_aes.title')\"\n              :subtitle=\"$t('overlay.mobile_aes.subtitle', { number: `+${mobileNumber}` })\"\n            />\n          </v-col>\n        </v-row>\n        <v-row no-gutters>\n          <v-col class=\"ma-auto\" cols=\"12\" md=\"4\">\n            <div align=\"center\" class=\"center font-weight-bold text-skribbleu mb-6\">\n              {{ $t('overlay.mobile_aes.enter_sms_code') }}\n            </div>\n            <input-tan v-model=\"tan\" @enter=\"confirm\" />\n            <div align=\"center\" class=\"center mb-10\">\n              <strong>\n                <i18n-t class=\"ma-0\" keypath=\"overlay.mobile_aes.resend_sms_code.text\" tag=\"small\">\n                  <template #link_text>\n                    <span\n                      class=\"overlay-mobile-aes__resend-code__link | text-decoration-underline text-primary font-weight-regular\"\n                      data-cy=\"requestNewCodeLink\"\n                      @click=\"requestNewTan\"\n                    >\n                      {{ $t('overlay.mobile_aes.resend_sms_code.link_text') }}\n                    </span>\n                  </template>\n                </i18n-t>\n              </strong>\n            </div>\n            <v-btn\n              size=\"x-large\"\n              color=\"info\"\n              block\n              class=\"mb-4\"\n              data-cy=\"confirmTan\"\n              :class=\"$vuetify.display.xs ? 'order-first' : ''\"\n              :disabled=\"loadingStates.isConfirming || !isTanValid\"\n              :loading=\"loadingStates.isConfirming\"\n              @click=\"confirm\"\n            >\n              {{ $t('global.confirm') }}\n            </v-btn>\n            <v-btn\n              class=\"flat-link\"\n              size=\"x-large\"\n              variant=\"text\"\n              block\n              :loading=\"loadingStates.isCancelling\"\n              :disabled=\"loadingStates.isCancelling\"\n              @click=\"cancel\"\n            >\n              {{ $t('global.cancel') }}\n            </v-btn>\n          </v-col>\n        </v-row>\n      </v-container>\n    </div>\n  </overlay-base>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\n\nimport Heading from '@/components/Heading.vue'\nimport InputTan from '@/components/inputs/TanInput.vue'\nimport OverlayBase from '@/components/overlays/OverlayBase.vue'\n\nexport default defineComponent({\n  name: 'OverlayMobileAes',\n  components: { InputTan, OverlayBase, Heading },\n  props: {\n    continuationData: {\n      type: Object as PropType<{ challengeId: string }>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const userStore = useUserStore()\n    const widgetStore = useWidgetStore()\n\n    const { t } = useI18n()\n\n    const { tanRepository } = useApi()\n\n    const mobileNumber = computed(() => userStore.attributes?.mobile?.[0] ?? '')\n\n    const challengeId = computed(() => props.continuationData.challengeId)\n\n    const tan = ref('')\n\n    const isTanValid = computed(() => /^\\d+$/.test(tan.value) && tan.value.length === 6)\n\n    const loadingStates = reactive({\n      isCancelling: false,\n      isConfirming: false,\n    })\n\n    const requestNewTan = async () => {\n      await tanRepository.resend(challengeId.value)\n      widgetStore.resetSnackbars()\n      widgetStore.createSnackbar({\n        message: t('overlay.mobile_aes.snackbar.new_code_sent_message'),\n      })\n    }\n\n    const confirm = async () => {\n      if (!isTanValid.value) return\n\n      loadingStates.isConfirming = true\n\n      const response = await tanRepository.verify(challengeId.value, tan.value)\n      const status = response.status.toLowerCase()\n\n      switch (status) {\n        case 'unverified':\n          widgetStore.createSnackbar({\n            message: t('overlay.mobile_aes.snackbar.wrong_code_message'),\n          })\n          break\n        case 'expired':\n          tan.value = ''\n          widgetStore.createSnackbar({\n            message: t('overlay.mobile_aes.snackbar.resend_code_message'),\n            duration: 30000,\n            action: {\n              text: t('overlay.mobile_aes.snackbar.resend_code_cta_text'),\n              handler: requestNewTan,\n            },\n          })\n          break\n        case 'verified':\n          widgetStore.activeOverlay = null\n          break\n        default:\n          // TODO: Error case\n          break\n      }\n\n      loadingStates.isConfirming = false\n    }\n\n    const cancel = async () => {\n      loadingStates.isCancelling = true\n      await tanRepository.cancelVerification(challengeId.value)\n      loadingStates.isCancelling = false\n    }\n\n    return { mobileNumber, tan, isTanValid, loadingStates, confirm, cancel, requestNewTan }\n  },\n})\n</script>\n\n<style lang=\"sass\">\n.overlay-mobile-aes\n  &__resend-code\n    &__link\n      cursor: pointer\n</style>\n"],"names":["_sfc_main","defineComponent","InputTan","OverlayBase","Heading","props","userStore","useUserStore","widgetStore","useWidgetStore","t","useI18n","tanRepository","useApi","mobileNumber","computed","_c","_b","_a","challengeId","tan","ref","isTanValid","loadingStates","reactive","requestNewTan","_hoisted_1","_hoisted_2","_component_overlay_base","_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_normalizeClass","_ctx","_createVNode","_component_v_container","_component_v_row","_component_v_col","_component_heading","_toDisplayString","_component_input_tan","confirm","_component_i18n_t","_component_v_btn","_createTextVNode","cancel"],"mappings":"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"}