{"version":3,"sources":["webpack:///./src/module/Selectpage/Index.vue?7f08","webpack:///./src/module/Selectpage/Index.vue?e75f","webpack:///src/module/Selectpage/Index.vue","webpack:///./src/module/Selectpage/Index.vue?4335","webpack:///./src/module/Selectpage/Index.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/assets/images/icon_Error.svg","webpack:///./src/core/companycrm/BzbsCompanycrm.js","webpack:///./src/components/Modal/AlertError.vue?cc76"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","windowWidth","windowHeight","style","backgroundImage","storeinfo","image_header","attrs","image_logo","_v","_s","lbl","default","welcome","businessName","selectpage","ask","name","backgroundColor","buttoncolor","border","color","buttontextcolor","on","$event","gotoCompanyCrm","yes","i_have","line1","gotoRegister","no","main","question","line2","showError","dataError","ChangeError","staticRenderFns","component","ref","class","currentLocale","Title","domProps","Detail","textColor","close","btn","submit","scopedSlots","_u","key","fn","Log","_e","module","exports","config","Vue","bzbsConfig","token","Account","getCacheToken","app_id","Cache","get","getCacheCustom","undefined","appId","apiVerifyCustomerUser","params","device_app_id","client_id","strUrl","bzbModuleUrl","BzbsApi","connectBzbsGet","apicompanyuser","connectBzbsPost"],"mappings":"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iB,IAAII,WAAWe,GAAGG,OAAO,kCAAkCnC,EAAG,aAAa,CAACS,MAAM,CAAC,KAAOb,EAAIwC,UAAU,KAAOxC,EAAIyC,WAAWZ,GAAG,CAAC,YAAc,SAASC,GAAQ,OAAO9B,EAAI0C,YAAYZ,QAAa,IACjca,EAAkB,G,mJC8KtB,GACA,aACA,qCACA,uBACA,gBACA,OACA,aACA,OACA,SACA,UAEA,gBACA,WACA,eACA,UACA,aACA,iBACA,iBACA,WACA,gBACA,cACA,iBAGA,UAEA,KACA,aAEA,kBACA,2BACA,eACA,eACA,UACA,iBAGA,OACA,iCACA,4BAGA,0BACA,8BACA,0CACA,8BACA,6BAEA,aAGA,SACA,gBACA,iCACA,sBACA,wBACA,yBAEA,0BACA,iCAEA,6BAEA,sBAEA,sBADA,uBAKA,uCAEA,GADA,oBACA,kBACA,OACA,6BACA,8BAIA,gCACA,kBACA,oCACA,0BACA,wBAEA,mBACA,0BACA,oBACA,eACA,aACA,6BACA,uCAGA,YACA,eACA,sCACA,+CAOA,4BACA,kBACA,mDACA,8DAEA,2BACA,2DACA,6BAEA,0BACA,qBACA,yBACA,uBACA,yBACA,uBACA,iBACA,oBAGA,OACA,cACA,UAaA,OAXA,qBACA,mDACA,oBACA,KACA,EACA,KACA,MACA,iBACA,wCACA,+BAEA,GAEA,uCAGA,OAFA,uBAEA,yBACA,0BACA,kBACA,oBACA,aACA,aAEA,mBACA,0BACA,oBACA,eACA,aACA,6BACA,uCAGA,oBACA,YAIA,oBACA,wDACA,qDACA,4DACA,0DACA,kEACA,8CACA,6CAEA,qBACA,+BAEA,qBACA,+BAEA,uBACA,8CAGA,qBAeA,GAbA,eACA,mDACA,0DACA,kBACA,kBACA,8CACA,sDAEA,kBACA,kBACA,8CACA,uDAEA,4BACA,mBAKA,0BACA,gCACA,8BACA,gBACA,uBACA,8CACA,8BACA,aACA,2BAEA,gBACA,uBACA,2CACA,2BAGA,8BAGA,wBACA,gCACA,gBACA,uBACA,yCACA,2BAEA,iDCpa8V,I,wBCQ1VC,EAAY,eACd,EACA7C,EACA4C,GACA,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","file":"js/selectpage.js","sourcesContent":["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!./Index.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-100\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"wrapper__Box__selectpage\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"}},[_c('div',{staticClass:\"box_content\"},[_c('div',{staticClass:\"wrapper__selectpage__page\"},[_c('div',{staticClass:\"row title\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('img',{staticClass:\"logo__selectpage\",attrs:{\"crm_at\":\"logo_selectpage\",\"src\":_vm.storeinfo.image_logo,\"alt\":\"\"}})]),_c('div',{staticClass:\"col-12 text-center\"},[_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"text_title\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n                \"+_vm._s(_vm.storeinfo.businessName)+\"\\n              \")])])]),_c('hr',{staticClass:\"hr__style\"}),_c('div',{staticClass:\"wrapper__selectpage__page__content\"},[_c('div',{staticClass:\"d-block mt-4\"},[_c('div',{staticClass:\"sub__title__selectpage\",attrs:{\"crm_at\":\"sub_title_selectpage\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.selectpage.ask.name)+\"\\n              \")])]),_c('div',{staticClass:\"row p-row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"wrapper-select\",style:({\n                    backgroundColor: _vm.storeinfo.buttoncolor,\n                    border: _vm.storeinfo.buttoncolor,\n                    color: _vm.storeinfo.buttontextcolor,\n                  }),attrs:{\"crm_at\":\"btn_to_companycrm\"},on:{\"click\":function($event){return _vm.gotoCompanyCrm()}}},[_c('div',[_vm._v(\"\\n                    \"+_vm._s(_vm.lbl.selectpage.yes.i_have)+\"\\n                  \")]),_c('div',[_c('span',{staticClass:\"weight-bold\"},[_vm._v(_vm._s(_vm.lbl.selectpage.yes.line1))])])])])]),_c('div',{staticClass:\"row p-row mb-2\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"wrapper-select\",style:({\n                    backgroundColor: '#FFF',\n                    border: 'solid 1px ' + _vm.storeinfo.buttoncolor,\n                    color: _vm.storeinfo.buttoncolor,\n                  }),attrs:{\"crm_at\":\"btn_to_register\"},on:{\"click\":function($event){return _vm.gotoRegister()}}},[_c('div',[_vm._v(\"\\n                    \"+_vm._s(_vm.lbl.selectpage.no.i_have)+\"\\n                  \")]),_c('div',[_c('span',{staticClass:\"weight-bold\"},[_vm._v(_vm._s(_vm.lbl.selectpage.no.line1))])])])])])])])])])]):_c('div',{staticClass:\"wrapper__Box__selectpage\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"}}),_c('div',{staticClass:\"wrapper__selectpage__page\"},[_c('div',{staticClass:\"row title\"},[_c('div',{staticClass:\"col-2\"},[_c('img',{staticClass:\"logo__selectpage\",attrs:{\"crm_at\":\"logo_selectpage\",\"src\":_vm.storeinfo.image_logo,\"alt\":\"\"}})]),_c('div',{staticClass:\"col-10\"},[_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"text_title\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n            \"+_vm._s(_vm.storeinfo.businessName)+\"\\n          \")])])]),_c('hr',{staticClass:\"hr__style\"}),_c('div',{staticClass:\"wrapper__selectpage__page__content\"},[_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"sub__title__selectpage\",attrs:{\"crm_at\":\"sub_title_selectpage\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.selectpage.ask.name)+\"\\n            \"),_c('div',{staticClass:\"wrapper-question\",attrs:{\"crm_at\":\"wrapper_question\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.main.question)+\"\\n            \")])])]),_c('div',{staticClass:\"row p-row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"wrapper-select\",style:({\n                backgroundColor: _vm.storeinfo.buttoncolor,\n                border: _vm.storeinfo.buttoncolor,\n                color: _vm.storeinfo.buttontextcolor,\n              }),attrs:{\"crm_at\":\"btn_to_companycrm\"},on:{\"click\":function($event){return _vm.gotoCompanyCrm()}}},[_c('div',[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.selectpage.yes.line1)+\"\\n              \")]),_c('div',[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.selectpage.yes.line2)+\"\\n              \")])])])]),_c('div',{staticClass:\"row p-row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"wrapper-select\",style:({\n                backgroundColor: _vm.storeinfo.buttoncolor,\n                border: _vm.storeinfo.buttoncolor,\n                color: _vm.storeinfo.buttontextcolor,\n              }),attrs:{\"crm_at\":\"btn_to_register\"},on:{\"click\":function($event){return _vm.gotoRegister()}}},[_c('div',[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.selectpage.no.line1)+\"\\n              \")]),_c('div',[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.selectpage.no.line2)+\"\\n              \")])])])])])])]),_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=\"h-100\">\r\n    <!-- Support PC Tablet -->\r\n    <div\r\n      v-if=\"windowWidth >= 600 && windowHeight >= 600\"\r\n      class=\"wrapper__Box__selectpage\"\r\n    >\r\n      <div\r\n        class=\"image__hearder\"\r\n        crm_at=\"image_hearder\"\r\n        :style=\"{ backgroundImage: 'url(' + storeinfo.image_header + ')' }\"\r\n      >\r\n        <div class=\"box_content\">\r\n          <div class=\"wrapper__selectpage__page\">\r\n            <div class=\"row title\">\r\n              <div class=\"col-12 text-center\">\r\n                <img\r\n                  class=\"logo__selectpage\"\r\n                  crm_at=\"logo_selectpage\"\r\n                  :src=\"storeinfo.image_logo\"\r\n                  alt=\"\"\r\n                />\r\n              </div>\r\n              <div class=\"col-12 text-center\">\r\n                <div class=\"text-title\" crm_at=\"text_title\">\r\n                  {{ lbl.default.welcome }}<br />\r\n                  {{ storeinfo.businessName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <hr class=\"hr__style\" />\r\n            <div class=\"wrapper__selectpage__page__content\">\r\n              <div class=\"d-block mt-4\">\r\n                <div\r\n                  class=\"sub__title__selectpage\"\r\n                  crm_at=\"sub_title_selectpage\"\r\n                >\r\n                  {{ lbl.selectpage.ask.name }}\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"row p-row\">\r\n                <div class=\"col\">\r\n                  <div\r\n                    class=\"wrapper-select\"\r\n                    crm_at=\"btn_to_companycrm\"\r\n                    :style=\"{\r\n                      backgroundColor: storeinfo.buttoncolor,\r\n                      border: storeinfo.buttoncolor,\r\n                      color: storeinfo.buttontextcolor,\r\n                    }\"\r\n                    @click=\"gotoCompanyCrm()\"\r\n                  >\r\n                    <div>\r\n                      {{ lbl.selectpage.yes.i_have }}\r\n                    </div>\r\n                    <div>\r\n                      <span class=\"weight-bold\">{{\r\n                        lbl.selectpage.yes.line1\r\n                      }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"row p-row mb-2\">\r\n                <div class=\"col\">\r\n                  <div\r\n                    class=\"wrapper-select\"\r\n                    crm_at=\"btn_to_register\"\r\n                    :style=\"{\r\n                      backgroundColor: '#FFF',\r\n                      border: 'solid 1px ' + storeinfo.buttoncolor,\r\n                      color: storeinfo.buttoncolor,\r\n                    }\"\r\n                    @click=\"gotoRegister()\"\r\n                  >\r\n                    <div>\r\n                      {{ lbl.selectpage.no.i_have }}\r\n                    </div>\r\n                    <div>\r\n                      <span class=\"weight-bold\">{{\r\n                        lbl.selectpage.no.line1\r\n                      }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- Support Mobile -->\r\n    <div v-else class=\"wrapper__Box__selectpage\">\r\n      <div\r\n        class=\"image__hearder\"\r\n        crm_at=\"image_hearder\"\r\n        :style=\"{ backgroundImage: 'url(' + storeinfo.image_header + ')' }\"\r\n      ></div>\r\n      <div class=\"wrapper__selectpage__page\">\r\n        <div class=\"row title\">\r\n          <div class=\"col-2\">\r\n            <img\r\n              class=\"logo__selectpage\"\r\n              crm_at=\"logo_selectpage\"\r\n              :src=\"storeinfo.image_logo\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <div class=\"col-10\">\r\n            <div class=\"text-title\" crm_at=\"text_title\">\r\n              {{ lbl.default.welcome }}<br />\r\n              {{ storeinfo.businessName }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <hr class=\"hr__style\" />\r\n        <div class=\"wrapper__selectpage__page__content\">\r\n          <div class=\"d-block\">\r\n            <div class=\"sub__title__selectpage\" crm_at=\"sub_title_selectpage\">\r\n              {{ lbl.selectpage.ask.name }}\r\n              <div class=\"wrapper-question\" crm_at=\"wrapper_question\">\r\n                {{ lbl.main.question }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row p-row\">\r\n            <div class=\"col\">\r\n              <div\r\n                class=\"wrapper-select\"\r\n                crm_at=\"btn_to_companycrm\"\r\n                :style=\"{\r\n                  backgroundColor: storeinfo.buttoncolor,\r\n                  border: storeinfo.buttoncolor,\r\n                  color: storeinfo.buttontextcolor,\r\n                }\"\r\n                @click=\"gotoCompanyCrm()\"\r\n              >\r\n                <div>\r\n                  {{ lbl.selectpage.yes.line1 }}\r\n                </div>\r\n                <div>\r\n                  {{ lbl.selectpage.yes.line2 }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row p-row\">\r\n            <div class=\"col\">\r\n              <div\r\n                class=\"wrapper-select\"\r\n                crm_at=\"btn_to_register\"\r\n                :style=\"{\r\n                  backgroundColor: storeinfo.buttoncolor,\r\n                  border: storeinfo.buttoncolor,\r\n                  color: storeinfo.buttontextcolor,\r\n                }\"\r\n                @click=\"gotoRegister()\"\r\n              >\r\n                <div>\r\n                  {{ lbl.selectpage.no.line1 }}\r\n                </div>\r\n                <div>\r\n                  {{ lbl.selectpage.no.line2 }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\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 CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsCompanycrm from '@/core/companycrm/BzbsCompanycrm'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport _ from 'lodash'\r\nimport AlertError from '@/components/Modal/AlertError'\r\n\r\nexport default {\r\n  name: 'Login',\r\n  components: { AlertError },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      issuccess: false,\r\n      title: {\r\n        line1: '',\r\n        line2: '',\r\n      },\r\n      titlesuccess: {},\r\n      textbtn: '',\r\n      isshowalert: false,\r\n      errors: [],\r\n      haserrors: false,\r\n      verifyCode1: null,\r\n      verifyCode2: null,\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n      },\r\n\r\n      ispass: false,\r\n\r\n      btn: {\r\n        isactive: false,\r\n      },\r\n      objProfileInfo: {},\r\n      objVerifyCustomerUser: null,\r\n      dataError: null,\r\n      showError: null,\r\n      IsSkip: false,\r\n      loginType: null,\r\n    }\r\n  },\r\n  watch: {\r\n    callbackResulAlert(newValue, oldValue) {\r\n      if (newValue !== oldValue) this.ConfirmOtp(newValue)\r\n    },\r\n  },\r\n  beforeCreate() {},\r\n  created() {\r\n    this.checklocalStorage().then(() => {\r\n      if (!this.$route.query.single_signon) {\r\n        this.handleCheckLogin(this.$route)\r\n      }\r\n      this.init()\r\n    })\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.textbtn = this.lbl.btn.submit\r\n      this.handleFooter(false)\r\n      this.handleLanguage(true)\r\n      this.getCustomerStore()\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    checkboxHandler(checkcondition) {\r\n      console.log(checkcondition)\r\n      if (checkcondition == 'termsConditions') {\r\n        this.btn.isactive = true\r\n      } else if (checkcondition == 'privacypolicy') {\r\n        this.btn.isactive = true\r\n      }\r\n    },\r\n    summitCompanycrm() {\r\n      this.isshowalert = true\r\n      if (this.checkForm()) {\r\n        var params = {\r\n          verifyCode1: this.verifyCode1,\r\n          verifyCode2: this.verifyCode2,\r\n        }\r\n\r\n        console.log('params' + JSON.stringify(params))\r\n        BzbsCompanycrm.apiVerifyCustomerUser(params)\r\n          .then(data => {\r\n            this.textbtn = this.lbl.companycrm.continue\r\n            this.objVerifyCustomerUser = data\r\n            this.showmodalsuccess()\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.errors = []\r\n            this.errors.push({\r\n              name: this.lbl.companycrm.popuperror.name,\r\n              action: this.lbl.companycrm.unauthtext.name,\r\n            })\r\n          })\r\n      } else {\r\n        console.log(' Not pass')\r\n      }\r\n    },\r\n    showmodalsuccess() {\r\n      this.issuccess = true\r\n      this.titlesuccess.line1 = this.lbl.default.alertinfo\r\n      this.titlesuccess.line2 = this.lbl.companycrm.successtext.name\r\n    },\r\n    callbacksuccess() {\r\n      if (this.IsSkip) this.updateprofile(this.objVerifyCustomerUser)\r\n      else window.location = '/register'\r\n    },\r\n    updateprofile(data) {\r\n      this.objProfileInfo = {\r\n        strFirstName: data.FirstName,\r\n        strLastName: data.LastName,\r\n        strBirthDate: data.BirthDate,\r\n        strContactNumber: data.Tel,\r\n        strEmail: data.Email,\r\n        strGender: data.Gender,\r\n      }\r\n\r\n      var strExtendJson = {}\r\n      strExtendJson.registered = true\r\n      strExtendJson.info4 = ''\r\n\r\n      BzbsProfile.updateProfile(\r\n        Account.getCacheToken() ? Account.getCacheToken() : null,\r\n        this.objProfileInfo,\r\n        null,\r\n        strExtendJson,\r\n        null,\r\n        null,\r\n      ).then(() => {\r\n        var url = window.location.origin + '/landing'\r\n        window.location.replace(url)\r\n      })\r\n      return true\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.genInfo(res)\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.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genInfo(res) {\r\n      this.storeinfo.image_header = res.data.StoreDetail.CoverUrl\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.IsSkip = res.data.StoreDetail.IsSkipRegister\r\n      this.loginType = res.data.StoreDetail.LoginType\r\n    },\r\n    showModal() {\r\n      this.$refs['my-modal'].show()\r\n    },\r\n    hideModal() {\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    checkForm: function () {\r\n      console.log('errors')\r\n      this.errors = []\r\n      this.title.line1 = this.lbl.account.invalidinfo.name\r\n      this.title.line2 = this.lbl.account.pleasecompleteinfo.name\r\n      if (!this.verifyCode1)\r\n        this.errors.push({\r\n          name: this.lbl.companycrm.referrencecode1.name,\r\n          action: this.lbl.companycrm.referrencecode1.required,\r\n        })\r\n      if (!this.verifyCode2)\r\n        this.errors.push({\r\n          name: this.lbl.companycrm.referrencecode2.name,\r\n          action: this.lbl.companycrm.referrencecode2.required,\r\n        })\r\n      if (!this.errors.length) return true\r\n      else this.haserrors = true\r\n\r\n      console.log('haserrors' + this.haserrors)\r\n    },\r\n\r\n    gotoCompanyCrm() {\r\n      if (this.loginType.includes('Line')) {\r\n        if (this.$route.query.target_page) {\r\n          window.location =\r\n            window.location.origin +\r\n            '/companycrm?single_signon=true&target_page=' +\r\n            this.$route.query.target_page +\r\n            '&id_token=' +\r\n            this.$route.query.id_token\r\n        } else {\r\n          window.location =\r\n            window.location.origin +\r\n            '/companycrm?single_signon=true&id_token=' +\r\n            this.$route.query.id_token\r\n        }\r\n      } else {\r\n        window.location = 'companycrm'\r\n      }\r\n    },\r\n    gotoRegister() {\r\n      if (this.loginType.includes('Line')) {\r\n        window.location =\r\n          window.location.origin +\r\n          '/register?single_signon=true&id_token=' +\r\n          this.$route.query.id_token\r\n      } else {\r\n        window.location = 'register' + '?isusecompany=false'\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n.wrapper__Box__selectpage {\r\n  @include breakpoint-max(320) {\r\n    height: 120vh;\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__selectpage {\r\n    @include btn();\r\n    width: 335px;\r\n    position: relative;\r\n    top: 10px;\r\n    @include breakpoint-max(320) {\r\n      width: 270px !important;\r\n    }\r\n  }\r\n  .active {\r\n    opacity: 1;\r\n    pointer-events: unset;\r\n  }\r\n  .icheck-primary {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n  .icheck-primary > input:first-child:checked + label::before {\r\n    background-color: $color-radio-check !important;\r\n    border-color: $color-radio-check !important;\r\n  }\r\n  .hr__style {\r\n    margin: 0px 20px;\r\n    border-top: 1px solid $color-input !important;\r\n  }\r\n\r\n  .wrapper__selectpage__page {\r\n    &__content {\r\n      padding: 0px 20px;\r\n    }\r\n    border-top-left-radius: 40px;\r\n    border-top-right-radius: 40px;\r\n    margin-top: -50px;\r\n    background-color: white;\r\n    .title {\r\n      padding: 10px;\r\n      .text-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        margin-left: 10px;\r\n        color: #666;\r\n      }\r\n    }\r\n    padding: 0px 5px;\r\n\r\n    .p-row {\r\n      padding: 0px 0px 20px 0px !important;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  .logo__selectpage {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 1000px;\r\n  }\r\n\r\n  .sub__title__selectpage {\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    color: #666;\r\n    padding-bottom: 22px;\r\n    padding-top: 2px;\r\n    .wrapper-question {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  .image__hearder {\r\n    min-height: 257px;\r\n    background-repeat: round;\r\n    background-size: cover;\r\n  }\r\n\r\n  .wrapper-select {\r\n    width: 100%;\r\n    padding: 17px 0px 18px 20px;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    @include breakpoint-max(320) {\r\n      font-size: 12px;\r\n    }\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\n//Support PC\r\n.wrapper__Box__selectpage {\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    height: 100%;\r\n    width: 100%;\r\n    .wrapper__selectpage__page {\r\n      width: 65%;\r\n      top: 20%;\r\n      margin-top: initial;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .image__hearder {\r\n      height: 100%;\r\n      background-repeat: round;\r\n      background-size: cover;\r\n    }\r\n\r\n    .box_content {\r\n      height: 100% !important;\r\n      align-items: center;\r\n      -webkit-box-align: center;\r\n      justify-content: center;\r\n      vertical-align: middle;\r\n      display: flex;\r\n      width: 100%;\r\n    }\r\n\r\n    .logo__selectpage {\r\n      width: 110px !important;\r\n      background-size: contain;\r\n      border-radius: 60px;\r\n      height: 110px;\r\n      margin-top: -67px;\r\n    }\r\n\r\n    .text-title {\r\n      padding: 0 65px;\r\n    }\r\n\r\n    .weight-bold {\r\n      font-weight: bold;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 900px) and (min-device-height: 600px) {\r\n    .wrapper__selectpage__page {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 1200px) {\r\n    .wrapper__selectpage__page {\r\n      width: 35%;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (orientation: landscape) {\r\n    .bzb__logo {\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (min-device-width: 640px) and (max-device-width: 823px) and (orientation: landscape) {\r\n    .box_content {\r\n      min-height: 740px;\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=46907458&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.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","module.exports = __webpack_public_path__ + \"img/icon_Error.svg\";","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\n\r\n/**\r\n * @method getPoint\r\n * @method getCustomerStore\r\n * @method getProfile\r\n * @method getCampaign\r\n * @method apiVerifyCustomerUser\r\n * @method apicompanyuser\r\n */\r\n\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Account.getCacheToken() ? Account.getCacheToken() : null\r\n  },\r\n  app_id: function () {\r\n    if (Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')) != null) {\r\n      if (\r\n        Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId !=\r\n        undefined\r\n      ) {\r\n        return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId\r\n      } else {\r\n        return Account.getCacheCustom('app_id')\r\n      }\r\n    } else {\r\n      return Account.getCacheCustom('app_id')\r\n    }\r\n  },\r\n  apiVerifyCustomerUser: function (params) {\r\n    if (!params.device_app_id) {\r\n      params.device_app_id = this.config().client_id\r\n    }\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/companyuser'\r\n    return BzbsApi.connectBzbsGet(strUrl, null, params, this.app_id())\r\n  },\r\n  apicompanyuser: function (params) {\r\n    var token\r\n    if (this.token()) {\r\n      token = this.token()\r\n    } else {\r\n      token = Account.getCacheToken() ? Account.getCacheToken() : null\r\n    }\r\n    if (!params.device_app_id) {\r\n      params.device_app_id = this.config().client_id\r\n    }\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/use_companyuser'\r\n    return BzbsApi.connectBzbsPost(strUrl, token, params)\r\n  },\r\n}\r\n","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&\""],"sourceRoot":""}