{"version":3,"sources":["webpack:///./src/components/Main/PinInput.vue","webpack:///./src/components/Main/PinInput.vue?4249","webpack:///./src/components/Main/VerifyPhone.vue","webpack:///./src/components/Main/VerifyPhone.vue?11c4"],"names":["class","pin","id","type","placeholder","min","max","addPin","setup","isNaN","value","toast","html","length","store","state","auth","user","db","collection","doc","update","dispatch","render","for","phone","autocomplete","isOtpSent","otp","verifyOtp","data","captchaSolved","confirmationResult","methods","sendOtp","firebase","currentUser","linkWithPhoneNumber","window","recaptchaVerifier","classes","console","log","message","confirm","commit","$router","push","mounted","that","this","RecaptchaVerifier","size","callback"],"mappings":"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","file":"js/VerifyPhone.0fa04eff.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"input-field col s6\">\r\n      <i class=\"material-icons prefix blue-text\">password</i>\r\n      <input\r\n        v-model=\"pin\"\r\n        id=\"pin\"\r\n        type=\"password\"\r\n        class=\"validate\"\r\n        placeholder=\"XXXX\"\r\n        min=\"4\"\r\n        max=\"4\"\r\n      />\r\n      <button\r\n        @click=\"addPin\"\r\n        class=\"waves-effect waves-light btn blue br-30 mt-3\"\r\n      >\r\n        Add Pin\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { computed, ref } from \"vue\";\r\nimport M from \"materialize-css\";\r\nimport db from \"../../db\";\r\nimport store from \"../../store\";\r\nexport default {\r\n  setup() {\r\n    const pin = ref(null);\r\n    async function addPin() {\r\n      // check if pin is a number\r\n      if (isNaN(pin.value)) {\r\n        M.toast({ html: \"PIN should be a number\" });\r\n        pin.value = \"\";\r\n        return;\r\n      }\r\n\r\n      // check the length\r\n      if (pin.value.length !== 4) {\r\n        M.toast({ html: \"PIN is 4 digits\" });\r\n        pin.value = \"\";\r\n        return;\r\n      }\r\n      // hash the pin\r\n\r\n      // add the pin to the database\r\n      const id = computed(() => store.state.auth.user.id);\r\n      //   console.log(id.value);\r\n      db.collection(\"users\")\r\n        .doc(id.value)\r\n        .update({\r\n          pin: pin.value,\r\n        });\r\n      M.toast({ html: \"successfully added the pin\" });\r\n      store.dispatch(\"auth/logout\");\r\n      M.toast({ html: \"Signin again to get started\" });\r\n    }\r\n    return {\r\n      addPin,\r\n      pin,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import { render } from \"./PinInput.vue?vue&type=template&id=0372aba6\"\nimport script from \"./PinInput.vue?vue&type=script&lang=js\"\nexport * from \"./PinInput.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\r\n  <div class=\"mt-5\">\r\n    <h3>Verify Phone</h3>\r\n    <div>\r\n      <div class=\"input-field col s6\">\r\n        <i class=\"material-icons prefix blue-text\">phone</i>\r\n        <input\r\n          v-model=\"phone\"\r\n          id=\"phone\"\r\n          type=\"tel\"\r\n          autocomplete=\"off\"\r\n          class=\"validate\"\r\n        />\r\n        <label for=\"phone\">Telephone</label>\r\n      </div>\r\n      <div class=\"input-field\">\r\n        <button\r\n          id=\"recaptcha-trigger\"\r\n          class=\"waves-effect waves-light btn blue br-30\"\r\n        >\r\n          send otp\r\n        </button>\r\n      </div>\r\n      <div class=\"input-field col s6 mt-5\" v-if=\"isOtpSent\">\r\n        <i class=\"material-icons prefix blue-text\">vpn_key</i>\r\n        <input\r\n          v-model=\"otp\"\r\n          id=\"otp\"\r\n          type=\"text\"\r\n          class=\"validate\"\r\n          placeholder=\"XXXXXX\"\r\n        />\r\n        <button\r\n          @click=\"verifyOtp\"\r\n          class=\"waves-effect waves-light btn blue br-30\"\r\n        >\r\n          Verify OTP\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport db from \"@/db\";\r\nimport firebase from \"@/firebase\";\r\nimport M from \"materialize-css\";\r\nimport store from \"@/store\";\r\nexport default {\r\n  data: () => {\r\n    return {\r\n      otp: \"\",\r\n      isOtpSent: false,\r\n      phone: \"\",\r\n      captchaSolved: false,\r\n      confirmationResult: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    // sending otp function\r\n    async sendOtp() {\r\n      try {\r\n        this.isOtpSent = true;\r\n        const phone = \"+91\" + this.phone;\r\n        // const confirmationResult = await firebase\r\n        //   .auth()\r\n        //   .signInWithPhoneNumber(phone, window.recaptchaVerifier);\r\n\r\n        const confirmationResult = await firebase\r\n          .auth()\r\n          .currentUser.linkWithPhoneNumber(phone, window.recaptchaVerifier);\r\n        // console.log(confirmationResult);\r\n        this.confirmationResult = confirmationResult;\r\n        M.toast({ html: \"Your OTP has been sent!\", classes: \"blue br-30\" });\r\n      } catch (error) {\r\n        console.log(error);\r\n        M.toast({\r\n          html: error.message || \"Failed to send OTP\",\r\n          classes: \"red br-30\",\r\n        });\r\n      }\r\n    },\r\n\r\n    // verify otp function\r\n    async verifyOtp() {\r\n      try {\r\n        // console.log(this.confirmationResult);\r\n        await this.confirmationResult.confirm(this.otp);\r\n        // console.log(result);\r\n        console.log(\"OTP Verified!\");\r\n        M.toast({ html: \"OTP verfied !\", classes: \"blue br-30\" });\r\n        store.commit(\"auth/setPhone\", \"+91\" + this.phone);\r\n        await db\r\n          .collection(\"users\")\r\n          .doc(store.state.auth.user.id)\r\n          .update({\r\n            phone: \"+91\" + this.phone,\r\n          });\r\n        this.$router.push(\"add-pin\");\r\n        M.toast({ html: \"Create a pin to continue\" });\r\n      } catch (error) {\r\n        M.toast({\r\n          html: error.message || \"Failed to verify OTP \",\r\n          classes: \"red br-30\",\r\n        });\r\n      }\r\n    },\r\n  },\r\n\r\n  // adding the recaptcha widget on mount\r\n  mounted() {\r\n    const that = this;\r\n    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier(\r\n      \"recaptcha-trigger\",\r\n      {\r\n        size: \"invisible\",\r\n        callback: () => {\r\n          console.log(\"captcha solved\", that);\r\n          M.toast({ html: \"Captcha solved !\", classes: \"blue\" });\r\n          that.sendOtp();\r\n        },\r\n        \"expired-callback\": () => {\r\n          console.log(\"captcha expired\");\r\n          M.toast({ html: \"Captcha expired\", classes: \"red\" });\r\n        },\r\n      }\r\n    );\r\n    window.recaptchaVerifier.render();\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./VerifyPhone.vue?vue&type=template&id=1c40c5be\"\nimport script from \"./VerifyPhone.vue?vue&type=script&lang=js\"\nexport * from \"./VerifyPhone.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}