{"version":3,"sources":["webpack:///./src/components/Modal/Otpmodal.vue?0d12","webpack:///src/components/Modal/Otpmodal.vue","webpack:///./src/components/Modal/Otpmodal.vue?d516","webpack:///./src/components/Modal/Otpmodal.vue","webpack:///./src/components/Modal/VerifySuccessModal.vue?7e11","webpack:///src/components/Modal/VerifySuccessModal.vue","webpack:///./src/components/Modal/VerifySuccessModal.vue?f3a2","webpack:///./src/components/Modal/VerifySuccessModal.vue","webpack:///./src/assets/images/success-icon.svg","webpack:///./src/assets/images/close-icon.svg","webpack:///./src/components/Modal/Otpmodal.vue?184a","webpack:///./src/components/Modal/VerifySuccessModal.vue?309c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","showmodal","expression","class","currentLocale","_v","_s","lbl","otp","title","on","$event","hideModal","objRequestOTP","sendtomobile","data_params","contact_number","refcode","_e","data","staticStyle","ref","isOtpExpied","handleOnChange","handleOnComplete","isSuccess","validat_otp","please_otp","clicksubmit","style","backgroundColor","storeinfo","buttoncolor","border","color","buttontextcolor","text_btn_submit","expired","detail_otp","remain_time","resend","verifySuccess","showError","dataError","ChangeError","staticRenderFns","component","companycrm","successtext","name","buttonColor","buttonTextColor","closeSuccessModal","btn","ok","module","exports"],"mappings":"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EA,uBACA,wBAEA,uBAKA,2CACA,gCACA,SAEA,6DAKA,8BACA,+BAEA,gBACA,iCACA,sBAEA,+BACA,+BAEA,gBACA,oBACA,qCAEA,gBACA,oBACA,uBApBA,gBACA,iCACA,oCAoBA,SAEA,KAgDA,QA9CA,yCACA,yCACA,mCAEA,GACA,4CACA,4CACA,kDAGA,yCACA,mCAEA,GACA,4CACA,4CACA,uBAEA,qCACA,GACA,4CACA,iBACA,mBAIA,6DAIA,8BACA,+BAEA,iCACA,sBAEA,+BACA,+BAEA,oBACA,qCAEA,oBACA,uBAhBA,iCACA,oCAkBA,eACA,0CACA,gCACA,GACA,iCACA,uCACA,iBACA,SACA,wCACA,sCACA,wCACA,kCACA,iDACA,gCACA,0CACA,mBACA,cACA,sCACA,gDACA,8CACA,oCACA,iCACA,6BACA,qCAGA,GACA,iCACA,uCACA,iBACA,SACA,wCACA,sCACA,wCACA,kCACA,iDACA,gCACA,0CACA,mBACA,eAGA,+BACA,4CAIA,8BACA,yBACA,0BAEA,oBACA,4BACA,EACA,yBACA,sBAEA,kBAEA,GADA,oBACA,gBACA,OACA,uCACA,kCAEA,oBACA,mCACA,kBAEA,4BACA,mCACA,2BACA,sBAEA,SAEA,mBACA,oBAEA,0BACA,SACA,sCAGA,aAIA,qBACA,kBAEA,4BAEA,0BACA,SACA,uBAGA,SAGA,mBAgBA,GAfA,oBAEA,0BACA,oBACA,eACA,aACA,6BACA,uCAGA,WACA,MACA,yDAIA,iDACA,+BAEA,eACA,aACA,6BACA,yCAEA,kCACA,kBACA,eACA,aACA,6BACA,iDAEA,kCACA,gDACA,kCAQA,GAPA,aACA,6BACA,sCAEA,qCACA,yDAEA,kCACA,+CACA,EACA,yCAEA,qBAIA,eACA,aACA,6BACA,sCAGA,UAGA,UAIA,qCACA,uBACA,SAEA,mEAKA,iCACA,kCAEA,gBACA,oCACA,sBAEA,kCACA,kCAEA,gBACA,oBACA,wCAEA,gBACA,oBACA,uBApBA,gBACA,oCACA,uCAqBA,WACA,+BAEA,eACA,uCAEA,8CA8CA,OA5CA,IAEA,8BACA,yBACA,0BAEA,eAEA,kCACA,eACA,oBACA,6CAEA,qBACA,uBACA,iBACA,KACA,EACA,KACA,MAEA,kBACA,eAEA,kCACA,eACA,oBACA,+CAEA,mBACA,oBACA,eACA,2BACA,eACA,aACA,6BACA,0CAKA,0BACA,YAEA,MAGA,uCACA,uBACA,UACA,iEACA,0BAEA,mEAKA,iCACA,kCAEA,gBACA,oCACA,sBAEA,kCACA,kCAEA,gBACA,oBACA,wCAEA,gBACA,oBACA,uBApBA,gBACA,oCACA,uCAqBA,WACA,+BAEA,eACA,uCAEA,8CAEA,oCACA,uBACA,uBACA,iBACA,KACA,EACA,KACA,MAEA,kBAEA,eAEA,kCACA,eACA,oBACA,+CAEA,mBACA,oBACA,eACA,0BACA,oBACA,eACA,aACA,6BACA,uCAIA,iDACA,gCAEA,oBACA,0CACA,gCACA,oBACA,mDAEA,oBACA,2BACA,eACA,aACA,6BACA,sCAEA,oDAGA,KACA,6BACA,oBACA,eACA,gDACA,CACA,SACA,yBACA,gCACA,6BACA,eACA,eAEA,8BACA,yBACA,0BAEA,eACA,kCACA,aAEA,6CAGA,gBACA,uEAEA,EACA,aACA,yBAKA,aAGA,mBACA,yBAEA,yBAEA,oCACA,kBACA,6CACA,UACA,qDAGA,8BAEA,EADA,gBAEA,EACA,UACA,EACA,WACA,gCAGA,EACA,UACA,EACA,WACA,gCAGA,kCACA,wBAEA,EACA,aACA,mDACA,gBACA,mDACA,UACA,EACA,WACA,gCAEA,wBAGA,uBAEA,uDACA,qBACA,mDACA,UACA,uBACA,uBACA,WACA,gCACA,+CAEA,yBAIA,qBACA,0BAEA,6BACA,2BACA,oCAEA,2BAEA,mCAEA,4BACA,oCC/1BiW,I,wBCQ7VC,EAAY,eACd,EACA1D,EACAyD,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,6CCnBf,IAAI1D,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,mCAAmC,CAACH,EAAG,UAAU,CAACG,MAAM,CAAC,GAAK,uBAAuB,cAAc,GAAG,cAAc,GAAG,SAAW,GAAG,uBAAuB,GAAG,kBAAkB,IAAIC,MAAM,CAACC,MAAOT,EAAa,UAAEU,SAAS,SAAUC,GAAMX,EAAIY,UAAUD,GAAKE,WAAW,cAAc,CAACT,EAAG,MAAM,CAACU,MAAMd,EAAIe,eAAe,CAACX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,IAAM,EAAQ,QAAoC,IAAM,kBAAkBH,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAIkB,IAAIwC,WAAWC,YAAYC,MAAM,gBAAgBxD,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,WAAW,CAACE,YAAY,eAAekC,MAAM,CACjwBC,gBAAiBzC,EAAI6D,YACrBjB,OAAQ5C,EAAI6D,YACZhB,MAAO7C,EAAI8D,iBACVvD,MAAM,CAAC,GAAK,eAAe,MAAQ,GAAG,OAAS,gBAAgBc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOtB,EAAI+D,uBAAuB,CAAC/D,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAIkB,IAAI8C,IAAIC,IAAI,eAAe,QAAQ,IACxMT,EAAkB,G,wBC0CtB,GACA,0BACA,gBACA,OACA,mBACA,wBAEA,gBACA,OACA,aACA,mCAGA,SACA,6BACA,6CACA,+BC/D2W,I,wBCQvWC,EAAY,eACd,EACA1D,EACAyD,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,gCCnBfS,EAAOC,QAAU,IAA0B,wB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,gFCA3C,W,kCCAA","file":"js/TermAndCondition~companycrm~editprofile~register.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modalFooter\"},[_c('b-modal',{attrs:{\"id\":\"otp__modal\",\"crm_at\":\"modal_otp\",\"centered\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"modal-title-center modal-title\"},[_vm._v(_vm._s(_vm.lbl.otp.title))]),_c('button',{staticClass:\"close-btn\",attrs:{\"type\":\"button\",\"crm_at\":\"clos_barcode\",\"data-dismiss\":\"modal\"},on:{\"click\":function($event){return _vm.hideModal()}}},[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/images/close-icon.svg\"),\"alt\":\"close icon\"}})]),_c('div',{staticClass:\"p__title\",attrs:{\"crm_at\":\"p_title\"}},[(_vm.objRequestOTP.data)?_c('div',{attrs:{\"crm_at\":\"otp_data\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.otp.sendtomobile)+\" : \"+_vm._s(_vm.data_params.contact_number)+_vm._s(_vm.lbl.otp.refcode)+\"\\n        \")]):_vm._e(),(_vm.objRequestOTP.data && _vm.objRequestOTP.data.refcode)?_c('span',{attrs:{\"crm_at\":\"refcode\"}},[_vm._v(_vm._s(_vm.objRequestOTP.data.refcode))]):_vm._e()]),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('v-otp-input',{ref:\"otpInput\",class:{ 'input-expied': _vm.isOtpExpied },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.isOtpExpied)?_c('div',{staticClass:\"text__message_otp\",class:{ 'text-success': _vm.isSuccess },attrs:{\"crm_at\":\"text_message_otp\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.validat_otp)+\"\\n      \")]):_vm._e(),(!_vm.isOtpExpied)?_c('div',{staticClass:\"text__message_otp\",class:{ 'text-success': _vm.isSuccess },attrs:{\"crm_at\":\"text_message_otp\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.please_otp)+\"\\n      \")]):_vm._e(),_c('div',{attrs:{\"crm_at\":\"clicksubmit\"},on:{\"click\":_vm.clicksubmit}},[_c('div',{staticClass:\"btn__submit\",class:{ 'disable-submit': _vm.isOtpExpied },style:({\n            backgroundColor: _vm.storeinfo.buttoncolor,\n            border: _vm.storeinfo.buttoncolor,\n            color: _vm.storeinfo.buttontextcolor,\n          })},[_c('span',{attrs:{\"crm_at\":\"text_submit\"}},[_vm._v(_vm._s(_vm.text_btn_submit))])])]),(!_vm.isOtpExpied)?_c('p',{staticClass:\"text-center expire__date\",attrs:{\"crm_at\":\"expire_date\"}},[_vm._v(\"\\n        \"+_vm._s(this.lbl.otp.expired)+\"\\n        \"),_c('span',{staticClass:\"time-expired\",attrs:{\"crm_at\":\"time_expired\"}},[_vm._v(_vm._s(_vm.detail_otp.remain_time))])]):_vm._e(),_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"btn btn-outline-secondary\",class:{ 'disable-submit': !_vm.isOtpExpied },style:({\n            backgroundColor: _vm.storeinfo.buttoncolor,\n            border: _vm.storeinfo.buttoncolor,\n            color: _vm.storeinfo.buttontextcolor,\n          }),attrs:{\"crm_at\":\"clicksubmit\"},on:{\"click\":_vm.clicksubmit}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.otp.resend)+\"\\n        \")])])])]),(_vm.isVerifySuccess)?_c('VerifySuccessModal',{attrs:{\"button-color\":_vm.storeinfo.buttoncolor,\"button-text-color\":_vm.storeinfo.buttontextcolor},on:{\"verifySuccess\":function($event){return _vm.verifySuccess()}}}):_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=\"modalFooter\">\r\n    <b-modal\r\n      id=\"otp__modal\"\r\n      v-model=\"showmodal\"\r\n      crm_at=\"modal_otp\"\r\n      centered\r\n      hide-footer\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"modal-title-center modal-title\">{{ lbl.otp.title }}</div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"close-btn\"\r\n          crm_at=\"clos_barcode\"\r\n          data-dismiss=\"modal\"\r\n          @click=\"hideModal()\"\r\n        >\r\n          <img\r\n            src=\"@/assets/images/close-icon.svg\"\r\n            class=\"close-icon\"\r\n            alt=\"close icon\"\r\n          />\r\n        </button>\r\n        <div class=\"p__title\" crm_at=\"p_title\">\r\n          <div v-if=\"objRequestOTP.data\" crm_at=\"otp_data\">\r\n            {{ lbl.otp.sendtomobile }} : {{ data_params.contact_number\r\n            }}{{ lbl.otp.refcode }}\r\n          </div>\r\n          <span\r\n            v-if=\"objRequestOTP.data && objRequestOTP.data.refcode\"\r\n            crm_at=\"refcode\"\r\n            >{{ objRequestOTP.data.refcode }}</span\r\n          >\r\n        </div>\r\n        <div style=\"display: flex; flex-direction: row;\">\r\n          <v-otp-input\r\n            ref=\"otpInput\"\r\n            input-classes=\"otp-input\"\r\n            crm_at=\"otp_input\"\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\r\n          v-if=\"isOtpExpied\"\r\n          class=\"text__message_otp\"\r\n          crm_at=\"text_message_otp\"\r\n          :class=\"{ 'text-success': isSuccess }\"\r\n        >\r\n          {{ validat_otp }}\r\n        </div>\r\n\r\n        <div\r\n          v-if=\"!isOtpExpied\"\r\n          class=\"text__message_otp\"\r\n          crm_at=\"text_message_otp\"\r\n          :class=\"{ 'text-success': isSuccess }\"\r\n        >\r\n          {{ please_otp }}\r\n        </div>\r\n        <div crm_at=\"clicksubmit\" @click=\"clicksubmit\">\r\n          <div\r\n            class=\"btn__submit\"\r\n            :style=\"{\r\n              backgroundColor: storeinfo.buttoncolor,\r\n              border: storeinfo.buttoncolor,\r\n              color: storeinfo.buttontextcolor,\r\n            }\"\r\n            :class=\"{ 'disable-submit': isOtpExpied }\"\r\n          >\r\n            <span crm_at=\"text_submit\">{{ text_btn_submit }}</span>\r\n          </div>\r\n        </div>\r\n        <p\r\n          v-if=\"!isOtpExpied\"\r\n          crm_at=\"expire_date\"\r\n          class=\"text-center expire__date\"\r\n        >\r\n          {{ this.lbl.otp.expired }}\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 class=\"text-center\">\r\n          <div\r\n            class=\"btn btn-outline-secondary\"\r\n            :class=\"{ 'disable-submit': !isOtpExpied }\"\r\n            crm_at=\"clicksubmit\"\r\n            :style=\"{\r\n              backgroundColor: storeinfo.buttoncolor,\r\n              border: storeinfo.buttoncolor,\r\n              color: storeinfo.buttontextcolor,\r\n            }\"\r\n            @click=\"clicksubmit\"\r\n          >\r\n            {{ lbl.otp.resend }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <VerifySuccessModal\r\n      v-if=\"isVerifySuccess\"\r\n      :button-color=\"storeinfo.buttoncolor\"\r\n      :button-text-color=\"storeinfo.buttontextcolor\"\r\n      @verifySuccess=\"verifySuccess()\"\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 BzbsProfile from '@/core/Account/service/BzbsProfile.js'\r\nimport BzbsAuth from '@/core/Account/service/BzbsAuth.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport _ from 'lodash'\r\nimport Locale from '@/helper/Locale.js'\r\nimport VerifySuccessModal from '@/components/Modal/VerifySuccessModal.vue'\r\n\r\nexport default {\r\n  components: {\r\n    AlertError,\r\n    VerifySuccessModal,\r\n  },\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    params: Object,\r\n    resultOtp: Object,\r\n    isSentOtp: Boolean,\r\n    objProfileInfo: Object,\r\n    referenceInfo: String,\r\n    referenceInfo2: String,\r\n    storeinfo: Object,\r\n    consentData: Object,\r\n    loginTypeList: Array,\r\n    isUseSingleUserAccount: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showError: false,\r\n      dataError: {},\r\n      currentLocale: Locale.getLocale(),\r\n      isSuccess: false,\r\n      validat_otp: null,\r\n      please_otp: null,\r\n      showmodal: this.isSentOtp,\r\n      input_1: null,\r\n      input_2: null,\r\n      input_3: null,\r\n      input_4: null,\r\n      input_5: null,\r\n      input_6: null,\r\n      data_params: this.params,\r\n      objRequestOTP: {},\r\n      isOtpExpied: false,\r\n      text_btn_submit: null,\r\n      runnigtime: null,\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: true,\r\n        countdown_limit_sec: 420,\r\n        remain_sec: 0,\r\n        interval: null,\r\n        otp_phone_no: '',\r\n      },\r\n      isVerifySuccess: false,\r\n    }\r\n  },\r\n  watch: {\r\n    isSentOtp(val) {\r\n      console.log('watch isSentOtp ::', val)\r\n      this.showmodal = val\r\n      console.log('watch showmodal ::', this.showmodal)\r\n      if (val) {\r\n        this.GetOTP()\r\n      }\r\n    },\r\n    showmodal(val) {\r\n      if (val) {\r\n        this.GetOTP()\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    console.log('isSentOtp::', this.isSentOtp)\r\n    this.init()\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  methods: {\r\n    init() {\r\n      this.handleLoading(false)\r\n      this.GetOTP()\r\n    },\r\n    initializeClock(expiredate) {\r\n      console.log(expiredate)\r\n      this.runCountDown(expiredate)\r\n    },\r\n    runCountDown(expiredate) {\r\n      var otp_remain_sec = expiredate\r\n\r\n      this.detail_otp.remain_time = otp_remain_sec\r\n      this.clearInterval()\r\n\r\n      this.detail_otp.interval = setInterval(() => {\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    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    changebtntext(fact) {\r\n      this.isOtpExpied = fact\r\n    },\r\n    GetOTP() {\r\n      console.log('params_otp' + JSON.stringify(this.data_params))\r\n      this.handleLoading(true)\r\n\r\n      var params_otp = {\r\n        contact_number: this.data_params.contact_number,\r\n        app_id: this.data_params.app_id,\r\n        channel: this.data_params.channel,\r\n      }\r\n\r\n      BzbsAuth.apiRequestOTP(params_otp)\r\n        .then(res => {\r\n          this.isOtpExpied = false\r\n          this.text_btn_submit = this.lbl.otp.submit\r\n          this.isOpenOtp = true\r\n          this.objRequestOTP = res\r\n          this.initializeClock(res.data.expireinseconds)\r\n          this.handleLoading(false)\r\n          return console.log('OTP ' + JSON.stringify(res))\r\n        })\r\n        .catch(error => {\r\n          console.log(error)\r\n          this.handleLoading(false)\r\n          if (error.response.data.error.message == 'SMS is exceed limit') {\r\n            window.location.href = '/limitotp'\r\n          }\r\n        })\r\n    },\r\n    nextPlease: function (value, before_id, next_id) {\r\n      console.log('nextPlease')\r\n      if (\r\n        value &&\r\n        !_.isEmpty(value) &&\r\n        !_.isNaN(parseInt(value)) &&\r\n        _.isNumber(parseInt(value))\r\n      ) {\r\n        console.log('id_next' + before_id)\r\n        document.getElementById(next_id).focus()\r\n      } else {\r\n        document.getElementById(before_id).value = ''\r\n      }\r\n    },\r\n    clicksubmit() {\r\n      console.log('this.isOtpExpied Click' + this.isOtpExpied)\r\n      if (this.isOtpExpied) {\r\n        console.log('GetOTP')\r\n        this.GetOTP()\r\n      } else {\r\n        console.log('btnconfirmOTP')\r\n        console.log(\r\n          'this.detail_otp.otp_code.length : ' +\r\n            this.detail_otp.otp_code.length,\r\n        )\r\n        if (this.detail_otp.otp_code.length == 6) {\r\n          this.btnconfirmOTP(this.detail_otp.otp_code)\r\n        }\r\n      }\r\n    },\r\n    btnconfirmOTP(strOTP) {\r\n      this.ConfirmOTP(strOTP)\r\n    },\r\n    ConfirmOTP(strOTP) {\r\n      var params = {\r\n        app_id: Account.getCacheCustom('app_id'),\r\n        contact_number: this.data_params.contact_number,\r\n        otp: strOTP,\r\n        refcode: this.objRequestOTP.data.refcode,\r\n      }\r\n      if (this.params.isRegsiter) {\r\n        this.registerprofile(params)\r\n      } else {\r\n        this.updateprofile(params)\r\n      }\r\n\r\n      console.log('res apiConfirmOTP' + JSON.stringify(params))\r\n    },\r\n    registerSingleSignOn() {\r\n      return new Promise(resolve => {\r\n        var strExtendJson = {}\r\n\r\n        if (!_.isEmpty(this.referenceInfo) && !_.isEmpty(this.referenceInfo2)) {\r\n          strExtendJson.registered = true\r\n          strExtendJson.reference_info = this.referenceInfo\r\n          strExtendJson.reference_info2 = this.referenceInfo2\r\n        } else if (\r\n          !_.isEmpty(this.referenceInfo) &&\r\n          _.isEmpty(this.referenceInfo2)\r\n        ) {\r\n          strExtendJson.registered = true\r\n          strExtendJson.reference_info = this.referenceInfo\r\n          strExtendJson.reference_info2 = ''\r\n        } else if (\r\n          _.isEmpty(this.referenceInfo) &&\r\n          !_.isEmpty(this.referenceInfo2)\r\n        ) {\r\n          strExtendJson.registered = true\r\n          strExtendJson.reference_info = ''\r\n          strExtendJson.reference_info2 = this.referenceInfo2\r\n        } else {\r\n          strExtendJson.registered = true\r\n          strExtendJson.reference_info = ''\r\n          strExtendJson.reference_info2 = ''\r\n        }\r\n        let params = {}\r\n\r\n        let custom_info = {}\r\n        if (\r\n          this.objProfileInfo.strVerifyCode1 != undefined &&\r\n          this.objProfileInfo.strVerifyCode2 != undefined &&\r\n          this.objProfileInfo.strVerifyCode3 != undefined\r\n        ) {\r\n          custom_info = {\r\n            verifyCode1: this.objProfileInfo.strVerifyCode1,\r\n            verifyCode2: this.objProfileInfo.strVerifyCode2,\r\n            verifyCode3: this.objProfileInfo.strVerifyCode3,\r\n          }\r\n        } else if (\r\n          this.objProfileInfo.strVerifyCode1 != undefined &&\r\n          this.objProfileInfo.strVerifyCode2 != undefined\r\n        ) {\r\n          custom_info = {\r\n            verifyCode1: this.objProfileInfo.strVerifyCode1,\r\n            verifyCode2: this.objProfileInfo.strVerifyCode2,\r\n            verifyCode3: null,\r\n          }\r\n        } else if (this.objProfileInfo.strVerifyCode1 != undefined) {\r\n          custom_info = {\r\n            verifyCode1: this.objProfileInfo.strVerifyCode1,\r\n            verifyCode2: null,\r\n            verifyCode3: null,\r\n          }\r\n        }\r\n\r\n        if (!_.isEmpty(this.referenceInfo) && !_.isEmpty(this.referenceInfo2)) {\r\n          custom_info.reference_info = this.referenceInfo\r\n          custom_info.reference_info2 = this.referenceInfo2\r\n        } else if (\r\n          !_.isEmpty(this.referenceInfo) &&\r\n          _.isEmpty(this.referenceInfo2)\r\n        ) {\r\n          custom_info.reference_info = this.referenceInfo\r\n          custom_info.reference_info2 = ''\r\n        } else if (\r\n          _.isEmpty(this.referenceInfo) &&\r\n          !_.isEmpty(this.referenceInfo2)\r\n        ) {\r\n          custom_info.reference_info = ''\r\n          custom_info.reference_info2 = this.referenceInfo2\r\n        } else {\r\n          custom_info.reference_info = ''\r\n          custom_info.reference_info2 = ''\r\n        }\r\n\r\n        if (this.consentData) {\r\n          var cooky = Account.getCacheCustom('cuscompusr')\r\n          if (cooky) this.cuscompusr = JSON.parse(cooky)\r\n          params = {\r\n            id_token: this.$route.query.id_token,\r\n            app_id: Account.getCacheCustom('app_id'),\r\n            tokenType: 'line',\r\n            os: 'web',\r\n            firstname: this.objProfileInfo.strFirstName,\r\n            lastname: this.objProfileInfo.strLastName,\r\n            birthdate: this.objProfileInfo.strBirthDate,\r\n            gender: this.objProfileInfo.strGender,\r\n            contact_number: this.objProfileInfo.strContactNumber,\r\n            email: this.objProfileInfo.strEmail,\r\n            idcard: this.objProfileInfo.strNationalIdCard,\r\n            extendjsonstring: strExtendJson,\r\n            custom_info: custom_info,\r\n            dataprivacy: this.consentData.dataprivacy,\r\n            termandcondition: this.consentData.termandcondition,\r\n            marketingOption: this.consentData.marketingOption,\r\n            consentAge: this.consentData.consentAge,\r\n            consentemail: this.consentData.email,\r\n            consentsms: this.consentData.sms,\r\n            consentline: this.consentData.line,\r\n          }\r\n        } else {\r\n          params = {\r\n            id_token: this.$route.query.id_token,\r\n            app_id: Account.getCacheCustom('app_id'),\r\n            tokenType: 'line',\r\n            os: 'web',\r\n            firstname: this.objProfileInfo.strFirstName,\r\n            lastname: this.objProfileInfo.strLastName,\r\n            birthdate: this.objProfileInfo.strBirthDate,\r\n            gender: this.objProfileInfo.strGender,\r\n            contact_number: this.objProfileInfo.strContactNumber,\r\n            email: this.objProfileInfo.strEmail,\r\n            idcard: this.objProfileInfo.strNationalIdCard,\r\n            extendjsonstring: strExtendJson,\r\n            custom_info: custom_info,\r\n          }\r\n        }\r\n        if (this.objProfileInfo.refusercode) {\r\n          params.refusercode = this.objProfileInfo.refusercode\r\n        }\r\n\r\n        if (\r\n          this.$route.query.single_signon &&\r\n          this.$route.query.id_token &&\r\n          this.isUseSingleUserAccount\r\n        ) {\r\n          this.handleLoading(true)\r\n          BzbsProfile.RegisterSingleSignOn(\r\n            params,\r\n            this.objProfileInfo.refcode,\r\n            this.objProfileInfo.otp,\r\n          )\r\n            .then(Response => {\r\n              this.handleLoading(false)\r\n              if (Response.data.success) {\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                this.handleLoading(true)\r\n                Account.actionLineDirectLogin(params, true)\r\n                  .then(response_line => {\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(\r\n                      response_line.data.ewallet_token,\r\n                    )\r\n                    resolve(true)\r\n                  })\r\n                  .catch(error => {\r\n                    this.handleLoading(false)\r\n                    console.log('actionLineDirectLogin error ::', error)\r\n                    this.$emit('ChangeCloseOtp', {\r\n                      value: false,\r\n                      error: error.response.data.error.message,\r\n                    })\r\n\r\n                    resolve(false)\r\n                  })\r\n              } else {\r\n                if (\r\n                  Response.data.code == '2091' ||\r\n                  Response.data.code == 2091\r\n                ) {\r\n                  this.please_otp = Response.data.message\r\n                } else {\r\n                  this.$emit('ChangeCloseOtp', {\r\n                    value: false,\r\n                    error: Response.data.message,\r\n                  })\r\n                }\r\n                resolve(false)\r\n              }\r\n            })\r\n            .catch(error => {\r\n              this.handleLoading(false)\r\n              console.log('registerSingleSignOn error ::', 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              if (this.isDebug) {\r\n                alert(\r\n                  'Register Profile Error => ' + JSON.stringify(error.response),\r\n                )\r\n              }\r\n              if (\r\n                error.response.data.error.message == 'DuplicateEmail' &&\r\n                error.response.data.error.id == 2089\r\n              ) {\r\n                this.showError = true\r\n                this.dataError = {\r\n                  title: this.lbl.error.errortitle,\r\n                  detail: this.lbl.error.emailregistered,\r\n                }\r\n              } else if (error.response.data.error.id == 2078) {\r\n                this.isphoneerror = true\r\n                this.showError = true\r\n                this.dataError = {\r\n                  title: this.lbl.error.errortitle,\r\n                  detail: this.lbl.error.contactnumberregistered,\r\n                }\r\n              } else if (error.response.data.error.id == 2091) {\r\n                this.please_otp = error.response.data.error.message\r\n              } else if (error.response.data.error.id == 401) {\r\n                this.dataError = {\r\n                  title: this.lbl.error.errortitle,\r\n                  detail: error.response.data.error.message,\r\n                }\r\n                if (this.loginTypeList.includes('Device')) {\r\n                  window.location = window.location.origin + '/landing/email'\r\n                }\r\n                if (this.loginTypeList.includes('Line')) {\r\n                  var fullPath = Account.getCacheCustomByAppId('fullPath')\r\n                  if (fullPath) {\r\n                    window.location = window.location.origin + fullPath\r\n                  } else {\r\n                    this.showError = true\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: error.response.data.error.message,\r\n                }\r\n              }\r\n              resolve(false)\r\n            })\r\n        } else {\r\n          resolve(true)\r\n        }\r\n      })\r\n    },\r\n    updateprofile(value) {\r\n      this.handleLoading(true)\r\n      var strExtendJson = {}\r\n\r\n      if (!_.isEmpty(this.referenceInfo) && !_.isEmpty(this.referenceInfo2)) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = this.referenceInfo\r\n        strExtendJson.reference_info2 = this.referenceInfo2\r\n      } else if (\r\n        !_.isEmpty(this.referenceInfo) &&\r\n        _.isEmpty(this.referenceInfo2)\r\n      ) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = this.referenceInfo\r\n        strExtendJson.reference_info2 = ''\r\n      } else if (\r\n        _.isEmpty(this.referenceInfo) &&\r\n        !_.isEmpty(this.referenceInfo2)\r\n      ) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = ''\r\n        strExtendJson.reference_info2 = this.referenceInfo2\r\n      } else {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = ''\r\n        strExtendJson.reference_info2 = ''\r\n      }\r\n\r\n      if (value && value.otp) {\r\n        this.objProfileInfo.otp = value.otp\r\n      }\r\n      if (value && value.refcode) {\r\n        this.objProfileInfo.refcode = value.refcode\r\n      }\r\n      this.registerSingleSignOn().then(isSuccess => {\r\n        console.log('isSuccess :: 1', isSuccess)\r\n        if (isSuccess) {\r\n          if (\r\n            this.$route.query.single_signon &&\r\n            this.$route.query.id_token &&\r\n            this.isUseSingleUserAccount\r\n          ) {\r\n            this.isSuccess = true\r\n            console.log('updated :: ' + JSON.stringify(Response))\r\n            this.please_otp = this.lbl.otp.otpsuccess\r\n            this.showmodal = false\r\n            this.handleLoading(false)\r\n            this.$emit('update:resultOtp', { successotp: true })\r\n          } else {\r\n            BzbsProfile.updateProfile(\r\n              Account.getCacheToken(),\r\n              this.objProfileInfo,\r\n              null,\r\n              strExtendJson,\r\n              null,\r\n              null,\r\n            )\r\n              .then(Response => {\r\n                this.isSuccess = true\r\n                console.log('updated :: ' + JSON.stringify(Response))\r\n                this.please_otp = this.lbl.otp.otpsuccess\r\n                this.showmodal = false\r\n                this.handleLoading(false)\r\n                this.$emit('update:resultOtp', { successotp: true })\r\n              })\r\n              .catch(error => {\r\n                this.handleLoading(false)\r\n                this.showmodal = false\r\n                this.please_otp = this.validat_otp\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          }\r\n        }\r\n        this.$emit('ChangeCloseOtp', {\r\n          value: false,\r\n        })\r\n        return true\r\n      })\r\n    },\r\n    registerprofile(value) {\r\n      this.handleLoading(true)\r\n      var strExtendJson = {}\r\n      if (this.storeinfo.IsCompany || this.storeinfo.CompanyVerifyWithOtp) {\r\n        strExtendJson.verifiedConpanyUser = true\r\n      }\r\n      if (!_.isEmpty(this.referenceInfo) && !_.isEmpty(this.referenceInfo2)) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = this.referenceInfo\r\n        strExtendJson.reference_info2 = this.referenceInfo2\r\n      } else if (\r\n        !_.isEmpty(this.referenceInfo) &&\r\n        _.isEmpty(this.referenceInfo2)\r\n      ) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = this.referenceInfo\r\n        strExtendJson.reference_info2 = ''\r\n      } else if (\r\n        _.isEmpty(this.referenceInfo) &&\r\n        !_.isEmpty(this.referenceInfo2)\r\n      ) {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = ''\r\n        strExtendJson.reference_info2 = this.referenceInfo2\r\n      } else {\r\n        strExtendJson.registered = true\r\n        strExtendJson.reference_info = ''\r\n        strExtendJson.reference_info2 = ''\r\n      }\r\n\r\n      if (value && value.otp) {\r\n        this.objProfileInfo.otp = value.otp\r\n      }\r\n      if (value && value.refcode) {\r\n        this.objProfileInfo.refcode = value.refcode\r\n      }\r\n      this.registerSingleSignOn().then(isSuccess => {\r\n        console.log('isSuccess :: 2', isSuccess)\r\n        if (isSuccess && !this.$route.query.single_signon) {\r\n          BzbsProfile.RegisterProfile(\r\n            Account.getCacheToken(),\r\n            this.objProfileInfo,\r\n            null,\r\n            strExtendJson,\r\n            null,\r\n            null,\r\n          )\r\n            .then(Response => {\r\n              console.log('Response >> ' + Response)\r\n              this.isSuccess = true\r\n              console.log('registerd :: ' + JSON.stringify(Response))\r\n              this.please_otp = this.lbl.otp.otpsuccess\r\n              this.showmodal = false\r\n              this.handleLoading(false)\r\n              this.$emit('update:resultOtp', { successotp: true })\r\n            })\r\n            .catch(error => {\r\n              this.handleLoading(false)\r\n              this.showmodal = false\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              if (\r\n                error.response.data.error.message == 'DuplicateEmail' &&\r\n                error.response.data.error.id == 2089\r\n              ) {\r\n                this.handleLoading(false)\r\n                this.please_otp = this.lbl.error.emailregistered\r\n              } else if (error.response.data.error.id == 2078) {\r\n                this.handleLoading(false)\r\n                this.please_otp = this.lbl.error.contactnumberregistered\r\n              } else {\r\n                this.handleLoading(false)\r\n                this.please_otp = this.validat_otp\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                this.please_otp = error.response.data.error.message\r\n              }\r\n            })\r\n        } else if (isSuccess) {\r\n          if (this.$route.name == 'register') {\r\n            this.handleLoading(false)\r\n            this.showmodal = false\r\n            this.$emit('update:resultOtp', { successotp: true })\r\n          } else {\r\n            var target_page = ''\r\n            this.handleLoading(false)\r\n            if (this.$route.query.target_page != undefined) {\r\n              target_page = this.$route.query.target_page\r\n              if (this.consentData) {\r\n                this.showmodal = false\r\n                if (\r\n                  this.$route.query.single_signon &&\r\n                  this.$route.query.id_token &&\r\n                  this.isUseSingleUserAccount\r\n                ) {\r\n                  this.isSuccess = true\r\n                  this.please_otp = this.lbl.otp.otpsuccess\r\n                  this.success()\r\n                } else {\r\n                  this.$emit('update:resultOtp', { successotp: true })\r\n                }\r\n              } else {\r\n                window.location =\r\n                  '/termandcondition?single_signon=true&skip_register=true' +\r\n                  '&target_page=' +\r\n                  target_page +\r\n                  '&id_token=' +\r\n                  this.$route.query.id_token\r\n              }\r\n            }\r\n          }\r\n        }\r\n        return true\r\n      })\r\n    },\r\n    success() {\r\n      this.isVerifySuccess = true\r\n    },\r\n    verifySuccess() {\r\n      console.log('success')\r\n      var target_page = this.$route.query.target_page\r\n      var returnUrl = Account.getCache(\r\n        'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n      ).returnUrl\r\n      var token = Account.getCacheToken() ? Account.getCacheToken() : null\r\n      console.log('returnUrl :: ', returnUrl)\r\n      console.log('token :: ', token)\r\n      if (returnUrl !== '' && returnUrl !== null && returnUrl !== undefined) {\r\n        if (returnUrl.includes('?')) {\r\n          returnUrl =\r\n            returnUrl +\r\n            '&token=' +\r\n            token +\r\n            '&app_id=' +\r\n            Account.getCacheCustom('app_id')\r\n        } else {\r\n          returnUrl =\r\n            returnUrl +\r\n            '?token=' +\r\n            token +\r\n            '&app_id=' +\r\n            Account.getCacheCustom('app_id')\r\n        }\r\n        console.log('returnUrl go :: ', returnUrl)\r\n        window.open(encodeURI(returnUrl), '_self')\r\n        this.handleLoading(false)\r\n      } else {\r\n        if (target_page) {\r\n          if (target_page == 'ecomurl') {\r\n            if (Account.getCacheCustomByAppId('redirectUriecomurl')) {\r\n              window.location =\r\n                Account.getCacheCustomByAppId('redirectUriecomurl') +\r\n                '?token=' +\r\n                token +\r\n                '&app_id=' +\r\n                Account.getCacheCustom('app_id')\r\n            } else {\r\n              window.location = '/home'\r\n            }\r\n          } else {\r\n            window.location.href = target_page\r\n          }\r\n        } else if (Account.getCacheCustomByAppId('target_page') == 'ecomurl') {\r\n          window.location.href =\r\n            Account.getCacheCustomByAppId('redirectUriecomurl') +\r\n            '?token=' +\r\n            Account.getCacheToken()\r\n              ? Account.getCacheToken() +\r\n                '&app_id=' +\r\n                Account.getCacheCustom('app_id')\r\n              : null + '&app_id=' + Account.getCacheCustom('app_id')\r\n        } else {\r\n          window.location = '/home'\r\n        }\r\n      }\r\n    },\r\n    hideModal() {\r\n      this.$emit('closePopup')\r\n    },\r\n    handleOnComplete(value) {\r\n      this.detail_otp.otp_code = value\r\n      if (value.length == 6) this.btnconfirmOTP(value)\r\n    },\r\n    handleOnChange(value) {\r\n      console.log('OTP changed: ', 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  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#otp__modal {\r\n  .text__message_otp {\r\n    color: red;\r\n    text-align: center;\r\n    font-size: 18px;\r\n    @include breakpoint-max(320) {\r\n      @include fontSize(16);\r\n    }\r\n  }\r\n  .modal-content {\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);\r\n    border: solid 1px #eee;\r\n    .modal-header {\r\n      border-bottom: none;\r\n      .close {\r\n        display: none;\r\n        font-size: 40px;\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 15px;\r\n        z-index: 1;\r\n      }\r\n      .modal-title {\r\n        font-size: 16px;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translate(-50%, 0);\r\n      }\r\n    }\r\n  }\r\n  .p__title {\r\n    font-size: 16px;\r\n    color: #999999;\r\n    margin: 2px 36px 27px 36px;\r\n    text-align: center;\r\n    @include breakpoint-max(320) {\r\n      @include fontSize(16);\r\n    }\r\n  }\r\n  .input__otp {\r\n    width: 40px;\r\n    height: 50px;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n    font-size: 35px;\r\n    font-weight: 500;\r\n  }\r\n  ul {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0px 8px;\r\n    li {\r\n      list-style: none;\r\n    }\r\n  }\r\n  .btn__submit {\r\n    width: auto;\r\n    height: 50px;\r\n    @include breakpoint-max(320) {\r\n      height: 40px;\r\n      @include fontSize(16);\r\n    }\r\n    margin: 22px 20px 44px;\r\n    border-radius: 100px;\r\n    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 35%);\r\n    background-color: #033a70;\r\n    color: white;\r\n    text-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 18px;\r\n  }\r\n  .expire__date {\r\n    font-size: 20px;\r\n    @include breakpoint-max(320) {\r\n      @include fontSize(16);\r\n    }\r\n  }\r\n  .time-expired {\r\n    color: #ff6060;\r\n    padding-bottom: 10px;\r\n    display: grid;\r\n  }\r\n  .disable-submit {\r\n    pointer-events: none;\r\n    opacity: 0.3;\r\n  }\r\n  .otp-input {\r\n    width: 100%;\r\n    height: 50px;\r\n    padding: 5px;\r\n    margin: 0 5px;\r\n    font-size: 20px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(0, 0, 0, 0.3);\r\n    text-align: center;\r\n    &.error {\r\n      border: 1px solid red !important;\r\n    }\r\n  }\r\n  .otp-input::-webkit-inner-spin-button,\r\n  .otp-input::-webkit-outer-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n  }\r\n  .input-expied {\r\n    pointer-events: none;\r\n    opacity: 0.3;\r\n  }\r\n  .close-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    z-index: 1;\r\n  }\r\n  .modal-title-center {\r\n    position: relative;\r\n    top: -20px;\r\n    text-align: center;\r\n    font-size: 16px;\r\n  }\r\n  .close-btn {\r\n    background-color: transparent;\r\n    border: none;\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 10px;\r\n    .close-icon {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\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!./Otpmodal.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!./Otpmodal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Otpmodal.vue?vue&type=template&id=06014365&\"\nimport script from \"./Otpmodal.vue?vue&type=script&lang=js&\"\nexport * from \"./Otpmodal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Otpmodal.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',{attrs:{\"id\":\"verify-success-modal-container\"}},[_c('b-modal',{attrs:{\"id\":\"verify-success-modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"body\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/images/success-icon.svg\"),\"alt\":\"success icon\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.companycrm.successtext.name)+\"\\n      \")])]),_c('div',{staticClass:\"button-container\"},[_c('b-button',{staticClass:\"close-button\",style:({\n          backgroundColor: _vm.buttonColor,\n          border: _vm.buttonColor,\n          color: _vm.buttonTextColor,\n        }),attrs:{\"id\":\"close-button\",\"block\":\"\",\"crm_at\":\"close_button\"},on:{\"click\":function($event){return _vm.closeSuccessModal()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.btn.ok)+\"\\n      \")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"verify-success-modal-container\">\r\n    <b-modal\r\n      id=\"verify-success-modal\"\r\n      v-model=\"showmodal\"\r\n      hide-header\r\n      hide-footer\r\n      centered\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n    <div :class=\"currentLocale\">\r\n      <div class=\"body\">\r\n        <img\r\n          src=\"@/assets/images/success-icon.svg\"\r\n          alt=\"success icon\"\r\n          class=\"icon\"\r\n        />\r\n        <span class=\"title\">\r\n          {{ lbl.companycrm.successtext.name }}\r\n        </span>\r\n      </div>\r\n      <div class=\"button-container\">\r\n        <b-button\r\n          id=\"close-button\"\r\n          block\r\n          class=\"close-button\"\r\n          :style=\"{\r\n            backgroundColor: buttonColor,\r\n            border: buttonColor,\r\n            color: buttonTextColor,\r\n          }\"\r\n          crm_at=\"close_button\"\r\n          @click=\"closeSuccessModal()\"\r\n        >\r\n          {{ lbl.btn.ok }}\r\n        </b-button>\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 Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  name: 'VerifySuccessModal',\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    buttonColor: String,\r\n    buttonTextColor: String,\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: true,\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  methods: {\r\n    closeSuccessModal() {\r\n      this.$bvModal.hide('register-success-modal')\r\n      this.$emit('verifySuccess')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n#verify-success-modal > .modal-dialog {\r\n  padding: 0;\r\n  border-radius: 10px;\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    border: solid 1px #f5f5f5;\r\n    border-radius: 16px;\r\n    padding: 24px 32px 24px;\r\n    margin: auto;\r\n\r\n    .modal-body {\r\n      color: #616161;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      line-height: 1.57;\r\n      letter-spacing: 0.15px;\r\n      text-align: center;\r\n\r\n      .body {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 40px;\r\n\r\n        .icon {\r\n          width: 28px;\r\n          height: 28px;\r\n          margin-right: 16px;\r\n        }\r\n\r\n        .title {\r\n          font-size: 18px;\r\n          color: #000000;\r\n        }\r\n        .description {\r\n          color: #757575;\r\n          margin: 12px 0 47px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .button-container {\r\n      width: 100%;\r\n      text-align: -webkit-right;\r\n\r\n      .close-button {\r\n        width: 30%;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 6px;\r\n        border-radius: 4px;\r\n      }\r\n    }\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!./VerifySuccessModal.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!./VerifySuccessModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerifySuccessModal.vue?vue&type=template&id=41905471&\"\nimport script from \"./VerifySuccessModal.vue?vue&type=script&lang=js&\"\nexport * from \"./VerifySuccessModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VerifySuccessModal.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","module.exports = __webpack_public_path__ + \"img/success-icon.svg\";","module.exports = __webpack_public_path__ + \"img/close-icon.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!./Otpmodal.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!./VerifySuccessModal.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}