{"version":3,"sources":["webpack:///./src/views/chatroom/index.vue?0884","webpack:///./src/assets/images/icons/success.png","webpack:///./src/views/chatroom/index.vue?ba38","webpack:///./src/components/layout/header.vue?1aa9","webpack:///src/components/layout/header.vue","webpack:///./src/components/layout/header.vue?4869","webpack:///./src/components/layout/header.vue","webpack:///src/views/chatroom/index.vue","webpack:///./src/views/chatroom/index.vue?4a20","webpack:///./src/views/chatroom/index.vue","webpack:///./src/assets/images/asus_white.svg","webpack:///./src/components/layout/header.vue?979e","webpack:///./src/assets/images/wifi_icon@3x.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","attrs","_v","_e","route","name","on","$event","terminate","_s","$t","isCustomerLeave","agentStatus","dialogVisible","internet_status","domProps","settingMetas_chatting","terminationService","staticStyle","slot","close_and_survey","props","fixed","type","Boolean","default","data","country","showOnlineStatus","watch","$route","val","el","scroll","vm","setInterval","created","localStorage","getItem","mounted","document","querySelector","addEventListener","methods","$router","replace","location","href","videoReady","$store","dispatch","computed","state","global","connection","getters","customer","isStoreMode","storeMode","component","components","query","asusWebSiteCountry","getAllCountryConfigs","customerSurvey"],"mappings":"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","file":"js/chunk-722b87f4.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!./index.vue?vue&type=style&index=0&id=40fcc6e8&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHPSURBVHgBpVPNVQIxEJ4kiz7Fw1588rM8twOxAqECsQKxArUBd0MDagViBWAFaAViBe5F5bjvKSqyyThZjcCKXphTJjPz5ftmJgALGpt36Qa+mxfjBgLbND4ydYfJcn8go+hfAFO4ypMjZLhPVRFjcP2dViWYBmp29obPMpZx/AugEPg+50kHEa/fcDiT9BUv+FyIAJDXXvXzto1zmyCc5EIjdJ/Ch+NscRpfEu7jycOBRmyv8LXOTLDcqjSLsnwPf5hhV2p5uCFLu8YvSq9XCLzahAFpRoDwLwAuVI+kRSP9epP6DC8Zh2ACgKz6rodX84oNO0rwzQNWWk7lutTg6k+SoWfPxVbldD0oVyfUK/fFltfJAtsaJ1UALHYD13XBhRGMGznBmgRSJ+qH6esqqU8X+zTuD0gmU6DO9vNOfjeSUYxK1REwJpAeFTe1hnAgB9E0wFioBiL0fwBQg9SaNc3ZJFsQ07h3fDnP0ifuAcXbM5dmNCXphdY3i2Nk/dJOOSbX+o49LGtnbyTGt9S0Ta2EzO59+j94EmrAHdRqz96zbHNIn6F3RJEufOukkdWoTz79hbaRNPcvTFu69zy3RQuWjlMz6kUyvJq34gvbJ1hA8P1RjNINAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chat\"},[_c('div',{staticClass:\"content\"},[_c('Header'),_c('div',{staticClass:\"main\"},[_c('router-view')],1)],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('div',{staticClass:\"header\"},[_c('el-row',{staticClass:\"content\"},[_c('el-col',{staticClass:\"left logo\",attrs:{\"span\":12}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/asus_white.svg\"),\"alt\":\"logo\"}}),(_vm.isStoreMode)?_c('div',{staticClass:\"storemark\"},[_vm._v(\"Store\")]):_vm._e()]),_c('el-col',{staticClass:\"right\",attrs:{\"span\":12}},[(_vm.route.name === 'chatroom')?_c('div',[(_vm.isCustomerLeave)?_c('div',{staticClass:\"header-item\",on:{\"click\":function($event){return _vm.terminate()}}},[_c('i',{staticClass:\"bx bx-log-out\"}),_c('div',[_vm._v(_vm._s(_vm.$t(\"CHATROOM.HEAD.TERMINATE\")))])]):_vm._e(),(!_vm.isCustomerLeave && _vm.agentStatus)?_c('div',{staticClass:\"header-item\",on:{\"click\":function($event){_vm.dialogVisible = true}}},[_c('i',{staticClass:\"bx bx-log-out-circle\"}),_vm._v(_vm._s(_vm.$t(\"CHATROOM.HEAD.CLOSE_AMD_SURVEY\"))+\" \")]):_vm._e()]):_vm._e()])],1),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[(_vm.showOnlineStatus)?_c('div',{staticClass:\"notice-bar\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icons/success.png\"),\"alt\":\"\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"SYS.RECONNECTED\"))+\" \")]):_vm._e()]),(_vm.internet_status == 'offline' && _vm.route.name !== 'chatroom')?_c('div',{staticClass:\"offline-modal\"},[_c('div',{staticClass:\"offline-msg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/wifi_icon@3x.png\"),\"alt\":\"offline\"}}),_c('p',{staticClass:\"p1\"},[_vm._v(_vm._s(_vm.$t(\"SYS.NO_NETWORK\")))]),_c('p',{staticClass:\"p2\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"SYS.NO_NETWORK_INFO\"))+\" \")])])]):_vm._e(),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible,\"append-to-body\":false,\"modal-append-to-body\":false},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:\"close-dialog\"},[_c('div',{staticClass:\"ql-editor\",domProps:{\"innerHTML\":_vm._s(_vm.settingMetas_chatting.terminationService)}}),_c('vue-editor',{staticStyle:{\"display\":\"none\"}})],1),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{staticClass:\"outline-primary\",on:{\"click\":function($event){_vm.dialogVisible = false}}},[_vm._v(_vm._s(_vm.$t(\"CHATROOM.CLOSE.B1\")))]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.close_and_survey}},[_vm._v(_vm._s(_vm.$t(\"CHATROOM.CLOSE.B0\")))])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"header\">\n    <el-row class=\"content\">\n      <el-col :span=\"12\" class=\"left logo\">\n        <img src=\"@/assets/images/asus_white.svg\" alt=\"logo\" />\n        <div class=\"storemark\" v-if=\"isStoreMode\">Store</div>\n      </el-col>\n      <el-col class=\"right\" :span=\"12\">\n        <!--僅進入聊天室畫面顯示 右上工具-->\n        <div v-if=\"route.name === 'chatroom'\">\n          <div class=\"header-item\" v-if=\"isCustomerLeave\" @click=\"terminate()\">\n            <i class=\"bx bx-log-out\"></i>\n            <div>{{ $t(\"CHATROOM.HEAD.TERMINATE\") }}</div>\n          </div>\n          <div\n            class=\"header-item\"\n            v-if=\"!isCustomerLeave && agentStatus\"\n            @click=\"dialogVisible = true\"\n          >\n            <i class=\"bx bx-log-out-circle\"></i\n            >{{ $t(\"CHATROOM.HEAD.CLOSE_AMD_SURVEY\") }}\n          </div>\n        </div>\n        <!--僅進入聊天室畫面顯示 右上工具-->\n      </el-col>\n    </el-row>\n\n    <!--重新連線提示-->\n    <transition name=\"slide-fade\">\n      <div class=\"notice-bar\" v-if=\"showOnlineStatus\">\n        <img src=\"@/assets/images/icons/success.png\" alt=\"\" />\n        {{ $t(\"SYS.RECONNECTED\") }}\n      </div>\n    </transition>\n    <!--重新連線提示-->\n\n    <div\n      class=\"offline-modal\"\n      v-if=\"internet_status == 'offline' && route.name !== 'chatroom'\"\n    >\n      <div class=\"offline-msg\">\n        <img src=\"@/assets/images/wifi_icon@3x.png\" alt=\"offline\" />\n        <p class=\"p1\">{{ $t(\"SYS.NO_NETWORK\") }}</p>\n        <p class=\"p2\">\n          {{ $t(\"SYS.NO_NETWORK_INFO\") }}\n        </p>\n      </div>\n    </div>\n\n    <el-dialog\n      :visible.sync=\"dialogVisible\"\n      :append-to-body=\"false\"\n      :modal-append-to-body=\"false\"\n    >\n      <div class=\"close-dialog\">\n        <div\n          class=\"ql-editor\"\n          v-html=\"settingMetas_chatting.terminationService\"\n        ></div>\n        <!-- 此处添加此富文本编辑器是为了样式显示出来 -->\n        <vue-editor style=\"display: none\" />\n      </div>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button class=\"outline-primary\" @click=\"dialogVisible = false\">{{\n          $t(\"CHATROOM.CLOSE.B1\")\n        }}</el-button>\n        <el-button type=\"primary\" @click=\"close_and_survey\">{{\n          $t(\"CHATROOM.CLOSE.B0\")\n        }}</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"layout-header\",\n  props: {\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      route: \"\",\n      country: \"\",\n      showOnlineStatus: false,\n      dialogVisible: false,\n    };\n  },\n  watch: {\n    $route(val) {\n      this.route = val;\n      const el = document.querySelector(\".process\");\n      if (el) {\n        el.scroll(0, 0);\n      }\n    },\n    internet_status(val) {\n      const vm = this;\n      if (val == \"online\") {\n        vm.showOnlineStatus = true;\n        setInterval(function() {\n          vm.showOnlineStatus = false;\n        }, 6000);\n      }\n    },\n  },\n  created() {\n    this.route = this.$route;\n    this.country = localStorage.getItem(\"asus_chat_webSiteCountry\");\n  },\n  mounted() {\n    document.querySelector(\".header\").addEventListener(\n      \"touchmove\",\n      function(e) {\n        e.preventDefault();\n      },\n      { passive: false }\n    );\n  },\n  methods: {\n    terminate() {\n      if (this.country) {\n        this.$router.replace(`/?country=${this.country}`);\n      } else {\n        location.href = \"https://www.asus.com/support/\";\n      }\n    },\n    close_and_survey() {\n      if (this.videoReady) {\n        this.$store.dispatch(\"customer/hangup\");\n      }\n      this.$store.dispatch(\"customer/leaveRoom\", true); // true = customer 主動離開\n      this.dialogVisible = false;\n    },\n  },\n  computed: {\n    settingMetas_chatting() {\n      return this.$store.state.global.settingMetas_chatting;\n    },\n    internet_status() {\n      return this.$store.state.global.internet_status;\n    },\n    connection() {\n      return this.$store.getters[\"customer/connection\"];\n    },\n    isCustomerLeave() {\n      return this.$store.state.customer.isCustomerLeave;\n    },\n    isStoreMode() {\n      return this.$store.state.global.storeMode;\n    },\n    agentStatus() {\n      return this.$store.getters[\"customer/agentStatus\"];\n    },\n    // webrtc\n    videoReady() {\n      return this.$store.getters[\"webrtc/ready\"];\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.slide-fade-enter-active {\n  transition: all 0.3s ease;\n}\n.slide-fade-leave-active {\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n}\n.slide-fade-enter, .slide-fade-leave-to\n  /* .slide-fade-leave-active for below version 2.1.8 */ {\n  transform: translateY(-100%);\n  opacity: 0;\n}\n.fixed {\n  z-index: 10;\n  position: fixed;\n  top: 0px;\n}\n.header {\n  width: 100%;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: #006ce1;\n}\n.content {\n  width: 100%;\n  padding: 0 20px;\n  height: 56px;\n  background-color: #006ce1;\n  display: flex;\n  align-items: center;\n  .logo {\n    flex: 1;\n    color: white;\n    display: flex;\n    align-items: center;\n\n    img {\n      width: 62px;\n      height: 13px;\n      margin-right: 5px;\n    }\n    .storemark {\n      color: white;\n      font-weight: bold;\n      letter-spacing: 1px;\n    }\n  }\n  .right {\n    .header-item {\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      color: white;\n      i {\n        margin-right: 5px;\n        line-height: 20px;\n      }\n      div {\n        line-height: 20px;\n      }\n    }\n    .tools {\n      .el-dropdown-link {\n        display: block;\n        width: 50px;\n        text-align: right;\n        color: white;\n        font-size: 1.2rem;\n      }\n    }\n  }\n}\n.notice-bar {\n  box-sizing: border-box;\n  background-color: #e0ffe0;\n  min-height: 45px;\n  width: 100%;\n  position: absolute;\n  top: 56px;\n  padding: 0px 20px;\n  color: #181818;\n  line-height: 21px;\n  font-size: 16px;\n  color: $text-regular;\n  display: flex;\n  align-items: center;\n  transition: all 0.3s;\n  z-index: -1;\n  img {\n    width: 16px;\n    height: 16px;\n    margin-right: 8px;\n  }\n}\n.offline-modal {\n  height: calc(100vh - 56px);\n  position: absolute;\n  top: 56px;\n  left: 0;\n  background-color: white;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 200px 0;\n  .offline-msg {\n    text-align: center;\n    width: 60%;\n    img {\n      width: 100px;\n    }\n    p {\n      margin: 0;\n    }\n    .p1 {\n      margin-bottom: 5px;\n      font-size: 1.2rem;\n      color: $primary;\n    }\n    .p2 {\n      color: #999;\n    }\n  }\n}\n.close-dialog {\n  padding: 0 20px;\n  .ql-editor {\n    line-height: initial;\n    min-height: initial;\n  }\n}\n\n@media (max-width: 1000px) {\n  .header {\n    position: fixed;\n    top: 0;\n    left: 0;\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!./header.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!./header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./header.vue?vue&type=template&id=e35e9782&scoped=true&\"\nimport script from \"./header.vue?vue&type=script&lang=js&\"\nexport * from \"./header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./header.vue?vue&type=style&index=0&id=e35e9782&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  \"e35e9782\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"chat\">\n    <div class=\"content\">\n      <Header />\n      <div class=\"main\">\n        <router-view></router-view>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst query = JSON.parse(localStorage.getItem(\"asus_chat_query\")) || {};\nimport Header from \"@/components/layout/header\";\nexport default {\n  name: \"chatroom-index\",\n  components: { Header },\n  data() {\n    return {};\n  },\n  created() {\n    if (query.asusWebSiteCountry) {\n      this.getAllCountryConfigs(query.asusWebSiteCountry);\n    }\n  },\n  methods: {\n    async getAllCountryConfigs(country) {\n      await this.$store\n        .dispatch(\"global/getAllCountryConfigs\", country)\n        .then((res) => {\n          if (res.status == 200) {\n            this.$bus.$emit(\"checkLTR\", country);\n          }\n        });\n    },\n  },\n  computed: {\n    customerSurvey() {\n      return this.$store.getters[\"global/customerSurvey\"];\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.chat {\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  .content {\n    margin: auto;\n    width: 100%;\n    max-width: 1000px;\n    height: 640px;\n    background-color: white;\n    box-shadow: 1px 4px 12px 0px rgba(0, 0, 0, 0.1);\n    border-radius: 16px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    .head {\n      width: 100%;\n      background-color: #006ce1;\n      padding: 21.5px 20px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      img {\n        width: 62px;\n        height: 13px;\n      }\n      .tools {\n        cursor: pointer;\n        .el-dropdown-link {\n          display: block;\n          width: 24px;\n          height: 25px;\n          img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n          }\n        }\n      }\n      .tools {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n      }\n      .logo {\n        #logo-blue {\n          display: none;\n        }\n      }\n    }\n    .head.light {\n      background: none;\n      #logo-blue {\n        display: block;\n      }\n      #logo-white {\n        display: none;\n      }\n    }\n    .main {\n      flex: 1;\n      position: relative;\n      overflow-y: hidden;\n    }\n  }\n}\n\n@media (max-width: 1000px) {\n  .chat {\n    padding: 0;\n    .content {\n      height: 100%;\n      min-height: 640px;\n      border-radius: 0;\n      box-shadow: none;\n      border-radius: 0px;\n      box-shadow: none;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      .head {\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        position: fixed;\n        top: 0;\n        left: 0;\n        .title {\n          p {\n            display: none;\n          }\n          img {\n            display: block;\n          }\n          #logo-blue {\n            display: none;\n          }\n        }\n      }\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!./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=40fcc6e8&scoped=true&\"\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&id=40fcc6e8&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  \"40fcc6e8\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/asus_white.svg\";","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!./header.vue?vue&type=style&index=0&id=e35e9782&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}