{"version":3,"sources":["webpack:///./src/views/ValidateEmail.vue","webpack:///./src/views/ValidateEmail.vue?5478","webpack:///./src/assets/logo.png","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"],"names":["class","show","loading","onloader","to","src","appLogo","alt","newUserEmailValidation","responseModalDialogueOptions","actionMessage","mask-closable","closable","show-icon","preset","positive-text","positiveText","negative-text","negativeText","takeAction","name","components","NModal","PageSpinner","setup","store","query","router","getters","_globalLoading","hasValidEmailValidationUrl","model","NewUserEmailValidation","value","dispatch","commit","token","then","response","includes","responseCode","setTimeout","responseMessage","toLowerCase","catch","this","actionStatus","_actionStatus","_actionMessage","validateUrlToken","push","__exports__","render","module","exports","_classCallCheck","instance","Constructor","TypeError"],"mappings":"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","file":"js/chunk-c9f88b26.97604a8c.js","sourcesContent":["<template>\r\n  <div class=\"xpress-user-onboarding\">\r\n    <!-- loading spinner -->\r\n    <n-modal v-model:show=\"loading\">\r\n      <page-spinner :onloader=\"'flex'\" />\r\n    </n-modal>\r\n    <!-- ------------------------ -->\r\n    <section>\r\n      <!-- logo -->\r\n      <div class=\"xpress-logo-box\">\r\n        <router-link to=\"/home\">\r\n          <img :src=\"appLogo\" alt=\"xpress payment logo\">\r\n        </router-link>\r\n      </div>\r\n\r\n      <div class=\"xpress-user-auth-form\">\r\n        <!-- response message -->\r\n        <p\r\n          :class=\"[\r\n            newUserEmailValidation.responseModalDialogueOptions.actionStatus === 'success'\r\n              ? 'text-success' : 'text-error',\r\n              'text-center'\r\n          ]\"\r\n        >{{newUserEmailValidation.responseModalDialogueOptions.actionMessage}}</p>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <!-- response modal -->\r\n  <n-modal\r\n    v-model:show=\"newUserEmailValidation.responseModalDialogueOptions.show\"\r\n    :mask-closable=\"true\"\r\n    :closable=\"false\"\r\n    :show-icon=\"false\"\r\n    preset=\"dialog\"\r\n    :positive-text=\"newUserEmailValidation.responseModalDialogueOptions.positiveText\"\r\n    :negative-text=\"newUserEmailValidation.responseModalDialogueOptions.negativeText\"\r\n    @positive-click=\"newUserEmailValidation.takeAction\"\r\n    @negative-click=\"newUserEmailValidation.takeAction\"\r\n  >\r\n    <span :class=\"[\r\n      newUserEmailValidation.responseModalDialogueOptions.actionStatus==='success'?'text-success':'text-danger'\r\n    ]\">\r\n      {{newUserEmailValidation.responseModalDialogueOptions.actionMessage}}\r\n    </span>\r\n  </n-modal>\r\n</template>\r\n\r\n<script>\r\nimport { computed, reactive, ref } from '@vue/reactivity'\r\nimport { useStore } from 'vuex'\r\n\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { onBeforeMount } from '@vue/runtime-core'\r\n\r\nimport { NModal } from 'naive-ui'\r\n\r\nimport { ValidateEmail } from '@/mixins/use-users'\r\n\r\nimport PageSpinner from '@/components/PageSpinner.vue'\r\n\r\nimport 'bootstrap/dist/css/bootstrap.min.css'\r\n\r\nexport default {\r\n  name: 'Validate Email',\r\n  components: {\r\n    NModal,\r\n    PageSpinner\r\n  },\r\n  setup () {\r\n    const store = useStore()\r\n    const query = useRoute().query\r\n    const router = useRouter()\r\n\r\n    const appLogo = ref(require('@/assets/logo.png'))\r\n\r\n    const loading = computed(() => store.getters._globalLoading)\r\n\r\n    const hasValidEmailValidationUrl = ref(false)\r\n\r\n    const model = reactive({})\r\n\r\n    class NewUserEmailValidation {\r\n      constructor () {\r\n        // response modal\r\n        this.responseModalDialogueOptions = reactive({\r\n          show: false,\r\n          positiveText: '',\r\n          negativeText: '',\r\n          actionStatus: computed(() => store.getters._actionStatus),\r\n          actionMessage: computed(() => store.getters._actionMessage)\r\n        })\r\n      }\r\n\r\n      takeAction = () => {\r\n        // check if token is valid, so as to proceed to login\r\n        if (hasValidEmailValidationUrl.value) {\r\n        //   route user user to login page\r\n          store.dispatch('users/UserLogin')\r\n        } else {\r\n          // token is in valid\r\n        }\r\n      }\r\n\r\n      validateUrlToken = async () => {\r\n        // start spinner\r\n        store.commit('LOADING', true)\r\n\r\n        await ValidateEmail(query?.token)\r\n          .then(response => {\r\n            // valid email url\r\n            if ([0, '0', '00'].includes(response?.responseCode)) {\r\n              hasValidEmailValidationUrl.value = true\r\n\r\n              setTimeout(() => {\r\n                // stop spinner\r\n                store.commit('LOADING', false)\r\n\r\n                // update modal button text\r\n                this.responseModalDialogueOptions.positiveText = 'Proceed to Login'\r\n                this.responseModalDialogueOptions.negativeText = ''\r\n\r\n                // show response modal\r\n                this.responseModalDialogueOptions.show = true\r\n              }, 2000)\r\n            } else\r\n            // merchant email has been activated\r\n            if (response.responseCode === '03' || response.responseCode === 3) {\r\n              // check response message\r\n\r\n              // invalid token\r\n              if (response.responseMessage.toLowerCase() === 'invalid token') {\r\n                hasValidEmailValidationUrl.value = false\r\n\r\n                setTimeout(() => {\r\n                  // stop spinner\r\n                  store.commit('LOADING', false)\r\n\r\n                  // update modal button text\r\n                  this.responseModalDialogueOptions.positiveText = ''\r\n                  this.responseModalDialogueOptions.negativeText = 'Close'\r\n\r\n                  // show response modal\r\n                  this.responseModalDialogueOptions.show = true\r\n                }, 2000)\r\n              } else {\r\n                // validated token\r\n                hasValidEmailValidationUrl.value = true\r\n\r\n                setTimeout(() => {\r\n                  // stop spinner\r\n                  store.commit('LOADING', false)\r\n\r\n                  // update modal button text\r\n                  this.responseModalDialogueOptions.positiveText = 'Proceed to Login'\r\n                  this.responseModalDialogueOptions.negativeText = ''\r\n\r\n                  // show response modal\r\n                  this.responseModalDialogueOptions.show = true\r\n                }, 2000)\r\n              }\r\n            } else {\r\n              hasValidEmailValidationUrl.value = false\r\n\r\n              setTimeout(() => {\r\n                // stop spinner\r\n                store.commit('LOADING', false)\r\n\r\n                // update modal button text\r\n                this.responseModalDialogueOptions.positiveText = ''\r\n                this.responseModalDialogueOptions.negativeText = 'Close'\r\n\r\n                // show response modal\r\n                this.responseModalDialogueOptions.show = true\r\n              }, 2000)\r\n            }\r\n          })\r\n          .catch(() => {\r\n            setTimeout(() => {\r\n              // stop spinner\r\n              store.commit('LOADING', false)\r\n\r\n              // update modal button text\r\n              this.responseModalDialogueOptions.positiveText = ''\r\n              this.responseModalDialogueOptions.negativeText = 'Close'\r\n\r\n              // show response modal\r\n              this.responseModalDialogueOptions.show = true\r\n            }, 2000)\r\n          })\r\n      }\r\n\r\n      submitForm = async () => {}\r\n    }\r\n    const newUserEmailValidation = new NewUserEmailValidation()\r\n\r\n    onBeforeMount(() => {\r\n      // redirect to not found if no query is found in current route\r\n      if (!query.token) router.push('/not-found')\r\n      else newUserEmailValidation.validateUrlToken()\r\n    })\r\n\r\n    return {\r\n      appLogo,\r\n      loading,\r\n      hasValidEmailValidationUrl,\r\n      model,\r\n      newUserEmailValidation\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import { render } from \"./ValidateEmail.vue?vue&type=template&id=2c7c4783\"\nimport script from \"./ValidateEmail.vue?vue&type=script&lang=js\"\nexport * from \"./ValidateEmail.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\augustine.ibe\\\\Desktop\\\\AustinXP\\\\payout-fe\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/logo.c85d3d45.png\";","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}"],"sourceRoot":""}