{"version":3,"sources":["webpack:///./src/views/signup/0-Slides.vue?fee7","webpack:///./src/views/signup/0-Slides.vue","webpack:///./src/views/signup/0-Slides.vue?7d62","webpack:///./src/views/signup/0-Slides.vue?c829"],"names":["class","style","slot","cancelRegister","ref","options","slideOpts","expand","agreeTerms","inputmode","type","pattern","maxlength","phoneNumber","color","sendSMS","disabled","waitSendSms","verificationCode","checkVerifyCode","editPhoneNumber","fullName","socialId","refererCode","checkInfo","pinNumber","confirmPinNumber","completeRegistration","name","components","IonSlides","IonSlide","IonPage","IonHeader","IonToolbar","IonButton","IonButtons","IonTitle","IonContent","IonLabel","IonInput","PolicyComponent","Policy","ionViewWillEnter","auth","unbindFirestore","this","$utils","hideLoading","$refs","slider","$el","getSwiper","then","instance","setTimeout","allowTouchMove","init","slideReset","update","slideTo","smsWaitCountDown","setInterval","Math","floor","lastSentSms","Date","now","ionViewWillLeave","clearInterval","e","bindFirestore","data","slideIndex","verificationId","initialSlide","speed","emailAddress","firebaseIdToken","recaptchaChecking","methods","length","console","log","toast","replace","showLoading","callAPI","phone","resp","status","slideNext","message","position","present","encodeURIComponent","email","fbToken","congratulate","regError","create","cssClass","header","buttons","text","handler","Storage","$store","commit","currentUser","set","key","value","JSON","stringify","unlocked","anonymous","$router","push","alert","role","test","ev","code","detail","verifyInput","blur","otp","Promise","resolve","signInWithCustomToken","token","getIdToken","signOut","__exports__","render"],"mappings":"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","file":"js/chunk-a4269fb0.11f1029b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./0-Slides.vue?vue&type=style&index=0&id=591df07e&lang=css&scoped=true\"","<template>\n  <ion-page>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button @click=\"cancelRegister()\">Đóng</ion-button>\n        </ion-buttons>\n        <ion-title>Đăng ký - GimoLott</ion-title>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content>\n      <ion-slides ref=\"slider\" :options=\"slideOpts\">\n\n        <ion-slide>\n          <div class=\"slide-container\">\n            <div class=\"content terms\">\n              <PolicyComponent></PolicyComponent>\n            </div>\n            <div>\n              <ion-button expand=\"block\" @click=\"agreeTerms\" >\n                Tôi đã đọc và đồng ý\n              </ion-button>\n            </div>\n          </div>\n        </ion-slide>\n\n        <ion-slide>\n          <div class=\"slide-container\">\n            <div class=\"content phone\">\n              <div>\n                <ion-label>Nhập số điện thoại của bạn</ion-label>\n                <ion-input inputmode=\"numeric\" type=\"text\" pattern=\"[0-9]{12}\" maxlength=\"12\" v-model=\"phoneNumber\"></ion-input>\n              </div>\n            </div>\n            <div>\n              <ion-label>Mã xác minh sẽ được gửi đến số điện thoại của bạn trong vòng 1-2 phút</ion-label>\n              <ion-button expand=\"block\" color=\"warning\" @click=\"sendSMS\" :disabled=\"waitSendSms > 0\">\n                Gửi mã xác minh\n                <template v-if=\"waitSendSms > 0\">\n                  (\n                  {{ waitSendSms }}\n                  )\n                </template>\n              </ion-button>\n            </div>\n          </div>\n        </ion-slide>\n\n        <ion-slide>\n          <div class=\"slide-container\">\n            <div class=\"content otp\">\n              <div>\n                <div class=\"reminder\">\n                  <ion-label><small>Trong vòng 1-2 phút bạn sẽ nhận được <br> cuộc gọi (hoặc tin nhắn) được gửi đến số điện thoại</small></ion-label><br><br>\n                  <ion-label>{{ phoneNumber }}</ion-label>\n                </div>\n                <div class=\"verify\">\n                  <ion-label>Vui lòng nhập mã xác minh</ion-label>\n                  <ion-input ref=\"verifyInput\" inputmode=\"numeric\" type=\"text\" pattern=\"[0-9]{6}\" maxlength=\"6\" v-model=\"verificationCode\" @ionChange=\"checkVerifyCode\"></ion-input>\n                </div>\n                <div style=\"display: flex; flex-direction: column;\">\n                  <small>\n                    Không nhận được mã xác minh?\n                    Sai số điện thoại?\n                  </small>\n                  <small>Vui lòng đợi khoảng 2 phút trước khi thử lại</small>\n                  <ion-button color=\"secondary\" @click=\"editPhoneNumber\" :disabled=\"waitSendSms > 0\">\n                    Thử lại\n                    <template v-if=\"waitSendSms > 0\">\n                      (\n                        {{ waitSendSms }}\n                      )\n                    </template>\n                  </ion-button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ion-slide>\n\n        <ion-slide>\n          <div class=\"slide-container\">\n            <div class=\"content info\">\n              <div>\n                <p>\n                  <ion-label>Họ và tên <small style=\"color: #ff0000\">(bắt buộc)</small></ion-label>\n                  <ion-input type=\"text\" v-model=\"fullName\"></ion-input>\n                </p>\n                <p>\n                  <ion-label>CCCD/CMND <small style=\"color: #ff0000\">(bắt buộc)</small></ion-label>\n                  <ion-input type=\"text\" v-model=\"socialId\"></ion-input>\n                </p>\n                <p>\n                  <ion-label>Mã giới thiệu <small style=\"color: #aaaaaa\">(nếu có, không bắt buộc)</small></ion-label>\n                  <ion-input type=\"text\" v-model=\"refererCode\"></ion-input>\n                </p>\n              </div>\n            </div>\n            <div>\n              <ion-button expand=\"block\" color=\"warning\" @click=\"checkInfo\">Xác nhận thông tin</ion-button>\n            </div>\n          </div>\n        </ion-slide>\n\n        <ion-slide>\n          <div class=\"slide-container\">\n            <div class=\"content pin\">\n              <div>\n                <div>\n                  <ion-label>Tạo mã PIN</ion-label>\n                  <p>Mã PIN là mật khẩu dùng để mở khóa ứng dụng Gimolott, mã PIN phải bao gồm 6 chữ số</p>\n                </div>\n                <div>\n                  <ion-label>Nhập mã PIN muốn tạo</ion-label>\n                  <ion-input inputmode=\"numeric\" type=\"password\" pattern=\"[0-9]{6}\" maxlength=\"6\" v-model=\"pinNumber\"></ion-input>\n                </div>\n                <div style=\"margin-top: 5vh;\">\n                  <ion-label>Xác nhận lại mã PIN</ion-label>\n                  <ion-input inputmode=\"numeric\" type=\"password\" pattern=\"[0-9]{6}\" maxlength=\"6\" v-model=\"confirmPinNumber\"></ion-input>\n                </div>\n              </div>\n            </div>\n            <div>\n              <ion-button expand=\"block\" color=\"warning\" @click=\"completeRegistration\">Hoàn tất đăng ký</ion-button>\n            </div>\n          </div>\n        </ion-slide>\n\n      </ion-slides>\n    </ion-content>\n  </ion-page>\n</template>\n\n<style lang=\"css\" scoped>\n  .slide-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 99%;\n    width: 98%;\n  }\n  .slide-container .content {\n    overflow-y: scroll;\n    flex-grow: 1;\n  }\n  .content ion-input {\n    --background: #fff;\n    border-radius: 50px;\n    margin-top: 2vh;\n    border: 1px solid #aaa;\n    text-align: center;\n    --color: #222;\n    --padding-start: 2vw;\n    --padding-end: 2vw;\n    font-size: 1.2em;\n  }\n  .verify {\n    margin-top: 10vh;\n    margin-bottom: 20vh;\n  }\n  h3 {\n    font-weight: 700;\n  }\n  ion-slides {\n    height: 100%;\n    width: 100%;\n  }\n\n  .content.terms {\n    padding: 0 5vw;\n  }\n\n  .content.info {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 0 10vw;\n  }\n\n  .content.pin {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: center;\n    padding: 0 10vw;\n  }\n\n  .content.phone, .content.otp {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n</style>\n\n<style>\n.reg-alert .alert-wrapper .alert-button.alert-gray {\n  color: gray;\n}\n\n.reg-alert .alert-wrapper .alert-button.alert-danger {\n  color: #f44;\n}\n</style>\n\n<script>\n\n  import {\n    IonSlides,\n    IonSlide,\n    IonPage,\n    IonHeader,\n    IonToolbar,\n    IonButton,\n    IonButtons,\n    IonTitle ,\n    IonContent,\n    IonLabel,\n    IonInput,\n    alertController,\n  } from '@ionic/vue';\n  import PolicyComponent from '@/components/Policy.vue';\n\n  import { defineComponent } from 'vue';\n\n  import authService from '@/services/auth';\n\n  import { Plugins } from '@capacitor/core';\n\n\n  import firebase from 'firebase/app';\n  import 'firebase/auth';\n\n  export default defineComponent({\n    name: 'Register',\n    components: {\n      IonSlides,\n      IonSlide,\n      IonPage,\n      IonHeader,\n      IonToolbar,\n      IonButton,\n      IonButtons,\n      IonTitle,\n      IonContent,\n      IonLabel,\n      IonInput,\n      PolicyComponent,\n    },\n    ionViewWillEnter() {\n      authService.unbindFirestore();\n      this.$utils.hideLoading();\n      this.$refs.slider.$el.getSwiper().then((instance) => {\n        setTimeout(() => {\n          instance.allowTouchMove = false;\n          instance.init();\n          instance.slideReset();\n          instance.update();\n          instance.slideTo(0);\n        },10);\n      });\n      this.smsWaitCountDown = setInterval(() => {\n        this.waitSendSms = Math.floor((authService.lastSentSms - Date.now()) / 1000) + 120;\n      }, 1000);\n    },\n    ionViewWillLeave() {\n      try  {\n        clearInterval(this.smsWaitCountDown);\n      // eslint-disable-next-line\n      } catch (e) {}\n      authService.bindFirestore();\n    },\n    data() {\n      return {\n        smsWaitCountDown: 0,\n        waitSendSms: 0,\n        slideIndex: 0,\n        verificationId: '',\n        slideOpts: {\n          initialSlide: 0,\n          speed: 400,\n          init: false,\n        },\n        phoneNumber: '',\n        verificationCode: '',\n        pinNumber: '',\n        confirmPinNumber: '',\n        fullName: '',\n        emailAddress: '',\n        refererCode: '',\n        socialId: '',\n        firebaseIdToken: '',\n        recaptchaChecking: false,\n      }\n    },\n    methods: {\n      async sendSMS() {\n        if (this.phoneNumber.length < 10) {\n          console.log(this.$utils.toast('Số điện thoại không hợp lệ.'));\n          return;\n        }\n\n        let phoneNumber = this.phoneNumber.replace(/^0/i, '+84');\n        phoneNumber = phoneNumber.replace(/^84/i, '+84');\n\n        await this.$utils.showLoading();\n\n        authService.phoneNumber = phoneNumber;\n\n        const resp = await this.$utils.callAPI(\"GET\", \"/auth/verify_phone\", {\n          phone: phoneNumber.replace(/^\\+?84/i, '0')\n        }, false);\n\n        await this.$utils.hideLoading();\n\n        if (resp.status == 200) {\n          await this.$utils.hideLoading();\n          authService.lastSentSms = Date.now();\n          this.$refs.slider.$el.slideNext();\n        } else {\n          if (resp.data && resp.data.message) {\n            (await this.$utils.toast(resp.data.message, {position: \"top\"})).present();\n          } else {\n            (await this.$utils.toast(\"Có lỗi xảy ra! Vui lòng liên hệ hỗ trợ.\", {position: \"top\"})).present();\n          }\n        }\n      },\n      async completeRegistration() {\n        if (this.pinNumber.length != 6) {\n          this.$utils.toast('Mã PIN phải bao gồm 6 chữ số');\n          return;\n        }\n\n        if (this.pinNumber != this.confirmPinNumber) {\n          this.$utils.toast('Xác nhận mã PIN chưa đúng');\n          return;\n        }\n\n        await this.$utils.showLoading();\n\n        const resp = await this.$utils.callAPI(\n          'POST', '/auth/register',\n          {\n            phone: this.phoneNumber,\n            fullName: encodeURIComponent(this.fullName),\n            email: this.emailAddress,\n            socialId: this.socialId,\n            refererCode: this.refererCode,\n            fbToken: this.firebaseIdToken,\n            pinNumber: this.pinNumber,\n          },\n          false\n        );\n\n        await this.$utils.hideLoading();\n\n        if (resp.status >= 200 && resp.status < 300) {\n          await this.congratulate();\n        } else {\n          await this.regError(resp);\n        }\n        // modalController.dismiss({\n        //   cancel: false,\n        //   completed: true\n        // });\n      },\n      async congratulate() {\n        const alert = await alertController.create({\n          cssClass: 'reg-alert',\n          header: 'Đăng ký tài khoản thành công',\n          message: 'Cảm ơn quý khách. Bạn có thể xác thực email để nhận biên lai hình ảnh vé các sản phẩm: Mega, Power, Max3D/Pro tại trang \"Thông Tin\" mục \"Thông tin cá nhân & Bảo mật\".',\n          buttons: [\n            {\n              text: 'Đóng',\n              handler: async () => {\n                const { Storage } = Plugins;\n                this.$store.commit('auth_update_user', firebase.auth().currentUser)\n                await Storage.set({\n                  key: 'fbuser',\n                  value: JSON.stringify(firebase.auth().currentUser)\n                });\n                authService.unlocked = false;\n                authService.anonymous = false;\n                this.$router.push('/')\n              },\n            },\n          ],\n        });\n        return alert.present();\n      },\n      async regError() {\n        const alert = await alertController.create({\n          cssClass: 'reg-alert',\n          header: 'Gimolott',\n          message: 'Có lỗi xảy ra vui lòng kiểm tra lại thông tin đăng ký',\n          buttons: [\n            {\n              text: 'Đóng',\n              role: 'cancel'\n            },\n          ],\n        });\n        return alert.present();\n      },\n      checkInfo() {\n        if (this.fullName.length < 4) {\n          this.$utils.toast('Vui lòng kiểm tra lại tên đầy đủ');\n          return;\n        }\n\n        if (this.socialId.length < 8) {\n          this.$utils.toast('Vui lòng kiểm tra lại số CMND/CCCD');\n          return;\n        }\n\n        if (this.emailAddress.length > 0 && !(/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(this.emailAddress))) {\n          this.$utils.toast('Vui lòng kiểm tra lại địa chỉ email');\n          return;\n        }\n\n        this.$refs.slider.$el.slideTo(4);\n      },\n      agreeTerms() {\n        this.phoneNumber = authService.phoneNumber.replace(/^\\+84/i, '0');\n        this.$refs.slider.$el.slideTo(1);\n      },\n      async checkVerifyCode(ev) {\n        const code = ev.detail.value;\n        if (code.length == 6) {\n          await this.$utils.showLoading();\n          this.$refs.verifyInput.$el.value = '';\n          this.$refs.verifyInput.$el.blur();\n\n          // custom OTP verification\n          const resp = await this.$utils.callAPI(\"POST\", \"/auth/verify_phone\", {\n            phone: this.phoneNumber.replace(/^\\+?84/i, '0'),\n            otp: code,\n          }, false);\n\n          await new Promise(resolve => setTimeout(resolve, 1000));\n\n          if (resp.status == 200) {\n            await authService.signInWithCustomToken(resp.data.token);\n            this.firebaseIdToken = await firebase.auth().currentUser.getIdToken();\n\n            this.$refs.slider.$el.slideNext();\n            this.$utils.hideLoading();\n          } else {\n            await this.$utils.hideLoading();\n\n            if (resp.data && resp.data.message) {\n              (await this.$utils.toast(resp.data.message, {position: \"top\"})).present();\n            } else {\n              (await this.$utils.toast(\"Có lỗi xảy ra! Vui lòng liên hệ hỗ trợ.\", {position: \"top\"})).present();\n            }\n          }\n        }\n      },\n      editPhoneNumber() {\n        this.$refs.slider.$el.slideTo(1);\n      },\n      async cancelRegister() {\n        const alert = await alertController\n        .create({\n          cssClass: 'reg-alert',\n          header: 'Thoát đăng ký?',\n          message: 'Bạn có chắc chắn muốn thoát quá trình đăng ký không?',\n          buttons: [\n          {\n            text: 'Không',\n            role: 'cancel'\n          },\n          {\n            text: 'Thoát',\n            cssClass: 'alert-danger',\n            handler: async () => {\n              await authService.signOut();\n              this.$router.push('/');\n            },\n          },\n          ],\n        });\n        return alert.present();\n      }\n    }\n  });\n\n</script>\n","import { render } from \"./0-Slides.vue?vue&type=template&id=591df07e&scoped=true\"\nimport script from \"./0-Slides.vue?vue&type=script&lang=js\"\nexport * from \"./0-Slides.vue?vue&type=script&lang=js\"\n\nimport \"./0-Slides.vue?vue&type=style&index=0&id=591df07e&lang=css&scoped=true\"\nimport \"./0-Slides.vue?vue&type=style&index=1&id=591df07e&lang=css\"\n\nimport exportComponent from \"/home/thaolt/Workspaces/GIMOLOTT/protoapp/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-591df07e\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./0-Slides.vue?vue&type=style&index=1&id=591df07e&lang=css\""],"sourceRoot":""}