{"version":3,"sources":["webpack:///./src/assets/logo.png","webpack:///./src/views/ForgotPassword.vue","webpack:///./src/views/ForgotPassword.vue?02c4"],"names":["module","exports","class","for","to","src","appLogo","alt","retrievePassword","type","id","model","email","disabled","show","responseModalDialogueOptions","mask-closable","closable","show-icon","preset","negative-text","actionMessage","loading","onloader","name","components","NModal","PageSpinner","setup","store","getters","_globalLoading","actionStatus","_actionStatus","_actionMessage","showResponseModal","then","response","includes","responseCode","catch","__exports__","render"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,yB,4DCCpCC,MAAM,0B,GAGFA,MAAM,iC,GACJA,MAAM,mB,EAKX,eAEM,OAFDA,MAAM,0BAAwB,CACjC,eAAuB,UAAnB,oB,MAIHA,MAAM,wB,GAEFA,MAAM,yB,GACJA,MAAM,qB,EACT,eAAwC,SAAjCC,IAAI,SAAQ,iBAAa,G,GAO7BD,MAAM,sB,GAUZA,MAAM,oB,iBAED,qB,iBAA0C,S,6KArCxD,eAyCM,MAzCN,EAyCM,CAxCJ,eAuCU,gBArCR,eASM,MATN,EASM,CARJ,eAIM,MAJN,EAIM,CAHJ,eAEc,GAFDE,GAAG,SAAO,C,wBACrB,iBAAyC,CAAzC,eAAyC,OAAnCC,IAAK,EAAAC,QAASC,IAAI,gB,4BAG5B,IAKF,eAmBM,MAnBN,EAmBM,CAlBJ,eAiBO,QAjBA,SAAM,8CAAU,EAAAC,kBAAA,EAAAA,iBAAA,qBAAgB,e,CACrC,eAeM,MAfN,EAeM,CAdJ,eAOM,MAPN,EAOM,CANJ,E,eACA,eAIC,SAHCC,KAAK,QACLC,GAAG,Q,qDACM,EAAAC,MAAMC,MAAK,K,mBAAX,EAAAD,MAAMC,WAGnB,eAKM,MALN,EAKM,CAJJ,eAGgB,UAFdH,KAAK,SACJI,UAAW,EAAAF,MAAMC,OACnB,SAAM,qB,MAMf,eAIM,MAJN,EAIM,CAHJ,eAEM,YADJ,eAA0E,a,EAAnD,eAA4C,GAA/BR,GAAG,UAAQ,C,wBAAC,iBAAK,C,sBAO7D,eAaU,GAZAU,KAAM,EAAAC,6BAA6BD,K,+CAA7B,EAAAC,6BAA6BD,KAAI,IAC9CE,iBAAe,EACfC,UAAU,EACVC,aAAW,EACZC,OAAO,SACPC,gBAAc,S,yBAEd,iBAIO,CAJP,eAIO,QAJAlB,MAAK,CAAoD,YAAzC,+BAA6B,aAAY,+B,eAG5D,EAAAa,6BAA6BM,eAAa,O,iBAKhD,eAIU,GAHAP,KAAM,EAAAQ,Q,+CAAA,EAAAA,QAAO,K,yBAErB,iBAAmC,CAAnC,eAAmC,GAApBC,SAAU,a,gJAgBd,GACbC,KAAM,kBACNC,WAAY,CACVC,OAAA,OACAC,cAAA,MAEFC,MANa,WAOX,IAAMC,EAAQ,iBAERvB,EAAU,eAAI,EAAQ,SAEtBgB,EAAU,gBAAS,kBAAMO,EAAMC,QAAQC,kBAGvChB,EAA+B,eAAS,CAC5CD,MAAM,EACNkB,aAAc,gBAAS,kBAAMH,EAAMC,QAAQG,iBAC3CZ,cAAe,gBAAS,kBAAMQ,EAAMC,QAAQI,oBAGxCvB,EAAQ,eAAS,CACrBC,MAAO,KAGHuB,EAAoB,WACxBpB,EAA6BD,MAAO,GAGhCN,EAAe,yDAAI,8GAEjB,eAAiBG,EAAMC,OAC1BwB,MAAK,SAAAC,GACA,CAAC,EAAG,IAAK,MAAMC,SAAf,OAAwBD,QAAxB,IAAwBA,OAAxB,EAAwBA,EAAUE,eAEpC5B,EAAMC,MAAQ,GAEduB,KAGAA,OAGHK,OAAM,WAELL,OAhBmB,2CAAJ,qDAoBrB,MAAO,CACL7B,UACAgB,UACAP,+BACAJ,QACAH,sB,qBChIN,MAAMiC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-b965b5e8.3c9c7f76.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/logo.c85d3d45.png\";","<template>\r\n  <div class=\"xpress-user-onboarding\">\r\n    <section>\r\n      <!-- logo and heading -->\r\n      <div class=\"xpress-logo-heading-container\">\r\n        <div class=\"xpress-logo-box\">\r\n          <router-link to=\"/home\">\r\n            <img :src=\"appLogo\" alt=\"company logo\" />\r\n          </router-link>\r\n        </div>\r\n        <div class=\"form-caption-container\">\r\n          <h2>Reset Password</h2>\r\n        </div>\r\n      </div>\r\n      <!-- registration form -->\r\n      <div class=\"xpress-user-reg-form\">\r\n        <form @submit.prevent=\"retrievePassword\">\r\n          <div class=\"xpress-form-group-row\">\r\n            <div class=\"xpress-form-group\">\r\n              <label for=\"email\">Email Address</label>\r\n              <input\r\n                type=\"email\"\r\n                id=\"email\"\r\n                v-model=\"model.email\"\r\n              >\r\n            </div>\r\n            <div class=\"xpress-form-submit\">\r\n              <button\r\n                type=\"submit\"\r\n                :disabled=\"!model.email\"\r\n              >Submit</button>\r\n            </div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n      <!-- register link -->\r\n      <div class=\"xpress-login-box\">\r\n        <div>\r\n          <span>Have an account? <router-link to=\"/login\">Login</router-link></span>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <!-- response modal -->\r\n  <n-modal\r\n    v-model:show=\"responseModalDialogueOptions.show\"\r\n    :mask-closable=\"true\"\r\n    :closable=\"false\"\r\n    :show-icon=\"false\"\r\n    preset=\"dialog\"\r\n    negative-text=\"Close\"\r\n  >\r\n    <span :class=\"[\r\n      responseModalDialogueOptions.actionStatus==='success'?'text-success':'text-danger'\r\n    ]\">\r\n      {{responseModalDialogueOptions.actionMessage}}\r\n    </span>\r\n  </n-modal>\r\n\r\n  <!-- loading spinner -->\r\n  <n-modal\r\n    v-model:show=\"loading\"\r\n  >\r\n    <page-spinner :onloader=\"'flex'\" />\r\n  </n-modal>\r\n</template>\r\n\r\n<script>\r\nimport { useStore } from 'vuex'\r\nimport { reactive, ref } from '@vue/reactivity'\r\nimport { computed } from '@vue/runtime-core'\r\n\r\nimport { NModal } from 'naive-ui'\r\nimport 'bootstrap/dist/css/bootstrap.min.css'\r\n\r\nimport { RetrievePassword } from '@/mixins/use-users.js'\r\n\r\nimport PageSpinner from '@/components/PageSpinner.vue'\r\n\r\nexport default {\r\n  name: 'Forgot Password',\r\n  components: {\r\n    NModal,\r\n    PageSpinner\r\n  },\r\n  setup () {\r\n    const store = useStore()\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    // response modal\r\n    const responseModalDialogueOptions = reactive({\r\n      show: false,\r\n      actionStatus: computed(() => store.getters._actionStatus),\r\n      actionMessage: computed(() => store.getters._actionMessage)\r\n    })\r\n\r\n    const model = reactive({\r\n      email: ''\r\n    })\r\n\r\n    const showResponseModal = () => {\r\n      responseModalDialogueOptions.show = true\r\n    }\r\n\r\n    const retrievePassword = async () => {\r\n      // call retrieve password endpoint to reset user password\r\n      await RetrievePassword(model.email)\r\n        .then(response => {\r\n          if ([0, '0', '00'].includes(response?.responseCode)) {\r\n            // clear password inputs\r\n            model.email = ''\r\n            // show response message\r\n            showResponseModal()\r\n          } else {\r\n            // show response message\r\n            showResponseModal()\r\n          }\r\n        })\r\n        .catch(() => {\r\n          // show response message\r\n          showResponseModal()\r\n        })\r\n    }\r\n\r\n    return {\r\n      appLogo,\r\n      loading,\r\n      responseModalDialogueOptions,\r\n      model,\r\n      retrievePassword\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import { render } from \"./ForgotPassword.vue?vue&type=template&id=5dacfb06\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgotPassword.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__"],"sourceRoot":""}