{"version":3,"sources":["webpack:///./src/components/layout/drawer_confirmCountry.vue?bae2","webpack:///./src/views/chatroom/process/_selectSkill.vue?07ff","webpack:///./src/components/layout/drawer_confirmCountry.vue?3a5e","webpack:///src/components/layout/drawer_confirmCountry.vue","webpack:///./src/components/layout/drawer_confirmCountry.vue?8bae","webpack:///./src/components/layout/drawer_confirmCountry.vue","webpack:///./src/components/layout/drawer_bulletins.vue?367b","webpack:///src/components/layout/drawer_bulletins.vue","webpack:///./src/components/layout/drawer_bulletins.vue?0a4c","webpack:///./src/components/layout/drawer_bulletins.vue","webpack:///./src/components/layout/drawer_CountryNotAllow.vue?23d6","webpack:///src/components/layout/drawer_CountryNotAllow.vue","webpack:///./src/components/layout/drawer_CountryNotAllow.vue?5f51","webpack:///./src/components/layout/drawer_CountryNotAllow.vue","webpack:///src/views/chatroom/process/_selectSkill.vue","webpack:///./src/views/chatroom/process/_selectSkill.vue?8db9","webpack:///./src/views/chatroom/process/_selectSkill.vue","webpack:///./src/components/layout/drawer_bulletins.vue?d9ec","webpack:///./src/components/layout/drawer_CountryNotAllow.vue?64d5","webpack:///./src/views/chatroom/process/_selectSkill.vue?6bf1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","domProps","_s","welcomeDesc","_e","_v","staticStyle","singleTimeNoService","model","value","callback","$$v","querySkill","expression","_l","p","idx","key","text","product","env","country","noserivce","nonServiceTime","nonServiceTimeText","otherValue1","otherText1","otherText2","loading","on","next","ref","staticRenderFns","drawer","$event","directives","name","rawName","backHome","detectedCountry","closeDrawer","data","officialSiteUrl","created","$bus","$on","methods","location","href","$emit","computed","$store","state","global","customerSurvey","asusWebSiteCountry","component","b","bulletinContent","startTime","isStoreMode","storeMode","bulletins","filter","bulletinType","redirectToASUS","url","components","queryCountry","q","skill","queryPlatform","platform","querySkipPolicy","skipPolicy","queryDevice","device","queryChatBotRoomId","chatBotRoomId","queryTicket","ticket","queryCUSID","cusid","querySN","SN","sn","getAllCountryConfigs","toUpperCase","setTimeout","$router","replace","commit","CNSub","productSN","ASUSTicket","asus_chat_query","watch","checkSkillAvailble","val","setLog","CustomerLogType","AsusWebSiteCountry","push","productList","products","settingMetas_beforeChat","isServiceTime","isSingleServiceTime"],"mappings":"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","file":"js/chunk-0bdc0f45.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./drawer_confirmCountry.vue?vue&type=style&index=0&id=6eb8fb74&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"select-skill\"},[_c('el-steps',{attrs:{\"active\":0,\"align-center\":\"\"}},[_c('el-step',{attrs:{\"title\":_vm.$t('LAYOUT.STEP_1')}}),_c('el-step',{attrs:{\"title\":_vm.$t('LAYOUT.STEP_2')}}),_c('el-step',{attrs:{\"title\":_vm.$t('LAYOUT.STEP_3')}}),_c('el-step',{attrs:{\"title\":_vm.$t('LAYOUT.STEP_4')}})],1),_c('div',{staticClass:\"select\"},[(_vm.welcomeDesc)?_c('div',{staticClass:\"ql-editor\",domProps:{\"innerHTML\":_vm._s(_vm.welcomeDesc)}}):_vm._e(),_c('label',[_vm._v(_vm._s(_vm.$t(\"LAYOUT.SELECT_SKILL\")))]),_c('el-select',{staticStyle:{\"width\":\"100%\"},attrs:{\"placeholder\":_vm.$t('SURVEY.DEVICENAME'),\"disabled\":_vm.singleTimeNoService,\"clearable\":\"\"},model:{value:(_vm.querySkill),callback:function ($$v) {_vm.querySkill=$$v},expression:\"querySkill\"}},_vm._l((_vm.productList),function(p,idx){return _c('el-option',{key:idx,attrs:{\"label\":p.text,\"value\":p.product}},[_c('span',{staticStyle:{\"float\":\"left\"}},[_vm._v(_vm._s(p.text))]),(_vm.env === 'development')?_c('span',{staticStyle:{\"float\":\"right\",\"color\":\"#8492a6\",\"font-size\":\"13px\"}},[_vm._v(_vm._s(p.country))]):_vm._e()])}),1),((_vm.querySkill && _vm.noserivce) || _vm.singleTimeNoService)?_c('div',[_c('div',{staticClass:\"ql-editor non-service\",domProps:{\"innerHTML\":_vm._s(_vm.nonServiceTime.nonServiceTimeText)}}),_c('div',{staticClass:\"others\"},[(_vm.nonServiceTime.otherText1)?_c('a',{attrs:{\"href\":_vm.nonServiceTime.otherValue1,\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.nonServiceTime.otherText1))]):_vm._e(),(_vm.nonServiceTime.otherText2)?_c('a',{attrs:{\"href\":_vm.nonServiceTime.otherValue1,\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.nonServiceTime.otherText2))]):_vm._e()])]):_vm._e()],1),_c('div',{staticClass:\"bottom\"},[(!(_vm.noserivce || _vm.singleTimeNoService))?_c('el-button',{attrs:{\"type\":\"primary\",\"disabled\":!_vm.querySkill || _vm.loading},on:{\"click\":_vm.next}},[_vm._v(_vm._s(_vm.$t(\"LAYOUT.NEXT_STEP\")))]):_vm._e()],1),_c('Bulletins'),_c('ConfirmCountry'),_c('CountryNotAllow',{ref:\"countryNotAllow\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-drawer',{attrs:{\"visible\":_vm.drawer,\"size\":\"70%\",\"direction\":\"btt\",\"withHeader\":false,\"wrapperClosable\":false,\"close-on-press-escape\":false,\"append-to-body\":false,\"modal-append-to-body\":false},on:{\"update:visible\":function($event){_vm.drawer=$event}}},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"confirm\"},[_c('div',{staticClass:\"content\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"POLICY.CONFIRM_COUNTRY.H1\")))]),_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"POLICY.CONFIRM_COUNTRY.P1\"))+\" \")])]),_c('div',{staticClass:\"btns\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.backHome(_vm.detectedCountry)}}},[_vm._v(_vm._s(_vm.$t(\"POLICY.CONFIRM_COUNTRY.B1\"))+\" \"+_vm._s(_vm.detectedCountry)+\" \"+_vm._s(_vm.$t(\"POLICY.CONFIRM_COUNTRY.B2\")))]),_c('el-button',{attrs:{\"plain\":\"\",\"type\":\"primary\"},on:{\"click\":_vm.closeDrawer}},[_vm._v(_vm._s(_vm.$t(\"POLICY.CONFIRM_COUNTRY.B3\")))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-drawer\n    :visible.sync=\"drawer\"\n    size=\"70%\"\n    direction=\"btt\"\n    :withHeader=\"false\"\n    :wrapperClosable=\"false\"\n    :close-on-press-escape=\"false\"\n    :append-to-body=\"false\"\n    :modal-append-to-body=\"false\"\n  >\n    <div class=\"confirm\" v-loading=\"loading\">\n      <div class=\"content\">\n        <h1>{{ $t(\"POLICY.CONFIRM_COUNTRY.H1\") }}</h1>\n        <p>\n          {{ $t(\"POLICY.CONFIRM_COUNTRY.P1\") }}\n        </p>\n      </div>\n\n      <div class=\"btns\">\n        <el-button type=\"primary\" @click=\"backHome(detectedCountry)\"\n          >{{ $t(\"POLICY.CONFIRM_COUNTRY.B1\") }}\n          {{ detectedCountry }}\n          {{ $t(\"POLICY.CONFIRM_COUNTRY.B2\") }}</el-button\n        >\n\n        <el-button plain type=\"primary\" @click=\"closeDrawer\">{{\n          $t(\"POLICY.CONFIRM_COUNTRY.B3\")\n        }}</el-button>\n      </div>\n    </div>\n  </el-drawer>\n</template>\n\n<script>\nimport { SettingMetas } from \"@/api/settingMetas\";\nexport default {\n  name: \"confirm-contry\",\n  data() {\n    return {\n      loading: false,\n      drawer: false,\n      officialSiteUrl: \"\",\n    };\n  },\n  created() {\n    this.$bus.$on(\"openConfirmCountryDrawer\", () => {\n      this.drawer = true;\n      this.getOfficalSiteUrl();\n    });\n  },\n  methods: {\n    async getOfficalSiteUrl() {\n      // 取得\"偵測到的國家\"所設定的官網連結\n      this.loading = true;\n      try {\n        const res = await SettingMetas.GetBeforeChat(this.detectedCountry);\n        this.officialSiteUrl = res.data.officialSiteUrl;\n      } catch (error) {\n        console.log(\"catch:\", error);\n      }\n      this.loading = false;\n    },\n    backHome() {\n      location.href = this.officialSiteUrl || \"https://www.asus.com/support/\";\n    },\n    closeDrawer() {\n      this.drawer = false;\n      this.$bus.$emit(\"openBulletinDrawer\");\n    },\n  },\n  computed: {\n    country() {\n      return this.$store.state.global.customerSurvey.asusWebSiteCountry;\n    },\n    detectedCountry() {\n      return this.$store.state.global.customerSurvey.detectedCountry;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.confirm {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  .content {\n    width: 100%;\n    max-width: 500px;\n    padding: 36px 20px;\n\n    h1 {\n      color: #181818;\n      font-size: 18px;\n      text-align: center;\n      margin: 10px 0;\n    }\n    p {\n      font-size: 13px;\n      color: #4d4d4d;\n      line-height: 18px;\n      margin: 10px 0;\n    }\n  }\n\n  .btns {\n    margin-top: auto;\n  }\n}\n</style>\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!./drawer_confirmCountry.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!./drawer_confirmCountry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drawer_confirmCountry.vue?vue&type=template&id=6eb8fb74&scoped=true&\"\nimport script from \"./drawer_confirmCountry.vue?vue&type=script&lang=js&\"\nexport * from \"./drawer_confirmCountry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./drawer_confirmCountry.vue?vue&type=style&index=0&id=6eb8fb74&lang=scss&scoped=true&\"\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  \"6eb8fb74\",\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('el-drawer',{attrs:{\"visible\":_vm.drawer,\"size\":\"80%\",\"direction\":\"btt\",\"withHeader\":false,\"wrapperClosable\":false,\"close-on-press-escape\":false,\"append-to-body\":false,\"modal-append-to-body\":false},on:{\"update:visible\":function($event){_vm.drawer=$event}}},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"bulletins\"},[_c('div',{staticClass:\"content\"},[_c('h1',[_c('i',{staticClass:\"bx bx-info-circle\"}),_vm._v(_vm._s(_vm.$t(\"POLICY.BULLETIN.HEAD\"))+\" \")]),_vm._l((_vm.bulletins),function(b,idx){return _c('article',{key:idx,attrs:{\"data-index\":idx + 1 + '.'}},[_c('div',{staticClass:\"post\",domProps:{\"innerHTML\":_vm._s(b.bulletinContent)}}),_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(b.startTime))])])})],2),_c('div',{staticClass:\"btns\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.drawer = false}}},[_vm._v(_vm._s(_vm.$t(\"POLICY.BULLETIN.CONFIRM\")))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-drawer\n    :visible.sync=\"drawer\"\n    size=\"80%\"\n    direction=\"btt\"\n    :withHeader=\"false\"\n    :wrapperClosable=\"false\"\n    :close-on-press-escape=\"false\"\n    :append-to-body=\"false\"\n    :modal-append-to-body=\"false\"\n  >\n    <div class=\"bulletins\" v-loading=\"loading\">\n      <div class=\"content\">\n        <h1>\n          <i class=\"bx bx-info-circle\"></i>{{ $t(\"POLICY.BULLETIN.HEAD\") }}\n        </h1>\n        <article\n          :key=\"idx\"\n          v-for=\"(b, idx) in bulletins\"\n          :data-index=\"idx + 1 + '.'\"\n        >\n          <div class=\"post\" v-html=\"b.bulletinContent\"></div>\n          <p class=\"date\">{{ b.startTime }}</p>\n        </article>\n      </div>\n\n      <div class=\"btns\">\n        <el-button type=\"primary\" @click=\"drawer = false\">{{\n          $t(\"POLICY.BULLETIN.CONFIRM\")\n        }}</el-button>\n      </div>\n    </div>\n  </el-drawer>\n</template>\n\n<script>\nexport default {\n  name: \"bulletins-drawer\",\n  data() {\n    return {\n      loading: false,\n      drawer: false,\n    };\n  },\n  created() {\n    this.$bus.$on(\"openBulletinDrawer\", () => {\n      if (this.bulletins.length) {\n        this.drawer = true;\n      }\n    });\n  },\n  methods: {},\n  computed: {\n    isStoreMode() {\n      return this.$store.state.global.storeMode;\n    },\n    bulletins() {\n      return this.$store.state.global.bulletins.filter((b) => {\n        if (this.isStoreMode) {\n          return b.bulletinType == \"4\"; // type:4 EC_GENERAL\n        } else {\n          return b.bulletinType == \"1\"; // type:1 EC_GENERAL\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.bulletins {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  overflow-y: auto;\n  padding-top: 36px;\n  .content {\n    max-width: 500px;\n    margin: auto;\n    flex: 1;\n    h1 {\n      text-align: center;\n      margin: 0;\n      font-size: 18px;\n      color: #181818;\n      i {\n        margin-right: 8px;\n        color: $primary;\n      }\n    }\n    article {\n      position: relative;\n      padding-left: 20px;\n      padding-right: 20px;\n      font-size: 13px;\n      margin-bottom: 12px;\n      &:before {\n        font-size: 1rem;\n        content: attr(data-index);\n        position: absolute;\n        left: 0px;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        text-align: left;\n        font-size: 1.2rem;\n        line-height: 1.6rem;\n        margin-top: 0;\n        margin-bottom: 0;\n        color: $text-primary;\n        i {\n          margin-right: 10px;\n          color: $primary;\n        }\n      }\n      p {\n        margin: 0;\n      }\n      .post {\n        margin-bottom: 5px;\n      }\n      .date {\n        display: inline-block;\n        font-size: 12px;\n        color: rgb(175, 175, 175);\n      }\n    }\n  }\n}\n\n@media (max-width: 1000px) {\n  .bulletins {\n    .content {\n      padding: 0 20px;\n    }\n  }\n}\n</style>\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!./drawer_bulletins.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!./drawer_bulletins.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drawer_bulletins.vue?vue&type=template&id=3c9cbec8&scoped=true&\"\nimport script from \"./drawer_bulletins.vue?vue&type=script&lang=js&\"\nexport * from \"./drawer_bulletins.vue?vue&type=script&lang=js&\"\nimport style0 from \"./drawer_bulletins.vue?vue&type=style&index=0&id=3c9cbec8&lang=scss&scoped=true&\"\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  \"3c9cbec8\",\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('el-drawer',{attrs:{\"visible\":_vm.drawer,\"size\":\"80%\",\"direction\":\"btt\",\"withHeader\":false,\"wrapperClosable\":false,\"close-on-press-escape\":false,\"append-to-body\":false,\"modal-append-to-body\":false},on:{\"update:visible\":function($event){_vm.drawer=$event}}},[_c('div',{staticClass:\"country-not-allow\"},[_c('div',{staticClass:\"content\"},[_vm._v(\" The website service is not available in your region.\"),_c('br'),_vm._v(\" Please click the button below to access the original country site or the Global Site for assistance. \")]),_c('div',{staticClass:\"btns\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.redirectToASUS}},[_vm._v(\"Click here (\"+_vm._s(_vm.detectedCountry)+\")\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-drawer\n    :visible.sync=\"drawer\"\n    size=\"80%\"\n    direction=\"btt\"\n    :withHeader=\"false\"\n    :wrapperClosable=\"false\"\n    :close-on-press-escape=\"false\"\n    :append-to-body=\"false\"\n    :modal-append-to-body=\"false\"\n  >\n    <div class=\"country-not-allow\">\n      <div class=\"content\">\n        The website service is not available in your region.<br />\n        Please click the button below to access the original country site or the\n        Global Site for assistance.\n      </div>\n\n      <div class=\"btns\">\n        <el-button type=\"primary\" @click=\"redirectToASUS\"\n          >Click here ({{ detectedCountry }})</el-button\n        >\n      </div>\n    </div>\n  </el-drawer>\n</template>\n\n<script>\nexport default {\n  name: \"country-not-allow-drawer\",\n  data() {\n    return {\n      drawer: false,\n      detectedCountry: null,\n    };\n  },\n\n  methods: {\n    redirectToASUS() {\n      // this.drawer = false;\n      let url = \"https://www.asus.com/\";\n      if (this.detectedCountry === \"RU\") {\n        url = \"https://www.asus.com/ru/\";\n      } else if (this.detectedCountry === \"MM\") {\n        url = \"https://www.asus.com/mm/\";\n      }\n      location.href = url;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.country-not-allow {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  .content {\n    padding: 30px 10%;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n}\n</style>\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!./drawer_CountryNotAllow.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!./drawer_CountryNotAllow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drawer_CountryNotAllow.vue?vue&type=template&id=c095d086&scoped=true&\"\nimport script from \"./drawer_CountryNotAllow.vue?vue&type=script&lang=js&\"\nexport * from \"./drawer_CountryNotAllow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./drawer_CountryNotAllow.vue?vue&type=style&index=0&id=c095d086&lang=scss&scoped=true&\"\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  \"c095d086\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"select-skill\">\n    <el-steps :active=\"0\" align-center>\n      <el-step :title=\"$t('LAYOUT.STEP_1')\"></el-step>\n      <el-step :title=\"$t('LAYOUT.STEP_2')\"></el-step>\n      <el-step :title=\"$t('LAYOUT.STEP_3')\"></el-step>\n      <el-step :title=\"$t('LAYOUT.STEP_4')\"></el-step>\n    </el-steps>\n\n    <div class=\"select\">\n      <div class=\"ql-editor\" v-if=\"welcomeDesc\" v-html=\"welcomeDesc\"></div>\n      <label>{{ $t(\"LAYOUT.SELECT_SKILL\") }}</label>\n      <el-select\n        v-model=\"querySkill\"\n        :placeholder=\"$t('SURVEY.DEVICENAME')\"\n        :disabled=\"singleTimeNoService\"\n        style=\"width:100%\"\n        clearable\n      >\n        <el-option\n          :label=\"p.text\"\n          :value=\"p.product\"\n          :key=\"idx\"\n          v-for=\"(p, idx) in productList\"\n        >\n          <span style=\"float: left\">{{ p.text }}</span>\n          <span\n            style=\"float: right; color: #8492a6; font-size: 13px\"\n            v-if=\"env === 'development'\"\n            >{{ p.country }}</span\n          >\n        </el-option>\n      </el-select>\n      <div v-if=\"(querySkill && noserivce) || singleTimeNoService\">\n        <div\n          class=\"ql-editor non-service\"\n          v-html=\"nonServiceTime.nonServiceTimeText\"\n        />\n        <div class=\"others\">\n          <a\n            v-if=\"nonServiceTime.otherText1\"\n            :href=\"nonServiceTime.otherValue1\"\n            target=\"_blank\"\n          >\n            {{ nonServiceTime.otherText1 }}</a\n          >\n          <a\n            v-if=\"nonServiceTime.otherText2\"\n            :href=\"nonServiceTime.otherValue1\"\n            target=\"_blank\"\n          >\n            {{ nonServiceTime.otherText2 }}</a\n          >\n        </div>\n      </div>\n    </div>\n\n    <div class=\"bottom\">\n      <el-button\n        type=\"primary\"\n        v-if=\"!(noserivce || singleTimeNoService)\"\n        :disabled=\"!querySkill || loading\"\n        @click=\"next\"\n        >{{ $t(\"LAYOUT.NEXT_STEP\") }}</el-button\n      >\n    </div>\n    <Bulletins />\n    <ConfirmCountry />\n    <CountryNotAllow ref=\"countryNotAllow\" />\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport ConfirmCountry from \"@/components/layout/drawer_confirmCountry\";\nimport Bulletins from \"@/components/layout/drawer_bulletins\";\nimport CountryNotAllow from \"@/components/layout/drawer_CountryNotAllow\";\nimport { Customer } from \"@/api/customer\";\nexport default {\n  name: \"select-skill\",\n  components: { ConfirmCountry, Bulletins, CountryNotAllow },\n  data() {\n    const q = this.$route.query;\n    return {\n      env: process.env.NODE_ENV,\n      queryCountry: q.country || \"TW\",\n      querySkill: q.skill || \"\",\n      queryPlatform: q.platform || \"\",\n      querySkipPolicy: q.skipPolicy,\n      queryDevice: q.device || \"\",\n      queryChatBotRoomId: q.chatBotRoomId || \"\",\n      queryTicket: q.ticket || \"\", // for ASUS aticket\n      queryCUSID: q.cusid || \"\", // for CN cus_id(CNSub)\n      querySN: q.SN || q.sn || \"\", // for productSN\n      //\n      loading: false,\n      noserivce: false, // 是否營業\n    };\n  },\n  created() {\n    if (this.queryCountry) {\n      this.getAllCountryConfigs(this.queryCountry.toUpperCase());\n    } else {\n      if (this.env == \"production\") {\n        setTimeout(() => {\n          location.href = \"https://www.asus.com/support/\";\n        }, 3000);\n      } else {\n        this.$router.replace(\"/selectCountry\");\n      }\n    }\n    /* Store Mode */\n    this.$store.commit(\n      \"global/setStoreMode\",\n      this.querySkill.toUpperCase() === \"STORE\"\n    );\n\n    // 網址參數暫存\n    const asus_chat_query = {\n      country: this.queryCountry.toUpperCase(),\n      asusWebSiteCountry: this.queryCountry.toUpperCase(),\n      platform: this.queryPlatform.toUpperCase(),\n      chatBotRoomId: this.queryChatBotRoomId,\n      skipPolicy: this.querySkipPolicy,\n      CNSub: this.queryCUSID,\n      productSN: this.querySN,\n      device: this.queryDevice,\n      ASUSTicket: this.queryTicket,\n      product: this.querySkill,\n    };\n    // console.log(\"asus_chat_query\", asus_chat_query);\n    this.$store.commit(\"global/setCustomerSurvey\", asus_chat_query);\n  },\n  watch: {\n    querySkill(val) {\n      this.checkSkillAvailble(val);\n    },\n  },\n  methods: {\n    async checkIPAndShowBulletins() {\n      // ipinfo 偵測國家/地區\n      const ipinfo_token = process.env.VUE_APP_IPINFO;\n      const response = await axios.get(\n        `https://ipinfo.io/json?token=${ipinfo_token}`\n      );\n\n      // AP-6477 EMEA主機要阻擋特定國家IP使用chat\n      // 2024/11/12 因為asus官網還沒有搞定 不上線\n      // const blockedCountries = [\n      //   \"BY\",\n      //   \"RU\",\n      //   \"CD\",\n      //   \"LY\",\n      //   \"MM\",\n      //   \"VE\",\n      //   \"KP\",\n      //   \"CU\",\n      //   \"IR\",\n      //   \"SY\",\n      // ];\n      const blockedCountries = [];\n      if (blockedCountries.includes(response.data.country)) {\n        this.$refs[\"countryNotAllow\"].drawer = true;\n        this.$refs[\"countryNotAllow\"].detectedCountry = response.data.country;\n        return;\n      }\n\n      this.$store.commit(\"global/setCustomerSurvey\", {\n        detectedCountry: response.data.country,\n      });\n      localStorage.setItem(\"asus_chat_detectedCountry\", response.data.country);\n\n      if (this.country !== \"TW-EC\") {\n        if (this.country == this.detectedCountry) {\n          // show news if country = detectedCountry\n          this.$bus.$emit(\"openBulletinDrawer\");\n        } else {\n          this.$bus.$emit(\"openConfirmCountryDrawer\");\n        }\n      }\n      this.setLog();\n    },\n    setLog() {\n      const ASUSTicket =\n        this.$store.state.global.customerSurvey.ASUSTicket || \"\";\n      let params = {\n        CustomerLogType: \"EntryChatSite\",\n        ASUSTicket: ASUSTicket,\n        AsusWebSiteCountry: this.country,\n      };\n      Customer.SetLog(params)\n        .then(() => {})\n        .catch((err) => {\n          console.log(err);\n        });\n    },\n    async getAllCountryConfigs(country) {\n      this.loading = true;\n      try {\n        const res = await this.$store.dispatch(\n          \"global/getAllCountryConfigs\",\n          country\n        );\n        this.$bus.$emit(\"checkLTR\", country);\n        this.checkIPAndShowBulletins();\n\n        if (this.querySkill) {\n          this.checkSkillAvailble(this.querySkill);\n        }\n      } catch (err) {\n        // country error or not exist\n        alert(err.data);\n        location.href = \"https://www.asus.com/support/\";\n      }\n      this.loading = false;\n    },\n    checkSkillAvailble(val) {\n      let country; // country 來自 product (因應跨國支援新增\n      let product = val;\n      const skill = this.productList.find((el) => el.product == val);\n\n      if (skill) {\n        this.noserivce = !skill?.isSkillService;\n        country = skill.country || this.queryCountry;\n      } else {\n        this.noserivce = true;\n      }\n      this.$store.commit(\"global/setStoreMode\", val === \"STORE\");\n      this.$store.commit(\"global/setCustomerSurvey\", { product, country });\n      // select country 後留意是否為跨國支援國家,需變更create room 的 country\n      // country 來自 product (因應跨國支援新增)\n    },\n    next() {\n      this.$router.push(\"/policy\");\n    },\n  },\n  computed: {\n    country() {\n      return this.$store.state.global.customerSurvey.asusWebSiteCountry;\n    },\n    detectedCountry() {\n      return this.$store.state.global.customerSurvey.detectedCountry;\n    },\n    productList() {\n      let products = this.$store.state.global.productListByCountry;\n      return products;\n    },\n    welcomeDesc() {\n      return this.$store.state.global.settingMetas_beforeChat.welcomeDesc;\n    },\n    nonServiceTime() {\n      const nonServiceTime = this.$store.state.global.settingMetas_beforeChat\n        .nonServiceTime;\n      return nonServiceTime;\n    },\n    singleTimeNoService() {\n      const {\n        isServiceTime,\n        isSingleServiceTime,\n      } = this.$store.state.global.settingMetas_beforeChat;\n      // isServiceTime = false\n      // isSingleServiceTime = true\n      // 選項 disabled 不可選\n      return !isServiceTime && isSingleServiceTime;\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.select-skill {\n  // background-color: #eee;\n  height: 100%;\n  padding-top: 48px;\n  padding-bottom: 58px;\n  width: 680px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  .ql-editor {\n    width: 100%;\n    max-width: 420px;\n    margin: auto;\n    min-height: initial;\n    height: fit-content;\n    color: #4d4d4d;\n  }\n  .select {\n    flex: 1;\n    margin: 40px auto 20px auto;\n    width: 420px;\n    label {\n      display: block;\n      margin-top: 20px;\n      margin-bottom: 6px;\n    }\n    .non-service {\n      margin: 20px 0;\n    }\n  }\n  .others {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    a {\n      background-color: $primary;\n      color: white;\n      margin-right: 8px;\n      text-decoration: none;\n      padding: 8px 20px;\n      border-radius: 8px;\n      font-size: 16px;\n      line-height: 20px;\n      &:hover {\n        background-color: #0051a8;\n      }\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n  .bottom {\n    margin-top: auto;\n    .el-button {\n      display: block;\n      margin: auto;\n      width: 320px;\n    }\n  }\n}\n\n@media (max-width: 1000px) {\n  .select-skill {\n    width: 100%;\n    padding: 32px 20px;\n    .welcome {\n      width: 100%;\n    }\n    .select {\n      width: 100%;\n    }\n  }\n}\n</style>\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!./_selectSkill.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!./_selectSkill.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_selectSkill.vue?vue&type=template&id=36b50d27&scoped=true&\"\nimport script from \"./_selectSkill.vue?vue&type=script&lang=js&\"\nexport * from \"./_selectSkill.vue?vue&type=script&lang=js&\"\nimport style0 from \"./_selectSkill.vue?vue&type=style&index=0&id=36b50d27&lang=scss&scoped=true&\"\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  \"36b50d27\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./drawer_bulletins.vue?vue&type=style&index=0&id=3c9cbec8&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./drawer_CountryNotAllow.vue?vue&type=style&index=0&id=c095d086&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./_selectSkill.vue?vue&type=style&index=0&id=36b50d27&lang=scss&scoped=true&\""],"sourceRoot":""}