{"version":3,"sources":["webpack:///./src/views/Home/ForgotPassword.vue","webpack:///./src/views/Home/ForgotPassword.vue?c9d4","webpack:///./src/components/Input/CaptchaInput.vue","webpack:///./src/components/Input/CaptchaInput.vue?451c"],"names":["class","_createElementBlock","_createElementVNode","$data","_hoisted_3","_createVNode","_component_RouterLink","to","_cache","_createBlock","_component_Form","onSubmit","$options","validation-schema","_component_FormInput","field-name","field-label","_component_CaptchaInput","captcha-value","_$data$captcha","value","onRefreshCaptcha","_hoisted_1","components","Form","FormInput","CaptchaInput","data","schema","captcha","isFinish","methods","formData","this","setLoading","captchaValid","api","checkCaptcha","key","alert","refreshCaptch","isPassed","forgotPasswordMailSend","getCaptcha","then","mapActions","useLoadingScreen","created","__exports__","render","id","ref","style","_hoisted_2","_component_Field","name","field","errorMessage","_mergeProps","placeholder","type","_hoisted_4","_hoisted_5","$props","aria-label","onClick","aria-hidden","_hoisted_6","_component_ErrorMessage","Field","ErrorMessage","props","captchaValue","String","default","ctx","drawCode","$canvas","$refs","canvas","fontsize","getRandomColor","letters","color","i","Math","floor","random","width","length","height","strokeStyle","beginPath","moveTo","lineTo","stroke","font","c","charAt","x","y","fillStyle","fillText","speakCode","window","synth","speechSynthesis","utterance","SpeechSynthesisUtterance","lang","speak","refreshCode","$emit","watch","mounted","getContext"],"mappings":"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","file":"js/chunk-c64981ea.648e146a.js","sourcesContent":["<template>\n  <div>\n    <h1 class=\"h2 indexPanel-title\">忘記密碼</h1>\n    <Form class=\"form\" @submit=\"onSubmit\" :validation-schema=\"schema\" v-if=\"!isFinish\">\n      <FormInput field-name=\"username\" field-label=\"帳號(公司統一編號/個人身份證字號)\" />\n      <FormInput field-name=\"email\" field-label=\"Email\" />\n      <CaptchaInput :captcha-value=\"captcha?.value\" @refresh-captcha=\"refreshCaptch\"/>\n      <div class=\"btn-group btn-group-vertical\">\n        <button class=\"btn btn-primary btn-full\">送出</button>\n        <RouterLink to=\"/login\" class=\"btn btn-secondary btn-full\">返回</RouterLink>\n      </div>\n    </Form>\n    <div v-else>\n      <p>重設信件已寄送，請至您填寫的信箱中確認(信件有效期間為1小時)</p>\n      <div class=\"btn-group btn-group-vertical\">\n        <RouterLink to=\"/login\" class=\"btn btn-secondary btn-full\">返回</RouterLink>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { Form } from 'vee-validate';\nimport { useLoadingScreen } from '@/store/index';\nimport api from '@/api/api';\nimport { forgotPassword as schema } from '@/utils/schema';\nimport FormInput from '@/components/Input/FormInput.vue';\nimport CaptchaInput from '@/components/Input/CaptchaInput.vue';\nimport { mapActions } from 'pinia';\n\nexport default {\n  components: {\n    Form,\n    FormInput,\n    CaptchaInput,\n  },\n  data() {\n    return {\n      schema,\n      captcha: null,\n      isFinish: false,\n    };\n  },\n  methods: {\n    async onSubmit(formData) {\n      this.setLoading(true);\n      const captchaValid = await api.checkCaptcha({ key: this.captcha.key, value: formData.captcha });\n      if (!captchaValid) {\n        alert('驗證碼錯誤，請重新輸入');\n        this.refreshCaptch();\n        this.setLoading(false);\n        return;\n      }\n\n      const isPassed = await api.forgotPasswordMailSend(formData);\n      if (isPassed) {\n        this.isFinish = true;\n      } else {\n        alert('查無會員資料');\n        this.refreshCaptch();\n      }\n      this.setLoading(false);\n    },\n    refreshCaptch() {\n      this.captcha = null;\n      api.getCaptcha().then((data) => {\n        this.captcha = data;\n      });\n    },\n    ...mapActions(useLoadingScreen, ['setLoading']),\n  },\n  created() {\n    this.refreshCaptch();\n  },\n};\n</script>\n","import { render } from \"./ForgotPassword.vue?vue&type=template&id=75a259b4\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"form-captcha\">\n    <label class=\"form-label is-required\">驗證碼</label>\n    <div class=\"form-captcha-group\">\n      <Field name=\"captcha\" v-slot=\"{ field, errorMessage }\">\n        <input\n          class=\"form-input\"\n          v-bind=\"field\"\n          :class=\"{ 'is-invalid': !!errorMessage }\"\n          placeholder=\"請輸入驗證碼\"\n          type=\"text\"\n        />\n      </Field>\n      <div class=\"form-captcha-tool\">\n        <div id=\"captcha-container\" class=\"form-captcha-img\">\n          <canvas v-show=\"captchaValue\" ref=\"canvas\" id=\"captcha\" style=\"width: 100%; height: 100%\" />\n        </div>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"重新產生驗證碼\" @click=\"refreshCode\">\n          <i class=\"icon icon-refresh\" aria-hidden=\"true\"></i>\n        </button>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"語音驗證碼\" @click=\"speakCode\">\n          <i class=\"icon icon-audio\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"form-promp is-invalid\">\n      <ErrorMessage name=\"captcha\" />\n    </div>\n  </div>\n</template>\n<script>\nimport { Field, ErrorMessage } from 'vee-validate';\n\nexport default {\n  components: {\n    Field,\n    ErrorMessage,\n  },\n  props: {\n    captchaValue: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      ctx: null,\n    };\n  },\n  methods: {\n    drawCode() {\n      const $canvas = this.$refs.canvas;\n      const { ctx } = this;\n\n      if (this.captchaValue === null) return;\n\n      const fontsize = 30;\n      $canvas.width = fontsize * this.captchaValue.length + 20;\n      $canvas.height = fontsize + 20;\n\n      function getRandomColor() {\n        const letters = '0123456789ABCDEF';\n        let color = '#';\n        for (let i = 0; i < 6; i += 1) {\n          color += letters[Math.floor(Math.random() * 16)];\n        }\n        return color;\n      }\n\n      // 圖片混淆\n      for (let i = 0; i < 10; i += 1) {\n        ctx.strokeStyle = getRandomColor();\n        ctx.beginPath();\n        ctx.moveTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.lineTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.stroke();\n      }\n\n      ctx.font = `${fontsize}px Georgia bold`;\n      for (let i = 0; i < this.captchaValue.length; i += 1) {\n        const c = this.captchaValue.charAt(i);\n        const x = 10 + i * fontsize;\n        const y = fontsize + Math.random() * 10;\n        ctx.fillStyle = getRandomColor();\n        ctx.fillText(c, x, y);\n      }\n    },\n    speakCode() {\n      if ('speechSynthesis' in window) {\n        const synth = window.speechSynthesis;\n        const utterance = new SpeechSynthesisUtterance(this.captchaValue);\n        utterance.lang = 'zh-TW';\n        synth.speak(utterance);\n      }\n    },\n    refreshCode() {\n      this.$emit('refreshCaptcha');\n    },\n  },\n  watch: {\n    captchaValue() {\n      this.drawCode();\n    },\n  },\n  mounted() {\n    const $canvas = this.$refs.canvas;\n    this.ctx = $canvas.getContext('2d');\n\n    this.drawCode();\n  },\n};\n</script>\n","import { render } from \"./CaptchaInput.vue?vue&type=template&id=02b93bf7\"\nimport script from \"./CaptchaInput.vue?vue&type=script&lang=js\"\nexport * from \"./CaptchaInput.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}