{"version":3,"sources":["webpack:///./src/mixin/CheckCookie.js","webpack:///./src/module/OTP/OTP.vue?012b","webpack:///src/module/OTP/OTP.vue","webpack:///./src/module/OTP/OTP.vue?0326","webpack:///./src/module/OTP/OTP.vue","webpack:///./src/components/Modal/AlertErrormodal.vue?9ed6","webpack:///src/components/Modal/AlertErrormodal.vue","webpack:///./src/components/Modal/AlertErrormodal.vue?56f8","webpack:///./src/components/Modal/AlertErrormodal.vue","webpack:///./src/components/Modal/AlertError.vue?38b1","webpack:///src/components/Modal/AlertError.vue","webpack:///./src/components/Modal/AlertError.vue?19db","webpack:///./src/components/Modal/AlertError.vue","webpack:///./src/module/OTP/OTP.vue?8fec","webpack:///./src/assets/images/restore_red.svg","webpack:///./src/assets/images/icon_Error.svg","webpack:///./src/components/Modal/AlertError.vue?cc76","webpack:///./src/components/Modal/AlertErrormodal.vue?6c91"],"names":["beforeCreate","cookie","Account","getCacheCookieConsent","removeCacheCookieConsent","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","storeinfo","image_logo","_v","_s","lbl","default","welcome","businessName","otp_flow","otp","title","desc","refcode_is","otpRequest","refcode","_e","isOtpExpied","expired_in","detail_otp","remain_time","ref","class","staticStyle","on","handleOnChange","handleOnComplete","otpErrorText","$event","resentOTP","resent_otp","style","backgroundColor","buttoncolor","border","color","buttontextcolor","checkInput","is_timeout","confirmOTP","submit_btn","isshowalert","errors","length","ChangeAlertError","showError","dataError","ChangeError","staticRenderFns","component","line1","model","value","callback","$$v","showalert","expression","currentLocale","line2","_l","error","index","key","name","action","windowWidth","windowHeight","Title","domProps","Detail","textColor","close","btn","submit","scopedSlots","_u","fn","Log","module","exports"],"mappings":"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D,YAAY,aAAehD,EAAIiD,OAAO,MAAQjD,EAAIkB,OAAOa,GAAG,CAAC,iBAAmB,SAASI,GAAQ,OAAOnC,EAAImD,iBAAiBhB,OAAYnC,EAAIuB,MAAM,GAAGvB,EAAIuB,KAAKnB,EAAG,aAAa,CAACG,MAAM,CAAC,KAAOP,EAAIoD,UAAU,KAAOpD,EAAIqD,WAAWtB,GAAG,CAAC,YAAc,SAASI,GAAQ,OAAOnC,EAAIsD,YAAYnB,QAAa,IACtqBoB,EAAkB,G,kOCsGtB,GACA,WACA,YACA,uBACA,yBAEA,8BACA,gBACA,OACA,0DACA,eACA,cACA,eACA,mBACA,YACA,YACA,WACA,oBACA,YACA,cACA,wBACA,aACA,cACA,iBAEA,cACA,gBACA,cACA,2BACA,yBACA,sBACA,4BACA,0BACA,uBAEA,WACA,cACA,gBACA,eACA,oBAGA,eACA,UACA,aACA,aACA,aACA,aACA,iBAGA,UACA,sBACA,8CAOA,mBACA,kCACA,2CACA,0CAEA,8BACA,oCACA,iCACA,qBAEA,0CACA,yBACA,gDAEA,aAIA,SACA,gBAEA,iBACA,qCAGA,8CACA,MACA,iCACA,kCACA,yBACA,sCACA,sCAEA,mCACA,sDAIA,MAFA,sBACA,6CAKA,MADA,mEACA,MAEA,kCAEA,iCACA,6CACA,MAGA,kCAEA,wBACA,uBACA,yBAEA,uBACA,mBACA,iBAEA,SACA,oBAGA,2BACA,SACA,oBAEA,GAGA,uCAEA,IACA,8BACA,qBAEA,iDACA,2BACA,KACA,QACA,MACA,KAGA,iDACA,OACA,2BACA,kBACA,kCACA,uBAEA,MAEA,uIACA,IACA,0BACA,wCAEA,cAIA,0BACA,oBAEA,+BACA,uBACA,OACA,0CAEA,mBAIA,OAHA,OACA,SAEA,GAEA,6BACA,2BACA,gBACA,yCACA,oBAEA,2BAEA,mBACA,gBACA,mCAEA,4BACA,kCAEA,sBAEA,EAFA,OACA,uBAGA,EADA,8CACA,WAEA,QAEA,OACA,6CACA,6BACA,6CACA,MACA,WAGA,wBACA,kBAEA,iBACA,OACA,6BACA,uCACA,uBACA,0CAEA,qDACA,qBACA,eACA,gDACA,uBAEA,mBACA,oBACA,oCAWA,eACA,aACA,6BACA,uCAbA,qDACA,kCAEA,eACA,aACA,6BACA,2CAYA,uBACA,OACA,uCACA,6CACA,qBACA,gCACA,OACA,oBAEA,GACA,sCACA,4CACA,qBACA,iCAEA,8CACA,iBACA,2BAEA,kBAGA,4BAGA,iCACA,uBACA,wBACA,kBACA,sBAEA,uBACA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,wBACA,gBACA,uBAEA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,4BAIA,mBAEA,qDACA,kCAEA,oBACA,gCACA,gBACA,+CAEA,eACA,aACA,6BACA,qCACA,8BACA,qCAMA,0CAEA,OADA,uBACA,2BACA,yBACA,kBAEA,gBAKA,yCACA,2CAEA,2BAKA,yCACA,2CAEA,0BAEA,SAEA,mBACA,oBAEA,uBACA,kCACA,8CAEA,wCACA,uBACA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,wBACA,gBACA,uBAEA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,wBAGA,uBACA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,2BACA,gBACA,uBAEA,gBACA,gDACA,qBACA,QACA,WACA,WACA,2BACA,aACA,2BAIA,uBACA,iCAEA,gBACA,8CAEA,uBACA,kCAEA,eACA,aACA,6BACA,wCAGA,eACA,aACA,6BACA,uCAGA,YAIA,uCAEA,uBACA,8BACA,4CAEA,mDAEA,2BACA,yBACA,qBAEA,EACA,wBAEA,uBACA,gBACA,oDAEA,uBAEA,uDAIA,4BAIA,iCACA,GACA,uCACA,qCAEA,kCACA,kBACA,oBAGA,mCACA,iDACA,eACA,0CAEA,2BACA,yBACA,qBAEA,EACA,wBAEA,uBACA,gBACA,oDAEA,uBAEA,uDAIA,2BAKA,uBACA,gBACA,oDAEA,uBAEA,0DAGA,mBACA,oBACA,qCACA,eACA,aACA,6BACA,wCAIA,yBACA,sCAEA,eACA,aACA,6BACA,2CAKA,+BACA,gCACA,+BA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","file":"js/otp.js","sourcesContent":["import Account from '@/helper/AccountHelper.js'\r\n\r\nexport default {\r\n  beforeCreate() {\r\n    const cookie = Account.getCacheCookieConsent()\r\n    if (cookie == 'postpone') {\r\n        Account.removeCacheCookieConsent()\r\n    }\r\n  },\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-container\"},[_c('div',{staticClass:\"login-box\"},[_c('div',{staticClass:\"merchant-detail\"},[_c('img',{staticClass:\"merchant-logo\",attrs:{\"crm_at\":\"image_logo\",\"alt\":\"\",\"src\":_vm.storeinfo.image_logo}}),_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"title\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.storeinfo.businessName)+\"\\n      \")])]),_c('hr'),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.otp_flow.otp.title)+\"\\n      \")]),_c('div',{staticClass:\"desc-page\"},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.otp_flow.otp.desc)+\"\\n      \")]),_c('div',{staticClass:\"otp-detail\"},[(_vm.otpRequest)?_c('div',{staticClass:\"refcode\",attrs:{\"crm_at\":\"refcode_detail\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.otp_flow.otp.refcode_is)+\"\\n          \"),(_vm.otpRequest.refcode)?_c('span',{attrs:{\"crm_at\":\"refcode\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.otpRequest.refcode)+\"\\n          \")]):_vm._e()]):_vm._e(),(!_vm.isOtpExpied)?_c('p',{staticClass:\"expired\",attrs:{\"crm_at\":\"expire_date\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/restore_red.svg\"),\"alt\":\"\"}}),_vm._v(\"\\n          \"+_vm._s(_vm.lbl.otp_flow.otp.expired_in)+\"\\n          \"),_c('span',{staticClass:\"time-expired\",attrs:{\"crm_at\":\"time_expired\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.detail_otp.remain_time)+\"\\n          \")])]):_vm._e()]),_c('div',{staticClass:\"otp-input-wrapper\",attrs:{\"crm_at\":\"otp_input_wrapper\"}},[_c('v-otp-input',{ref:\"otpInput\",class:{ 'input-expied': _vm.isOtpExpied },staticStyle:{\"justify-content\":\"center\"},attrs:{\"input-classes\":\"otp-input\",\"crm_at\":\"otp_input\",\"separator\":\"\",\"num-inputs\":6,\"should-auto-focus\":true,\"is-input-num\":true},on:{\"on-change\":_vm.handleOnChange,\"on-complete\":_vm.handleOnComplete}})],1),(_vm.isOtpError)?_c('div',{staticClass:\"error-massage\"},[_vm._v(_vm._s(_vm.otpErrorText))]):_vm._e()]),_c('div',{staticClass:\"resent-otp\",attrs:{\"crm_at\":\"resent_otp\"},on:{\"click\":function($event){return _vm.resentOTP()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.lbl.otp_flow.otp.resent_otp)+\"\\n    \")]),_c('div',{staticClass:\"button-wrapper\"},[_c('a-button',{staticClass:\"login-button\",style:({\n          backgroundColor: _vm.storeinfo.buttoncolor,\n          border: _vm.storeinfo.buttoncolor,\n          color: _vm.storeinfo.buttontextcolor,\n        }),attrs:{\"crm_at\":\"request_otp\",\"type\":\"submit\",\"value\":\"Submit\",\"disabled\":_vm.checkInput || _vm.detail_otp.is_timeout},on:{\"click\":function($event){return _vm.confirmOTP()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.otp_flow.otp.submit_btn)+\"\\n      \")])],1)]),(_vm.isshowalert)?_c('div',[(_vm.isshowalert && _vm.errors.length > 0)?_c('AlertErrormodal',{attrs:{\"isshowalert\":_vm.isshowalert,\"modalcontent\":_vm.errors,\"title\":_vm.title},on:{\"ChangeAlertError\":function($event){return _vm.ChangeAlertError($event)}}}):_vm._e()],1):_vm._e(),_c('AlertError',{attrs:{\"show\":_vm.showError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-container\">\r\n    <div class=\"login-box\">\r\n      <div class=\"merchant-detail\">\r\n        <img\r\n          class=\"merchant-logo\"\r\n          crm_at=\"image_logo\"\r\n          alt=\"\"\r\n          :src=\"storeinfo.image_logo\"\r\n        />\r\n        <div class=\"text-title\" crm_at=\"title\">\r\n          {{ lbl.default.welcome }}<br />\r\n          {{ storeinfo.businessName }}\r\n        </div>\r\n      </div>\r\n      <hr />\r\n      <div class=\"input-wrapper\">\r\n        <div class=\"title-page\">\r\n          {{ lbl.otp_flow.otp.title }}\r\n        </div>\r\n        <div class=\"desc-page\">\r\n          {{ lbl.otp_flow.otp.desc }}\r\n        </div>\r\n        <div class=\"otp-detail\">\r\n          <div v-if=\"otpRequest\" class=\"refcode\" crm_at=\"refcode_detail\">\r\n            {{ lbl.otp_flow.otp.refcode_is }}\r\n            <span v-if=\"otpRequest.refcode\" crm_at=\"refcode\">\r\n              {{ otpRequest.refcode }}\r\n            </span>\r\n          </div>\r\n          <p v-if=\"!isOtpExpied\" crm_at=\"expire_date\" class=\"expired\">\r\n            <img src=\"@/assets/images/restore_red.svg\" alt=\"\" />\r\n            {{ lbl.otp_flow.otp.expired_in }}\r\n            <span class=\"time-expired\" crm_at=\"time_expired\">\r\n              {{ detail_otp.remain_time }}\r\n            </span>\r\n          </p>\r\n        </div>\r\n        <div class=\"otp-input-wrapper\" crm_at=\"otp_input_wrapper\">\r\n          <v-otp-input\r\n            ref=\"otpInput\"\r\n            input-classes=\"otp-input\"\r\n            crm_at=\"otp_input\"\r\n            style=\"justify-content: center;\"\r\n            :class=\"{ 'input-expied': isOtpExpied }\"\r\n            separator=\"\"\r\n            :num-inputs=\"6\"\r\n            :should-auto-focus=\"true\"\r\n            :is-input-num=\"true\"\r\n            @on-change=\"handleOnChange\"\r\n            @on-complete=\"handleOnComplete\"\r\n          />\r\n        </div>\r\n        <div v-if=\"isOtpError\" class=\"error-massage\">{{ otpErrorText }}</div>\r\n      </div>\r\n      <div class=\"resent-otp\" crm_at=\"resent_otp\" @click=\"resentOTP()\">\r\n        {{ lbl.otp_flow.otp.resent_otp }}\r\n      </div>\r\n      <div class=\"button-wrapper\">\r\n        <a-button\r\n          :style=\"{\r\n            backgroundColor: storeinfo.buttoncolor,\r\n            border: storeinfo.buttoncolor,\r\n            color: storeinfo.buttontextcolor,\r\n          }\"\r\n          crm_at=\"request_otp\"\r\n          type=\"submit\"\r\n          value=\"Submit\"\r\n          class=\"login-button\"\r\n          :disabled=\"checkInput || detail_otp.is_timeout\"\r\n          @click=\"confirmOTP()\"\r\n        >\r\n          {{ lbl.otp_flow.otp.submit_btn }}\r\n        </a-button>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"isshowalert\">\r\n      <AlertErrormodal\r\n        v-if=\"isshowalert && errors.length > 0\"\r\n        :isshowalert=\"isshowalert\"\r\n        :modalcontent=\"errors\"\r\n        :title=\"title\"\r\n        @ChangeAlertError=\"ChangeAlertError($event)\"\r\n      />\r\n    </div>\r\n\r\n    <AlertError\r\n      :show=\"showError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport AlertErrormodal from '@/components/Modal/AlertErrormodal'\r\nimport BzbsAuth from '@/core/Account/service/BzbsAuth.js'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CheckCookie from '@/mixin/CheckCookie'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport _ from 'lodash'\r\nimport moment from 'moment'\r\n\r\nexport default {\r\n  name: 'OTP',\r\n  components: {\r\n    AlertErrormodal,\r\n    AlertError,\r\n  },\r\n  mixins: [CommonMixin, ResponsiveMixin, CheckCookie],\r\n  data() {\r\n    return {\r\n      otpRequest: JSON.parse(localStorage.getItem('requestOTP')),\r\n      isOtpExpied: false,\r\n      please_otp: '',\r\n      validat_otp: '',\r\n      text_btn_submit: '',\r\n      detail_otp: {\r\n        otp_code: '',\r\n        refcode: '',\r\n        remain_time: '00:00',\r\n        phone_no: '',\r\n        is_timeout: false,\r\n        countdown_limit_sec: 420,\r\n        remain_sec: 0,\r\n        interval: null,\r\n        otp_phone_no: '',\r\n      },\r\n      isOtpError: false,\r\n      otpErrorText: '',\r\n      otpValue: null,\r\n      isDisplayTermandPrivacy: true,\r\n      isDisplayAgeCondition: true,\r\n      isDisplayMarketing: true,\r\n      isRequiredTermandPrivacy: true,\r\n      isRequiredAgeCondition: true,\r\n      isRequiredMarketing: true,\r\n\r\n      storeinfo: {\r\n        image_logo: '',\r\n        businessName: '',\r\n        buttoncolor: '',\r\n        buttontextcolor: '',\r\n      },\r\n\r\n      isshowalert: false,\r\n      errors: [],\r\n      dataError: {},\r\n      showError: false,\r\n      loginType: '',\r\n      isSentOtp: false,\r\n      connectLine: false,\r\n    }\r\n  },\r\n  computed: {\r\n    checkInput() {\r\n      if (this.checkOTPLength(this.otpValue) < 6) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.please_otp = this.lbl.otp.desc\r\n    this.validat_otp = this.lbl.otp.otpincorrect\r\n    this.text_btn_submit = this.lbl.otp.submit\r\n  },\r\n  created() {\r\n    this.$store.commit('FooterMenu', false)\r\n    if (this.$route.query.connect_line) {\r\n      this.connectLine = true\r\n    }\r\n    this.checklocalStorage().then(() => {\r\n      Account.removeCacheCustom(\r\n        'setRegister_' + Account.getCacheCustom('app_id'),\r\n      )\r\n      this.init()\r\n    })\r\n  },\r\n\r\n  methods: {\r\n    init() {\r\n      console.log('otpRequest ::', this.otpRequest)\r\n      if (!this.otpRequest) {\r\n        this.$router.push({ name: 'loginOTP' })\r\n      }\r\n\r\n      var now = moment().format('MMMM Do YYYY, h:mm:ss a')\r\n      var expiredate = moment\r\n        .unix(this.otpRequest.expiredate)\r\n        .format('MMMM Do YYYY, h:mm:ss a')\r\n      if (moment(expiredate).isAfter(moment(now))) {\r\n        localStorage.removeItem('requestOTP')\r\n        this.$router.push({ name: 'loginOTP' })\r\n      }\r\n      this.handleCheckAppId(this.$route)\r\n      this.initializeClock(this.otpRequest.expireinseconds)\r\n      if (\r\n        Account.getCacheCustom(\r\n          'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n        ) != null\r\n      ) {\r\n        if (\r\n          Account.getCacheCustom('BzbsUser_' + Account.getCacheCustom('app_id'))\r\n            .appId == null\r\n        ) {\r\n          window.location.href = '/error/404'\r\n        } else {\r\n          this.AppId = Account.getCacheCustom(\r\n            'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n          ).appId\r\n        }\r\n      } else {\r\n        window.location.href = '/error/404'\r\n      }\r\n      this.handleLanguage(true)\r\n      this.handleLoading(false)\r\n      this.getCustomerStore()\r\n    },\r\n    onlyNumber($event) {\r\n      const regex = /^[0-9]\\d*$/\r\n      var match = $event.key.match(regex)\r\n\r\n      if (match == null) {\r\n        $event.preventDefault()\r\n      }\r\n    },\r\n    checkOTPLength(value) {\r\n      if (value) {\r\n        return value.toString().length\r\n      } else {\r\n        return 0\r\n      }\r\n    },\r\n    initializeClock(expiredate) {\r\n      console.log(expiredate)\r\n      var otp_remain_sec = expiredate\r\n      this.detail_otp.is_timeout = false\r\n      this.clearInterval()\r\n\r\n      this.detail_otp.interval = setInterval(() => {\r\n        this.detail_otp.remain_time = otp_remain_sec\r\n        otp_remain_sec = otp_remain_sec - 1\r\n        var remain_sec = otp_remain_sec\r\n        if (remain_sec < 0) {\r\n          remain_sec = 0\r\n        }\r\n\r\n        this.detail_otp.remain_time = this.getDigitFormatTime(remain_sec)\r\n        if (remain_sec <= 0) {\r\n          this.detail_otp.is_timeout = true\r\n          this.clearInterval()\r\n          this.validat_otp = this.lbl.otp.otpexpire\r\n          this.changebtntext(true)\r\n        }\r\n      }, 1000)\r\n    },\r\n    clearInterval() {\r\n      try {\r\n        if (this.detail_otp.interval) {\r\n          clearInterval(this.detail_otp.interval)\r\n        }\r\n      } catch (e) {\r\n        //console.log(e.message);\r\n      }\r\n    },\r\n    changebtntext(fact) {\r\n      this.isOtpExpied = fact\r\n    },\r\n    getDigitFormatTime(remain) {\r\n      var minutes = Math.floor(remain / 60)\r\n      var secs = remain % 60\r\n      return this.harold(minutes) + ':' + this.harold(secs)\r\n    },\r\n    harold(standIn) {\r\n      if (standIn < 10) {\r\n        standIn = '0' + standIn\r\n      }\r\n      return standIn\r\n    },\r\n    handleOnComplete(value) {\r\n      this.detail_otp.otp_code = value\r\n      this.otpValue = value\r\n      if (value.length == 6 && !this.detail_otp.is_timeout)\r\n        this.confirmOTP(value)\r\n    },\r\n    handleOnChange(value) {\r\n      console.log('OTP changed: ', value)\r\n      this.isOtpError = false\r\n      this.otpValue = value\r\n      this.please_otp = this.lbl.otp.desc\r\n    },\r\n    handleClearInput() {\r\n      this.$refs.otpInput.clearInput()\r\n    },\r\n    GetOTP() {\r\n      this.handleLoading(true)\r\n      var channel\r\n      if (this.ArrList(this.loginType).includes('Line')) {\r\n        channel = 'register'\r\n      } else {\r\n        channel = 'login'\r\n      }\r\n      var otp_params = {\r\n        contact_number: this.otpRequest.contactnumber,\r\n        app_id: Account.getCacheCustom(\r\n          'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n        ).appId,\r\n        channel: channel,\r\n      }\r\n\r\n      BzbsAuth.apiRequestOTP(otp_params)\r\n        .then(res => {\r\n          console.log('apiRequestOTP res ::', res.data)\r\n          this.isOtpExpied = false\r\n          var data = {\r\n            expiredate: res.data.expiredate,\r\n            expireinseconds: res.data.expireinseconds,\r\n            refcode: res.data.refcode,\r\n            contactnumber: this.otpRequest.contactnumber,\r\n          }\r\n          localStorage.setItem('requestOTP', JSON.stringify(data))\r\n          this.handleClearInput()\r\n          this.otpRequest = data\r\n          this.initializeClock(this.otpRequest.expireinseconds)\r\n          this.handleLoading(false)\r\n        })\r\n        .catch(error => {\r\n          this.handleLoading(false)\r\n          if (!_.isEmpty(error.response.data.error)) {\r\n            if (error.response.data.error.message == 'SMS is exceed limit') {\r\n              window.location.href = '/limitotp'\r\n            } else {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: error.response.data.error.message,\r\n              }\r\n            }\r\n          } else {\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: this.lbl.error.connectionproblem,\r\n            }\r\n          }\r\n        })\r\n    },\r\n    confirmOTP(strOTP) {\r\n      var paramVerifyOtp = {\r\n        app_id: Account.getCacheCustom('app_id'),\r\n        contact_number: this.otpRequest.contactnumber,\r\n        otp: strOTP ? strOTP : this.otpValue,\r\n        refcode: this.otpRequest.refcode,\r\n        use: false,\r\n        channel: 'register',\r\n      }\r\n      var paramDeviceLogin = {\r\n        appId: Account.getCacheCustom('app_id'),\r\n        contactNumber: this.otpRequest.contactnumber,\r\n        otp: strOTP ? strOTP : this.otpValue,\r\n        refcode: this.otpRequest.refcode,\r\n      }\r\n      if (this.ArrList(this.loginType).includes('Line')) {\r\n        if (this.connectLine) {\r\n          this.callApiDeviceLogin(paramDeviceLogin)\r\n        } else {\r\n          this.verifyOtp(paramVerifyOtp)\r\n        }\r\n      } else {\r\n        this.callApiDeviceLogin(paramDeviceLogin)\r\n      }\r\n    },\r\n    verifyOtp(params) {\r\n      this.handleLoading(true)\r\n      BzbsAuth.apiConfirmOTP(params)\r\n        .then(res => {\r\n          if (res.data.validatecode) {\r\n            console.log('apiConfirmOTP res::', res)\r\n            if (this.$route.query.refcode) {\r\n              window.location =\r\n                '/termandcondition?single_signon=true&refcode=' +\r\n                this.otpRequest.refcode +\r\n                '&otp=' +\r\n                this.otpValue +\r\n                '&mobile=' +\r\n                this.otpRequest.contactnumber +\r\n                '&id_token=' +\r\n                this.$route.query.id_token +\r\n                '&refusercode=' +\r\n                this.$route.query.refcode\r\n            } else {\r\n              window.location =\r\n                '/termandcondition?single_signon=true&refcode=' +\r\n                this.otpRequest.refcode +\r\n                '&otp=' +\r\n                this.otpValue +\r\n                '&mobile=' +\r\n                this.otpRequest.contactnumber +\r\n                '&id_token=' +\r\n                this.$route.query.id_token\r\n            }\r\n          }\r\n        })\r\n        .catch(error => {\r\n          console.log('verifyOtp error :: ', error)\r\n          if (error.response.data.error.message == 'SMS is exceed limit') {\r\n            window.location.href = '/limitotp'\r\n          } else {\r\n            this.handleLoading(false)\r\n            if (error.response.data.error.id == 2091) {\r\n              this.isOtpError = true\r\n              this.otpErrorText = error.response.data.error.message\r\n            } else {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: error.response.data.error.message\r\n                  ? error.response.data.error.message\r\n                  : this.lbl.error.connectionproblem,\r\n              }\r\n            }\r\n          }\r\n        })\r\n    },\r\n    callApiDeviceLogin(data) {\r\n      this.handleLoading(true)\r\n      return new Promise((resolve, reject) => {\r\n        BzbsAuth.apiDeviceLogin(data)\r\n          .then(res => {\r\n            console.log('apiDeviceLogin : ', res.data)\r\n            this.isOtpError = false\r\n            // Account.setCacheToken(res.data.token)\r\n\r\n            // LINE OTP FLOW\r\n            if (\r\n              this.ArrList(this.loginType).includes('Line') &&\r\n              this.ArrList(this.loginType).includes('Device')\r\n            ) {\r\n              this.lineLogin(res.data.token)\r\n            }\r\n\r\n            // OTP STANDALONE FLOW\r\n            if (\r\n              !this.ArrList(this.loginType).includes('Line') &&\r\n              this.ArrList(this.loginType).includes('Device')\r\n            ) {\r\n              this.standaloneLogin(res.data)\r\n            }\r\n            resolve(true)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            if (\r\n              error.response.data.error &&\r\n              error.response.data.error.code === 409 &&\r\n              error.response.data.error.message == 'Unregistered'\r\n            ) {\r\n              if (this.ArrList(this.loginType).includes('Line')) {\r\n                if (this.$route.query.refcode) {\r\n                  window.location =\r\n                    '/termandcondition?single_signon=true&refcode=' +\r\n                    this.otpRequest.refcode +\r\n                    '&otp=' +\r\n                    this.otpValue +\r\n                    '&mobile=' +\r\n                    this.otpRequest.contactnumber +\r\n                    '&id_token=' +\r\n                    this.$route.query.id_token +\r\n                    '&refusercode=' +\r\n                    this.$route.query.refcode\r\n                } else {\r\n                  window.location =\r\n                    '/termandcondition?single_signon=true&refcode=' +\r\n                    this.otpRequest.refcode +\r\n                    '&otp=' +\r\n                    this.otpValue +\r\n                    '&mobile=' +\r\n                    this.otpRequest.contactnumber +\r\n                    '&id_token=' +\r\n                    this.$route.query.id_token\r\n                }\r\n              } else {\r\n                if (this.$route.query.refcode) {\r\n                  window.location =\r\n                    '/termandcondition?single_signon=true&refcode=' +\r\n                    this.otpRequest.refcode +\r\n                    '&otp=' +\r\n                    this.otpValue +\r\n                    '&mobile=' +\r\n                    this.otpRequest.contactnumber +\r\n                    '&id_token=' +\r\n                    this.otpRequest.contactnumber +\r\n                    '&refusercode=' +\r\n                    this.$route.query.refcode\r\n                } else {\r\n                  window.location =\r\n                    '/termandcondition?single_signon=true&refcode=' +\r\n                    this.otpRequest.refcode +\r\n                    '&otp=' +\r\n                    this.otpValue +\r\n                    '&mobile=' +\r\n                    this.otpRequest.contactnumber +\r\n                    '&id_token=' +\r\n                    this.otpRequest.contactnumber\r\n                }\r\n              }\r\n            } else if (\r\n              error.response.data.error &&\r\n              error.response.data.error.code == 409\r\n            ) {\r\n              this.isOtpError = true\r\n              this.otpErrorText = error.response.data.error.message\r\n            } else if (\r\n              error.response.data.error &&\r\n              error.response.data.error.code !== 409\r\n            ) {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: error.response.data.error.message,\r\n              }\r\n            } else {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.connectionproblem,\r\n              }\r\n            }\r\n            reject(error)\r\n          })\r\n      })\r\n    },\r\n    standaloneLogin(response) {\r\n      console.log('Standalone!!!!!!')\r\n      Account.setCacheUser(response)\r\n      Account.setCacheToken(response.token)\r\n      Account.setCacheWalletToken(response.ewallet_token)\r\n\r\n      this.checkAcceptConsent(response.token).then(result => {\r\n        if (\r\n          this.isDisplayTermandPrivacy ||\r\n          this.isDisplayAgeCondition ||\r\n          this.isDisplayMarketing\r\n        ) {\r\n          if (result) {\r\n            window.location = '/home'\r\n          } else {\r\n            if (this.$route.query.refcode) {\r\n              window.location =\r\n                '/termandcondition?single_signon=true' +\r\n                '&refusercode=' +\r\n                this.$route.query.refcode\r\n            } else {\r\n              window.location = '/termandcondition?single_signon=true'\r\n            }\r\n          }\r\n        } else {\r\n          window.location = '/home'\r\n        }\r\n      })\r\n    },\r\n    lineLogin(token) {\r\n      var params = {\r\n        app_id: Account.getCacheCustom('app_id'),\r\n        id_token: this.$route.query.id_token,\r\n      }\r\n      BzbsAuth.apilineotpdirectlogin(params, token)\r\n        .then(response_line => {\r\n          this.handleLoading(false)\r\n          console.log('response_line ::', response_line)\r\n          // Account.setCacheUser(response_line.data)\r\n          Account.setCacheToken(response_line.data.token)\r\n          Account.setCacheWalletToken(response_line.data.ewallet_token)\r\n          if (this.connectLine) {\r\n            this.checkAcceptConsent(token).then(result => {\r\n              if (\r\n                this.isDisplayTermandPrivacy ||\r\n                this.isDisplayAgeCondition ||\r\n                this.isDisplayMarketing\r\n              ) {\r\n                if (result) {\r\n                  window.location = '/home'\r\n                } else {\r\n                  if (this.$route.query.refcode) {\r\n                    window.location =\r\n                      '/termandcondition?single_signon=true' +\r\n                      '&refusercode=' +\r\n                      this.$route.query.refcode\r\n                  } else {\r\n                    window.location = '/termandcondition?single_signon=true'\r\n                  }\r\n                }\r\n              } else {\r\n                window.location = '/home'\r\n              }\r\n            })\r\n          }\r\n\r\n          if (this.$route.query.refcode) {\r\n            window.location =\r\n              '/termandcondition?single_signon=true' +\r\n              '&refusercode=' +\r\n              this.$route.query.refcode\r\n          } else {\r\n            window.location = '/termandcondition?single_signon=true'\r\n          }\r\n        })\r\n        .catch(error => {\r\n          this.handleLoading(false)\r\n          if (!_.isEmpty(error.response.data.error)) {\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n          }\r\n          if (\r\n            _.isEmpty(error.response) ||\r\n            _.isEmpty(error.response.data.error)\r\n          ) {\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: this.lbl.error.connectionproblem,\r\n            }\r\n          }\r\n        })\r\n    },\r\n    checkAcceptConsent(token) {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getAcceptanceConsent(token)\r\n          .then(res => {\r\n            if (res.data.TermAndCondition || res.data.DataPrivacy) {\r\n              resolve(true)\r\n            } else {\r\n              resolve(false)\r\n            }\r\n          })\r\n          .catch(() => {\r\n            resolve(false)\r\n          })\r\n      })\r\n    },\r\n    ArrList(string) {\r\n      var list = string.split(',')\r\n      return list\r\n    },\r\n    ChangeCloseOtp(event) {\r\n      this.isSentOtp = event.value\r\n      if (event.error) {\r\n        this.showError = true\r\n        this.dataError = {\r\n          title: this.lbl.error.errortitle,\r\n          detail: event.error,\r\n        }\r\n      }\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.genInfo(res)\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            if (_.isEmpty(error.response)) {\r\n              this.handleLoading(false)\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.connectionproblem,\r\n              }\r\n            }\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail:\r\n                error.response.data.error.message ||\r\n                this.lbl.error.connectionproblem,\r\n            }\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    async genInfo(res) {\r\n      this.loginType = res.data.StoreDetail.LoginType\r\n      this.storeinfo.image_logo = res.data.StoreDetail.LogoUrl\r\n      this.storeinfo.businessName = res.data.StoreDetail.BusinessName\r\n      this.storeinfo.buttoncolor = res.data.StoreDetail.ButtonColor\r\n      this.storeinfo.buttontextcolor = res.data.StoreDetail.ButtonTextColor\r\n      this.isDisplayTermandPrivacy =\r\n        res.data.StoreDetail.DisplayTermAndCondition\r\n      this.isDisplayAgeCondition = res.data.StoreDetail.DisplayConsentAge\r\n      this.isDisplayMarketing = res.data.StoreDetail.DisplayMarketingMessage\r\n      this.isRequiredTermandPrivacy =\r\n        res.data.StoreDetail.RequireTermAndCondition\r\n      this.isRequiredAgeCondition = res.data.StoreDetail.RequireConsentAge\r\n      this.isRequiredMarketing = res.data.StoreDetail.RequireMarketingMessage\r\n    },\r\n    resentOTP() {\r\n      console.log('click resent OTP')\r\n      this.GetOTP()\r\n    },\r\n\r\n    //Error\r\n    ChangeAlertError(value) {\r\n      this.isshowalert = value\r\n    },\r\n    ChangeError(event) {\r\n      this.showError = event\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n.login-container {\r\n  height: 100vh;\r\n  background-color: #ffffff;\r\n  padding: 16px;\r\n  padding-bottom: 40px;\r\n  overflow: auto;\r\n  position: relative;\r\n\r\n  .login-box {\r\n    max-width: 500px;\r\n    .merchant-detail {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n      margin-bottom: 24px;\r\n\r\n      .merchant-logo {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 1000px;\r\n        object-fit: contain;\r\n      }\r\n      .text-title {\r\n        font-size: 28px;\r\n        line-height: 1.35;\r\n        font-weight: bold;\r\n        color: #424242;\r\n      }\r\n    }\r\n    .input-wrapper {\r\n      position: relative;\r\n      margin-top: 24px;\r\n\r\n      .title-page {\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        margin-bottom: 0;\r\n      }\r\n      .desc-page {\r\n        color: #757575;\r\n        margin-bottom: 24px;\r\n      }\r\n      .otp-detail {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 16px;\r\n        font-weight: 500;\r\n        .refcode {\r\n          color: #616161;\r\n        }\r\n        .expired {\r\n          color: $color-error;\r\n        }\r\n      }\r\n      .form-input-otp {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-items: center;\r\n        .otp__input {\r\n          width: 80%;\r\n        }\r\n        .otp__input div {\r\n          margin: 0 4px;\r\n        }\r\n      }\r\n      .input-expied {\r\n        opacity: 1;\r\n      }\r\n      .otp-input {\r\n        height: 50px;\r\n        width: 50px;\r\n        border-radius: 4px;\r\n        background-color: #fafafa;\r\n        border: 1px solid #e8e8e8;\r\n        color: #616161;\r\n        margin: 0 4px;\r\n        text-align: center;\r\n        font-size: 18px;\r\n        &.error {\r\n          border: 1px solid $color-error !important;\r\n        }\r\n      }\r\n      .send-otp-again {\r\n        text-align: -webkit-center;\r\n        margin: 16px 0 0;\r\n        .btn-submit-otp {\r\n          color: #bdbdbd;\r\n          width: 200px;\r\n          height: 52px;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          border-radius: 100px;\r\n          cursor: pointer;\r\n          font-size: 18px;\r\n        }\r\n        .disable-submit {\r\n          opacity: 0.7;\r\n        }\r\n      }\r\n      .error-massage {\r\n        position: absolute;\r\n        bottom: -32px;\r\n        width: 100%;\r\n        color: $color-error;\r\n      }\r\n    }\r\n    .login-option {\r\n      display: flex;\r\n      flex-flow: wrap;\r\n      justify-content: space-between;\r\n      font-size: 14px;\r\n    }\r\n    .resent-otp {\r\n      text-align: center;\r\n      color: #2196f3;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      letter-spacing: 1px;\r\n      text-decoration-line: underline;\r\n      margin-top: 48px;\r\n    }\r\n    .button-wrapper {\r\n      margin-top: 24px;\r\n      text-align: center;\r\n\r\n      .login-button {\r\n        position: fixed;\r\n        bottom: 58px;\r\n        left: 50%;\r\n        transform: translate(-50%, 0);\r\n        width: calc(100% - 32px);\r\n        height: 50px;\r\n        border-radius: 100px;\r\n      }\r\n      .login-button:disabled {\r\n        opacity: 0.5;\r\n      }\r\n\r\n      .login-facebook-button {\r\n        width: 100%;\r\n        height: 40px;\r\n        border-radius: 20px;\r\n        border: solid 1px #c9c9c9;\r\n        background-color: #fff;\r\n      }\r\n\r\n      .or-text {\r\n        margin: 18px auto 8px;\r\n      }\r\n    }\r\n    .not-have-account {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-flow: wrap;\r\n      justify-content: center;\r\n      gap: 16px;\r\n      margin: 32px auto 16px;\r\n    }\r\n\r\n    .link-text {\r\n      cursor: pointer;\r\n      font-style: italic;\r\n      color: #1890ff;\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  @include breakpoint-min(500) {\r\n    text-align: center;\r\n    text-align: -webkit-center;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OTP.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OTP.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OTP.vue?vue&type=template&id=7feaedbd&\"\nimport script from \"./OTP.vue?vue&type=script&lang=js&\"\nexport * from \"./OTP.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OTP.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modalFooter\"},[_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"alerterrormodal\",\"centered\":\"\",\"title\":_vm.title.line1,\"crm_at\":\"modal_alerterrormodal\",\"hide-footer\":\"\"},model:{value:(_vm.showalert),callback:function ($$v) {_vm.showalert=$$v},expression:\"showalert\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"title\",attrs:{\"crm_at\":\"title_alerterrormodal\"}},[_vm._v(_vm._s(_vm.title.line2))]),_c('ul',_vm._l((_vm.modalcontent),function(error,index){return _c('li',{key:index,staticClass:\"error\",attrs:{\"crm_at\":\"list_alerterrormodal\"}},[_c('div',{attrs:{\"crm_at\":\"list_name\"}},[_vm._v(\"\\n          \"+_vm._s(error.name)+\"\\n        \")]),_c('div',{staticClass:\"text-blank\",attrs:{\"crm_at\":\"list_action\"}},[_vm._v(\"\\n          \"+_vm._s(error.action)+\"\\n        \")])])}),0)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modalFooter\">\r\n    <b-modal\r\n      id=\"alerterrormodal\"\r\n      ref=\"my-modal\"\r\n      v-model=\"showalert\"\r\n      centered\r\n      :title=\"title.line1\"\r\n      crm_at=\"modal_alerterrormodal\"\r\n      hide-footer\r\n    >\r\n    <div :class=\"currentLocale\">\r\n      <div class=\"title\" crm_at=\"title_alerterrormodal\">{{ title.line2 }}</div>\r\n      <ul>\r\n        <li v-for=\"(error, index) in modalcontent\" :key=\"index\" class=\"error\" crm_at=\"list_alerterrormodal\">\r\n          <div crm_at=\"list_name\">\r\n            {{ error.name }}\r\n          </div>\r\n          <div class=\"text-blank\" crm_at=\"list_action\">\r\n            {{ error.action }}\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport Locale from '@/helper/Locale.js'\r\nexport default {\r\n  components: {},\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    isshowalert: Boolean,\r\n    modalcontent: Array,\r\n    resultalerterror: Boolean,\r\n    title: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      showalert: this.isshowalert,\r\n      showmodal: true,\r\n      canntblank: 'Cannot be blank ',\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'alerterrormodal') {\r\n        this.$refs['my-modal'].hide()\r\n        this.$emit('ChangeAlertError', false)\r\n      }\r\n    })\r\n  },\r\n  created() {},\r\n  methods: {\r\n    showModal() {\r\n      this.$refs['my-modal'].show()\r\n    },\r\n    hideModal() {\r\n      this.modalcondition.ismodalShow = true\r\n      this.$refs['my-modal'].hide()\r\n    },\r\n    toggleModal() {\r\n      this.$refs['my-modal'].toggle('#toggle-btn')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#alerterrormodal___BV_modal_outer_ {\r\n  ul {\r\n    padding: 0px;\r\n    li {\r\n      list-style: none;\r\n      .text-blank {\r\n        color: #bc5e5f;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .title {\r\n    font-size: 14px;\r\n    color: #666666;\r\n    text-align: center;\r\n  }\r\n  .modal-header {\r\n    background-color: #ffe1e0;\r\n    color: #666666;\r\n    .close {\r\n      font-size: 40px;\r\n      position: absolute;\r\n      top: 0px;\r\n      right: 15px;\r\n    }\r\n  }\r\n  .modal-title {\r\n    font-size: 14px;\r\n    margin: auto;\r\n    @include breakpoint-max(320) {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  .error {\r\n    font-size: 16px;\r\n    text-align: center;\r\n    margin: 25px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertErrormodal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertErrormodal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertErrormodal.vue?vue&type=template&id=795bfa99&\"\nimport script from \"./AlertErrormodal.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertErrormodal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertErrormodal.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup-error\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('b-modal',{ref:\"my-modal-error\",staticClass:\"modal-Error\",attrs:{\"id\":\"modal-error\",\"centered\":\"\",\"crm_at\":\"modal_error\",\"hide-footer\":\"\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticClass:\"icon-error\",attrs:{\"src\":require(\"@/assets/images/icon_Error.svg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"text-center pb-4 pt-3 modal-error-text-main\",attrs:{\"crm_at\":\"detail_error\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.Title)+\"\\n      \")]),_c('div',{staticClass:\"text-center pb-4 modal-error-text-sub\",attrs:{\"crm_at\":\"detail_error\"},domProps:{\"innerHTML\":_vm._s(_vm.Detail)}}),_c('button',{staticClass:\"btn-alert-error\",style:({\n          'background-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n          'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n          color: _vm.textColor ? _vm.textColor : '#FFF',\n        }),attrs:{\"type\":\"submit\",\"value\":\"Submit\",\"crm_at\":\"btn_submit\"},on:{\"click\":_vm.close}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.btn.submit)+\"\\n      \")])])]):_c('b-modal',{ref:\"my-modal-error\",staticClass:\"modal-Error\",attrs:{\"id\":\"modal-error\",\"centered\":\"\",\"crm_at\":\"modal_error\",\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\n        var close = ref.close;\nreturn [_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-8\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"crm_at\":\"title_error\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.Title)+\"\\n            \")])]),_c('div',{staticClass:\"col-4 text-end\"},[_c('b-button',{staticClass:\"b-modal-header close-modal-btn\",attrs:{\"size\":\"lg\",\"crm_at\":\"close_error\"},on:{\"click\":function($event){return close()}}},[_c('a-icon',{attrs:{\"type\":\"close\"}})],1)],1)])])]}}])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center pt-4 pb-4 b-modal-body\",attrs:{\"crm_at\":\"detail_error\"},domProps:{\"innerHTML\":_vm._s(_vm.Detail)}}),(_vm.Log != null)?_c('div',{staticClass:\"col-12 text-right pt-0 pb-0 b-log-error\",attrs:{\"crm_at\":\"log_error\"}},[_vm._v(\"\\n        Log : \"+_vm._s(_vm.Log)+\"\\n      \")]):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- eslint-disable vue/no-v-html -->\r\n<template>\r\n  <div class=\"popup-error\">\r\n    <!-- Support PC Tablet -->\r\n    <b-modal\r\n      v-if=\"windowWidth >= 600 && windowHeight >= 600\"\r\n      id=\"modal-error\"\r\n      ref=\"my-modal-error\"\r\n      centered\r\n      class=\"modal-Error\"\r\n      crm_at=\"modal_error\"\r\n      hide-footer\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"text-center\">\r\n          <img class=\"icon-error\" src=\"@/assets/images/icon_Error.svg\" alt=\"\" />\r\n        </div>\r\n        <div\r\n          class=\"text-center pb-4 pt-3 modal-error-text-main\"\r\n          crm_at=\"detail_error\"\r\n        >\r\n          {{ Title }}\r\n        </div>\r\n        <div\r\n          class=\"text-center pb-4 modal-error-text-sub\"\r\n          crm_at=\"detail_error\"\r\n          v-html=\"Detail\"\r\n        ></div>\r\n        <button\r\n          :style=\"{\r\n            'background-color': backgroundColor ? backgroundColor : '#1890ff',\r\n            'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n            color: textColor ? textColor : '#FFF',\r\n          }\"\r\n          type=\"submit\"\r\n          value=\"Submit\"\r\n          crm_at=\"btn_submit\"\r\n          class=\"btn-alert-error\"\r\n          @click=\"close\"\r\n        >\r\n          {{ lbl.btn.submit }}\r\n        </button>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <!-- Support Mobile -->\r\n    <b-modal\r\n      v-else\r\n      id=\"modal-error\"\r\n      ref=\"my-modal-error\"\r\n      centered\r\n      class=\"modal-Error\"\r\n      crm_at=\"modal_error\"\r\n      hide-footer\r\n    >\r\n      <template #modal-header=\"{ close }\">\r\n        <div :class=\"currentLocale\">\r\n          <div class=\"row\">\r\n            <div class=\"col-8\">\r\n              <h5 class=\"modal-title\" crm_at=\"title_error\">\r\n                {{ Title }}\r\n              </h5>\r\n            </div>\r\n            <div class=\"col-4 text-end\">\r\n              <b-button\r\n                size=\"lg\"\r\n                class=\"b-modal-header close-modal-btn\"\r\n                crm_at=\"close_error\"\r\n                @click=\"close()\"\r\n              >\r\n                <a-icon type=\"close\" />\r\n              </b-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"col-12 text-center pt-4 pb-4 b-modal-body\"\r\n          crm_at=\"detail_error\"\r\n          v-html=\"Detail\"\r\n        ></div>\r\n        <div\r\n          v-if=\"Log != null\"\r\n          class=\"col-12 text-right pt-0 pb-0 b-log-error\"\r\n          crm_at=\"log_error\"\r\n        >\r\n          Log : {{ Log }}\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  components: {},\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    show: Boolean,\r\n    data: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      Title: '',\r\n      Detail: '',\r\n      Log: null,\r\n      backgroundColor: '',\r\n      textColor: '',\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  watch: {\r\n    show: function (newVal, oldVal) {\r\n      console.log('Prop changed: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.genInfo()\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'modal-error') {\r\n        this.$refs['my-modal-error'].hide()\r\n        this.$emit('changeError', false)\r\n      }\r\n    })\r\n  },\r\n  methods: {\r\n    genInfo() {\r\n      if (this.data != null) {\r\n        if (this.data.title != null && this.data.title != undefined) {\r\n          this.Title = this.data.title\r\n            ? this.data.title\r\n            : this.lbl.error.errortitle\r\n        } else {\r\n          this.Title = this.lbl.error.errortitle\r\n        }\r\n        if (this.data.detail != null && this.data.detail != undefined) {\r\n          this.Detail = this.data.detail\r\n            ? this.data.detail\r\n            : this.lbl.error.connectionproblem\r\n        } else {\r\n          this.Detail = this.lbl.error.connectionproblem\r\n        }\r\n        if (\r\n          this.data.backgroundColor != null &&\r\n          this.data.backgroundColor != undefined\r\n        ) {\r\n          this.backgroundColor = this.data.backgroundColor\r\n            ? this.data.backgroundColor\r\n            : '#1890ff'\r\n        } else {\r\n          this.backgroundColor = '#1890ff'\r\n        }\r\n        if (this.data.textColor != null && this.data.textColor != undefined) {\r\n          this.textColor = this.data.textColor ? this.data.textColor : '#FFF'\r\n        } else {\r\n          this.textColor = '#FFF'\r\n        }\r\n        if (this.data.log != null && this.data.log != undefined) {\r\n          this.Log = this.data.log ? this.data.log : null\r\n        } else {\r\n          this.Log = null\r\n        }\r\n        this.$refs['my-modal-error'].show()\r\n      } else {\r\n        this.$refs['my-modal-error'].hide()\r\n        this.$emit('changeError', false)\r\n      }\r\n    },\r\n    close() {\r\n      this.$refs['my-modal-error'].hide()\r\n      this.$emit('changeError', false)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#modal-error {\r\n  .modal-header {\r\n    background-color: #ffe1e0;\r\n    display: block;\r\n  }\r\n\r\n  .text-end {\r\n    text-align: end;\r\n  }\r\n\r\n  .b-modal-body {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .b-log-error {\r\n    color: #d9d9d9;\r\n  }\r\n}\r\n\r\n@media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n  #modal-error {\r\n    .modal-header {\r\n      background-color: #ffffff;\r\n      border-bottom: unset;\r\n    }\r\n    .modal-body {\r\n      padding: 0 3rem 3rem;\r\n    }\r\n    .modal-content {\r\n      border-radius: 8px;\r\n    }\r\n    @mixin btn() {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: auto;\r\n      border-radius: 100px;\r\n      font-size: 18px;\r\n      height: 50px;\r\n    }\r\n    .btn-alert-error {\r\n      @include btn();\r\n      width: 80%;\r\n    }\r\n    .modal-error-text-main {\r\n      @include fontSize(24);\r\n      @include fontWeight('medium');\r\n      padding: 0px 35px;\r\n    }\r\n    .modal-error-text-sub {\r\n      @include fontSize(14);\r\n      @include fontWeight('light');\r\n    }\r\n    .icon-error {\r\n      width: 90px;\r\n      height: 90px;\r\n    }\r\n  }\r\n}\r\n.close-modal-btn {\r\n  background: transparent;\r\n  border: none;\r\n  color: #29304d;\r\n  font-size: 12px;\r\n  padding: 0;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertError.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertError.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertError.vue?vue&type=template&id=6da26047&\"\nimport script from \"./AlertError.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertError.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertError.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OTP.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/restore_red.svg\";","module.exports = __webpack_public_path__ + \"img/icon_Error.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertError.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertErrormodal.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}