{"version":3,"sources":["webpack:///./src/views/ResetPassword.vue","webpack:///./src/views/ResetPassword.vue?001a","webpack:///./src/components/LoadingSpinner.vue?cc34","webpack:///./src/components/LoadingSpinner.vue","webpack:///./src/components/LoadingSpinner.vue?db5a"],"names":["class","aria-labelledby","for","message","isLoading","isValidToken","updateValues","$event","target","value","id","name","type","autocomplete","required","disabled","doMatch","submit","passwordValues","password1","password2","components","LoadingSpinner","setup","executeRecaptcha","recaptchaLoaded","recaptcha","gtoken","validateRecaptcha","resp","data","status","token","this","$route","query","guid","isValidRecaptcha","created","validateTokens","methods","field","confirmPasswordTokens","Result","submitNewPassword","render"],"mappings":"4IAEOA,MAAM,0C,GACJA,MAAM,4B,EAEP,yBAA2E,MAAvEA,MAAM,+CAA8C,kBAAc,G,GACnEA,MAAM,8B,SAMgBA,MAAM,aAAaC,kBAAgB,mB,SACnCD,MAAM,iB,GACxBA,MAAM,Y,EAEP,yBAKQ,SAJNE,IAAI,WACJF,MAAM,2CACP,kBAED,G,GACKA,MAAM,Q,GAyBRA,MAAM,Q,EACT,yBAKQ,SAJNE,IAAI,WACJF,MAAM,2CACP,sBAED,G,GACKA,MAAM,Q,GA6BhBA,MAAM,2C,8GAjFb,yBAgHM,MAhHN,EAgHM,CA/GJ,yBA8EM,MA9EN,EA8EM,CA7EJ,yBAKM,YAJJ,EACA,yBAEI,IAFJ,EAEI,6BADC,EAAAG,SAAO,KAIQ,EAAAC,W,yBAAtB,yBAAsE,G,MAArCJ,MAAM,iC,uCACvB,EAAAI,U,iEAAhB,yBAoEU,UApEV,EAoEU,CAnEG,EAAAC,c,yBAAX,yBAkEM,MAlEN,EAkEM,CAjEJ,yBAgEM,MAhEN,EAgEM,CA/DJ,yBA8BM,YA7BJ,EAMA,yBAsBM,MAtBN,EAsBM,CArBJ,yBAoBE,SAnBC,QAAK,+BAAE,EAAAC,aAAY,YAAcC,EAAOC,OAAOC,SAChDC,GAAG,WACHC,KAAK,WACLC,KAAK,WACLC,aAAa,mBACbC,SAAS,GACTd,MAAM,ic,aAiBZ,yBA8BM,MA9BN,EA8BM,CA7BJ,EAMA,yBAsBM,MAtBN,EAsBM,CArBJ,yBAoBE,SAnBC,QAAK,+BAAE,EAAAM,aAAY,YAAcC,EAAOC,OAAOC,SAChDC,GAAG,YACHC,KAAK,WACLC,KAAK,WACLC,aAAa,mBACbC,SAAS,GACTd,MAAM,ic,8DAqBpB,yBA8BM,MA9BN,EA8BM,CA7BJ,yBA4BS,UA3BPY,KAAK,SACLZ,MAAK,CAAC,kZAgBL,CAG0B,U,uEAF1Be,UAAW,EAAAC,QACP,QAAK,+BAAE,EAAAC,YAMb,WAED,qB,gEASAC,EAAiB,CACnBC,UAAW,GACXC,UAAW,IAGA,GACbC,WAAY,CACVC,iBAAA,MAEFC,MAJa,WAKT,MAA8C,4BAAtCC,EAAR,EAAQA,iBAAkBC,EAA1B,EAA0BA,gBAEpBC,EAAQ,yDAAI,sHAEVD,IAFU,uBAIKD,EAAiB,SAJtB,cAIVG,EAJU,gBAMC,OAAWC,kBAAkBD,GAN9B,cAMZE,EANY,yBAOY,GAApBA,EAAKC,KAAKC,QAPF,2CAAJ,qDASd,MAAO,CACLL,YACER,mBAGRY,KArBa,WAsBT,MAAO,CACHd,SAAS,EACTX,cAAc,EACdD,WAAW,EACX4B,MAAOC,KAAKC,OAAOC,MAAMH,MACzBI,KAAMH,KAAKC,OAAOC,MAAMC,KACxBjC,QAAS,sBACTkC,kBAAkB,IAGpBC,QAhCO,WAgCG,wKACc,EAAKC,iBADnB,OACZ,EAAKlC,aADO,qDAGhBmC,QAAS,CACLlC,aADK,SACQmC,EAAOhC,GAChBwB,KAAKf,eAAeuB,GAAShC,EACzBwB,KAAKf,eAAeC,WAAac,KAAKf,eAAeE,WAAaa,KAAKf,eAAeC,YAAcc,KAAKf,eAAeE,UAC1Ha,KAAKjB,SAAU,EAGfiB,KAAKjB,SAAU,GAGfuB,eAVD,WAUkB,8KACJ,OAAWG,sBAAsB,EAAKV,MAAO,EAAKI,MAD9C,UACjBP,EADiB,OAErB,EAAKzB,WAAY,EACG,UAAhByB,EAAKc,OAHY,0CAIZ,GAJY,cAMrB,EAAKxC,QAAU0B,EAAKc,OANC,mBAOd,GAPc,8CASjB1B,OAnBD,WAmBU,8KACiB,EAAKS,YADtB,UACb,EAAKW,iBADQ,QAET,EAAKA,mBAAoB,EAAKrB,QAFrB,iCAGM,OAAW4B,kBAAkB,EAAKZ,MAAO,EAAKI,KAAM,EAAKlB,eAAeC,WAH9E,OAGPU,EAHO,OAIX,EAAK1B,QAAU0B,EAAKc,OACpB,EAAKtC,cAAe,EACpB,EAAKW,SAAU,EACf,EAAKE,eAAeC,UAAY,GAChC,EAAKD,eAAeE,UAAY,GARrB,iDCjLrB,EAAOyB,OAASA,EAED,gB,6DCLf,W,qDCaO7C,MAAM,oC,EACT,yBAQM,OAPJA,MAAM,iJAML,S,wDARL,yBAUM,MAVN,EAUM,CATJ,IAaW,OACbuB,MADa,c,UCtBf,EAAOsB,OAASA,EAED","file":"js/chunk-1210079c.b89ac416.js","sourcesContent":["<template>\r\n  <!-- IF PASSWORD RESET TOKEN IS VALID -->\r\n  <div class=\"divide-y divide-gray-200 lg:col-span-9\">\r\n    <div class=\"py-6 px-4 sm:p-6 lg:pb-8\">\r\n      <div>\r\n        <h2 class=\"text-lg leading-6 font-medium text-gray-900\">Reset Password</h2>\r\n        <p class=\"mt-1 text-sm text-gray-500\">\r\n          {{ message }}\r\n        </p>\r\n      </div>\r\n      <!-- Gallery -->\r\n      <LoadingSpinner v-if=\"isLoading\" class=\"justify-center items-center\"/>\r\n      <section v-if=\"!isLoading\" class=\"mt-8 pb-16\" aria-labelledby=\"gallery-heading\">\r\n        <div v-if=\"isValidToken\" class=\"flex flex-col\">\r\n          <div class=\"md:w-1/2\">\r\n            <div>\r\n              <label\r\n                for=\"password\"\r\n                class=\"block text-sm font-medium text-gray-700\"\r\n              >\r\n                New Password\r\n              </label>\r\n              <div class=\"mt-1\">\r\n                <input\r\n                  @input=\"updateValues('password1', $event.target.value)\"\r\n                  id=\"password\"\r\n                  name=\"password\"\r\n                  type=\"password\"\r\n                  autocomplete=\"current-password\"\r\n                  required=\"\"\r\n                  class=\"\r\n                    appearance-none\r\n                    block\r\n                    w-full\r\n                    border border-gray-300\r\n                    rounded-md\r\n                    shadow-sm\r\n                    placeholder-gray-400\r\n                    focus:outline-none\r\n                    focus:ring-indigo-500\r\n                    focus:border-indigo-500\r\n                    sm:text-sm\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-4\">\r\n              <label\r\n                for=\"password\"\r\n                class=\"block text-sm font-medium text-gray-700\"\r\n              >\r\n                Confirm Password\r\n              </label>\r\n              <div class=\"mt-1\">\r\n                <input\r\n                  @input=\"updateValues('password2', $event.target.value)\"\r\n                  id=\"password2\"\r\n                  name=\"password\"\r\n                  type=\"password\"\r\n                  autocomplete=\"current-password\"\r\n                  required=\"\"\r\n                  class=\"\r\n                    appearance-none\r\n                    block\r\n                    w-full\r\n                    border border-gray-300\r\n                    rounded-md\r\n                    shadow-sm\r\n                    placeholder-gray-400\r\n                    focus:outline-none\r\n                    focus:ring-indigo-500\r\n                    focus:border-indigo-500\r\n                    sm:text-sm\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </div>\r\n\r\n    <div class=\"mt-4 py-4 px-4 flex justify-end sm:px-6\">\r\n      <button\r\n        type=\"submit\"\r\n        class=\"\r\n          ml-5\r\n          border border-transparent\r\n          rounded-md\r\n          shadow-sm\r\n          py-2\r\n          px-4\r\n          inline-flex\r\n          justify-center\r\n          text-sm\r\n          font-medium\r\n          text-white\r\n          focus:outline-none\r\n          focus:ring-2\r\n          focus:ring-offset-2\r\n          focus:ring-blue-400\r\n        \"\r\n        :disabled=\"!doMatch\"\r\n        v-on:click=\"submit()\"\r\n        v-bind:class=\"[\r\n          doMatch\r\n            ? 'bg-indigo-600 hover:bg-blue-700'\r\n            : 'bg-indigo-400 cursor-not-allowed',\r\n        ]\"\r\n      >\r\n        Submit\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport LoadingSpinner from \"../components/LoadingSpinner.vue\";\r\nimport { NopService } from '../services/nopService';\r\nimport { useReCaptcha } from 'vue-recaptcha-v3'\r\n\r\nconst passwordValues = {\r\n    password1: \"\",\r\n    password2: \"\",\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    LoadingSpinner\r\n  },\r\n  setup() {\r\n      const { executeRecaptcha, recaptchaLoaded } = useReCaptcha()\r\n\r\n      const recaptcha = async () => {\r\n        // (optional) Wait until recaptcha has been loaded.\r\n        await recaptchaLoaded()\r\n        // Execute reCAPTCHA with action \"login\".\r\n        const gtoken = await executeRecaptcha('login')\r\n        // Do stuff with the received token.\r\n        let resp = await NopService.validateRecaptcha(gtoken)\r\n        return (resp.data.status == 1)\r\n      }\r\n      return {\r\n        recaptcha,\r\n          passwordValues\r\n      }\r\n  },\r\n  data() {\r\n      return {\r\n          doMatch: false,\r\n          isValidToken: false, //SET TO FALSE\r\n          isLoading: true,\r\n          token: this.$route.query.token,\r\n          guid: this.$route.query.guid,\r\n          message: \"Reset your password\",\r\n          isValidRecaptcha: false,\r\n      }\r\n  },\r\n  async created() {\r\n      this.isValidToken = await this.validateTokens();\r\n  },\r\n  methods: {\r\n      updateValues(field, value) {\r\n          this.passwordValues[field] = value;\r\n          if (this.passwordValues.password1 && this.passwordValues.password2 && this.passwordValues.password1 === this.passwordValues.password2) {\r\n            this.doMatch = true;\r\n          }\r\n          else {\r\n            this.doMatch = false;\r\n          }\r\n      },\r\n      async validateTokens() {\r\n        let resp = await NopService.confirmPasswordTokens(this.token, this.guid);\r\n        this.isLoading = false;\r\n        if (resp.Result === \"Valid\") {\r\n          return true\r\n        }\r\n        this.message = resp.Result;\r\n        return false\r\n      },\r\n      async submit() {\r\n        this.isValidRecaptcha = await this.recaptcha();\r\n        if (this.isValidRecaptcha && this.doMatch) {\r\n          let resp = await NopService.submitNewPassword(this.token, this.guid, this.passwordValues.password1);\r\n          this.message = resp.Result;\r\n          this.isValidToken = false;\r\n          this.doMatch = false;\r\n          this.passwordValues.password1 = \"\";\r\n          this.passwordValues.password2 = \"\";\r\n        }\r\n      }\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./ResetPassword.vue?vue&type=template&id=1bce7a77\"\nimport script from \"./ResetPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ResetPassword.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"","<template>\r\n  <!-- <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        loader\r\n        ease-linear\r\n        rounded-full\r\n        border-8 border-t-8 border-gray-200\r\n        h-32\r\n        w-32\r\n      \"\r\n    ></div>\r\n  </div> -->\r\n  <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        animate-spin\r\n        rounded-full\r\n        h-32\r\n        w-32\r\n        border-t-2 border-b-2 border-purple-500\r\n      \">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  setup() {},\r\n};\r\n</script>\r\n<style>\r\n  /* .loader {\r\n    border-top-color: #3498db;\r\n    -webkit-animation: spinner 1.5s linear infinite;\r\n    animation: spinner 1.5s linear infinite;\r\n  }\r\n\r\n  @-webkit-keyframes spinner {\r\n    0% {\r\n      -webkit-transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      -webkit-transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spinner {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  } */\r\n</style>","import { render } from \"./LoadingSpinner.vue?vue&type=template&id=86502b7c\"\nimport script from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\n\nimport \"./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}