{"version":3,"sources":["webpack:///./static/config.js","webpack:///./src/App.vue?7c4d","webpack:///./src/App.vue","webpack:///src/App.vue","webpack:///src/components/Client.vue","webpack:///./src/components/Client.vue?4312","webpack:///./src/components/Client.vue","webpack:///src/components/ClientLogin.vue","webpack:///./src/components/ClientLogin.vue?5b44","webpack:///./src/components/ClientLogin.vue","webpack:///src/components/Agent.vue","webpack:///./src/components/Agent.vue?8c81","webpack:///./src/components/Agent.vue","webpack:///src/components/AgentLogin.vue","webpack:///./src/components/AgentLogin.vue?5130","webpack:///./src/components/AgentLogin.vue","webpack:///./src/components/OfficeTiming.vue?6a04","webpack:///./src/components/OfficeTiming.vue","webpack:///src/components/OfficeTiming.vue","webpack:///./src/router/index.js","webpack:///./src/messages","webpack:///./src/main.js"],"names":["exports","HUB_URL","UPLOAD_URL","selectortype_template_index_0_src_App","render","_h","this","$createElement","_c","_self","attrs","id","staticRenderFns","src_App","__webpack_require__","normalizeComponent","ssrContext","Client","client","messageFromAgent","agentAvailable","sessionClosed","agentDisconnected","sessionClosedByAgent","printPage","loginAgain","officeTimings","setCurrentSessionid","name","email","makeid","Date","dt","sessionId","FileReader","Image","result","width","height","prev","css","w","file","i","length","text","scrollToBottom","FormData","XMLHttpRequest","total","responseText","fd","close","scrollHeight","closeSessionWithAgent","getCurrentTime","showFeedbackForm","submitFeedback","v","locale","clientText","message","agent","Name","currentdate","getMonth","getFullYear","getHours","getMinutes","getSeconds","pageContent","frame1","contentDocument","open","contents","focus","print","getDateTime","feedbackEmojiSelected","source","username","CustomerHapiness","getDate","month","day","hour","minute","second","Avatar","vue_avatar_min_default","a","components_Client","_vm","staticClass","staticStyle","display","flex-direction","src","_v","sessionClosedd","_e","background-color","position","right","top","title","on","click","printChat","color","left","sessionClosedByClient","_s","$t","flex","overflow","padding-left","padding-right","class","active","showSessionCloseConfermation","clsoeSessionFinal","dontCloseSession","showThanks","closeWindow","_l","con","me","from","you","bubble","text-align","clear","margin-top","margin-bottom","style","dir","direction","domProps","innerHTML","padding-top","padding-bottom","float","getTime","date","loading","feedbacksubmitting","align-items","$event","setfeedback","emojiimgActive","rows","line-height","margin-left","feedbacksubmit","border","left icon input","$i18n","right icon input","directives","rawName","value","expression","disabled","type","placeholder","keyup","_k","keyCode","key","sendMessageToAgent","input","target","composing","triggerUpload","accept","change","onFileSelect","src_components_Client","Client_normalizeComponent","ClientLogin","image","hash","validateCaptcha","val","xhr","components_ClientLogin","error","errors","any","required","regex","padding","for","tabindex","checked","_q","language","captchaInput","has","first","login","src_components_ClientLogin","ClientLogin_normalizeComponent","Agent","reload","updateUserList","recieveMessageFromClient","clientDisconnected","previousMessages","singleClientConnected","agentName","agentId","token","methods","_methods","users","undefined","user","ConnectionId","agentText","getlocalt","closeSessionWithCustomer","Message","DateTimee","toLocaleString","defineProperty_default","stop","components_Agent","justify-content","closeSessionForClient","refreshChat","overflow-y","rounded","size","isImage","getImageSrcFromLink","previousMessageslist","comment","selectedUser","sendMessageToClient","unEntertainedUsers","IsEntertained","Email","RegistrationDateTime","index","selectuser","src_components_Agent","Agent_normalizeComponent","AgentLogin","auth","authSuccess","authFail","password","hours","Token","ob","watch","components_AgentLogin","align-self","src_components_AgentLogin","AgentLogin_normalizeComponent","components_OfficeTiming","src_components_OfficeTiming","OfficeTiming_normalizeComponent","vue_esm","use","vue_router_esm","router","routes","path","component","src_messages","en","GCAA","CLOSESESSION","PREVIOUSCHAT","AVAILABLECUSTOMERS","ENTERTAINED","WAITING","QUEUEn","LTGCAACHATAGENT","LOGIN","CLIENTWELLCOMEMESSAGE","TFUGCAALC","AATOKW","AGENTAVAILABLE","GREETINGS","WELLCOMEGCAACHATLL","OFFLINEMESSAGE","FEEDBACKTEXT","SUBMIT","ARUTCS","RUS","KSAOI","SCFC","SCBU","TUFUR","CLOSE","YES","NO","SESSIONCLOSEFOR","CUSTOMER","ar","vee_validate_esm","vue_i18n_esm","config","productionTip","userLang","navigator","userLanguage","toLocaleLowerCase","substr","i18n","messages","el","template","components","App"],"mappings":"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","file":"static/js/app.d7bf150ba4dbebf8b8ed.js","sourcesContent":["//  var HUB_URL = \"https://eservices.gcaa.gov.ae/signalr\";\n// var UPLOAD_URL = \"https://eservices.gcaa.gov.ae/api/livechatupload\";\n\n//\n//  var HUB_URL = \"https://eservices.gcaa.gov.ae/LiveChat/signalr\";\n// var UPLOAD_URL = \"https://eservices.gcaa.gov.ae/LiveChat/api/livechatupload\";\n\nvar HUB_URL = \"https://eservices.gcaa.gov.ae/LiveChat/signalr\";\nvar UPLOAD_URL = \"https://eservices.gcaa.gov.ae/LiveChat/api/livechatupload\";\nexports.HUB_URL = HUB_URL;\nexports.UPLOAD_URL = UPLOAD_URL;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/config.js\n// module id = /98u\n// module chunks = 1","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-3fa841ff\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3fa841ff\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3fa841ff\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","<template>\n  <div id=\"app\">\n    <router-view/>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'app'\n}\n</script>\n\n<style>\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","<template>\n  <div class=\"ui  column centered grid\">\n    <div class=\"column\">\n      <div style=\"display: flex; height: 100vh; flex-direction: column\">\n        <div class=\"ui shadow  top attached segment mainImageBoxofChat\">\n          <img class=\"ui  image\" src=\"https://eservices.gcaa.gov.ae/livechat/static/images/rsz_gcaalivesupport.jpg\"/>\n          <button class=\"circular ui icon button\" @click=\"printChat\"\n                  style=\"    background-color: rgb(182, 138, 53) !important;  position: absolute; right: 0;  top: 70%;\"\n                  v-if=\"!sessionClosedd\" title=\"Print Chat\">\n            <i class=\"print inverted   link icon\"></i>\n\n          </button>\n\n          <button @click=\"sessionClosedByClient\" v-if=\"!sessionClosedd\" class=\" ui icon button\"\n                  style=\" background-color: rgb(182, 138, 53) !important; color: white;  position: absolute; left: 0;  top: 70%;\"\n          >\n            {{$t('CLOSESESSION')}}\n\n          </button>\n        </div>\n        <div id=\"chatBoxWindow\" class=\"ui attached segment \"\n             style=\"flex: 1; display: flex;  flex-direction: column-reverse; overflow:hidden; background-color: #f5f7fa; height:72vh; padding-left:0px; padding-right:0px\">\n          <div class=\"containerr\" style=\"height: inherit\" >\n            <div class=\"ui dimmer inverted \" :class=\"{'active':showSessionCloseConfermation}\" id=\"confermDialogue\">\n              <div class=\"content\">\n                <div class=\"center\">\n                  <div class=\"ui icon orange header\">\n                    <i class=\"check  icon\"></i>\n                    <div class=\"content\">\n                      <!--{{$t('RUS')}}-->\n                      <div class=\"ui inverted orange sub header\">{{$t('ARUTCS')}}</div>\n                    </div>\n                  </div>\n\n                  <div>\n                    <div class=\"ui orange button\" @click=\"clsoeSessionFinal\">{{$t('YES')}}</div>\n                    <div class=\"ui button\" @click=\"dontCloseSession\">{{$t('NO')}}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"ui dimmer inverted \" :class=\"{'active':showThanks}\">\n              <div class=\"content\">\n                <div class=\"center\">\n                  <div class=\"ui icon orange header\">\n                    <i class=\"smile  icon\"></i>\n                    <div class=\"content\">\n                      {{$t('TUFUR')}}\n                    </div>\n                  </div>\n\n                  <div>\n                    <div class=\"ui orange button\" @click=\"closeWindow\">{{$t('CLOSE')}}</div>\n\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"chat active-chat\" id=\"mj\" style=\"height: inherit;\">\n\n              <div\n                :class=\"{'me':con.from==='client'||con.from==='image', 'you':con.from==='agent','bubble':con.from==='client'||con.from==='agent'||con.from==='image'}\"\n                v-for=\"con in conversation\">\n                <div class=\"ui  orange attached segment centered\"\n                     style=\"text-align: center; clear: both ; margin-top: 2%; margin-bottom: 2%\"\n                     v-if=\"con.from==='notification'\">\n                  <div class=\"ui orange inverted header\" v-html=\"con.message\" :style=\"{'dir':direction.direction}\"></div>\n\n                </div>\n\n\n                <div class=\"ui  horizontal list\" v-if=\"con.from!=='notification'&&con.from!=='image'\">\n                  <div class=\"item\">\n                    <div class=\"content\">\n                      <div class=\"ui tiny header\"\n                           :style=\"{'color':con.from==='client' ? '#B68a35 !important' :'#a8bfbf'}\">{{con.name}}\n                      </div>\n                      <div class=\"description\" style=\"padding-top: 5%; padding-bottom: 5%\"\n                           :style=\"{'color':con.from==='agent' ? 'white !important' :''}\"> {{con.message}}\n\n                      </div>\n\n                      <span class=\"chatdatetime\"\n                            :style=\"{'float':con.from==='client'||con.from==='image' ?'left':'right' }\">{{getTime(con.date)}}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"ui  horizontal list\" v-if=\"con.from==='image'\">\n                  <div class=\"item\">\n                    <div class=\"content\">\n                      <div class=\"ui tiny header\"\n                           :style=\"{'color':con.from==='client' ||con.from==='image'? '#B68a35 !important' :'paleturquoise'}\">\n                        {{con.name}}\n                      </div>\n                      <div class=\"description\" style=\"padding-top: 5%; padding-bottom: 5%\"\n                           :style=\"{'color':con.from==='agent' ? 'white !important' :''}\">\n                        <div style=\"position: relative\">\n                          <div class=\"loadgo-overlay\" style=\"background-color: rgb(182, 138, 53) !important\"></div>\n                          <img :id=\"con.message\" class=\"ui medium rounded image\"\n                               src=\"https://via.placeholder.com/300x300\">\n\n                        </div>\n\n                      </div>\n\n                      <span class=\"chatdatetime\"\n                            :style=\"{'float':con.from==='image' ?'left':'right' }\">{{getTime(con.date)}}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"ui segments\" v-if=\"showfeedback\">\n                <div class=\"ui attached segment centered\"\n                     style=\"text-align: center; clear: both ; margin-top: 2%;   display: flex;  flex-direction: column; align-items: center;\"\n                     :class=\"{'loading':feedbacksubmitting}\">\n\n                  <h3>{{$t(\"FEEDBACKTEXT\")}}</h3>\n                  <div class=\"feedbackFormContainer\" style=\"width: 75%\">\n                    <div class=\"feedbackFormImage zoom\"\n                         @click=\"setfeedback(1)\">\n                      <!--<img src=\"/static/images/emoji3.svg\" class=\"animated bounceIn\"/>-->\n                      <i class=\"icon smile animated bounceIn emojiimg\"\n                         :class=\"{'emojiimgActive':feedbackEmojiSelected===1}\"></i>\n                    </div>\n                    <div class=\"feedbackFormImage zoom\"\n                         @click=\"setfeedback(2)\">\n                      <!--<img src=\"/static/images/emji2.svg\" class=\"animated bounceIn\"/>-->\n                      <i class=\"icon meh animated bounceIn emojiimg\"\n                         :class=\"{'emojiimgActive':feedbackEmojiSelected===2}\"></i>\n                    </div>\n                    <div class=\"feedbackFormImage zoom\"\n                         @click=\"setfeedback(3)\">\n                      <!--<img src=\"/static/images/emoji1.svg\" class=\"animated bounceIn\"/>-->\n                      <i class=\"icon frown animated bounceIn emojiimg\"\n                         :class=\"{'emojiimgActive':feedbackEmojiSelected===3}\"></i>\n                    </div>\n                  </div>\n                  <div class=\"ui header  inverted red\" v-if=\"feedbackerror\">{{$t('KSAOI')}}</div>\n\n                </div>\n                <div class=\"ui bottom attached segment\">\n                  <div class=\"ui form\" :style=\"feedbackformstyle\">\n                    <div class=\"field\" style=\"  flex: 1; \"><textarea rows=\"2\" :style=\"direction\"></textarea></div>\n                    <div class=\"field\">\n                      <button class=\"ui button orange\" @click=\"feedbacksubmit\"\n                              style=\" line-height: 2.6;  margin-left: 1em; \">{{$t('SUBMIT')}}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n        <div id=\"clientChatBox\" class=\"ui bottom inverted  attached segment\"\n             style=\"border: none; background-color:rgb(182, 138, 53) !important\">\n          <div class=\"ui fluid \"\n               :class=\"{'left icon input' : $i18n.locale==='ar' , 'right icon input' : $i18n.locale==='en'}\">\n            <input v-model=\"clientText\" v-on:keyup.enter=\"sendMessageToAgent\" :disabled=\"sessionClosedd\" type=\"text\"\n                   placeholder=\"\" :style=\"direction\">\n            <i @click=\"sendMessageToAgent\" :disabled=\"sessionClosedd\" class=\"send inverted  circular link icon\"\n               style=\"background-color:rgb(182, 138, 53) !important\" :style=\"{'left':  $i18n.locale==='ar' ? '2.8em' : ''}\"></i>\n            <i @click=\"triggerUpload\" :disabled=\"sessionClosedd\" class=\"file image outline link circular inverted icon\"\n               style=\"background-color:rgb(182, 138, 53) !important;  right: 2.6em !important;\" ></i>\n            <input id=\"fileToUpload\" accept=\"image/*\" style=\"display: none\" @change=\"onFileSelect\" type=\"file\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n  import Avatar from 'vue-avatar';\n  import * as config from '../../static/config';\n  import Client from './Client'\n\n  export default {\n    name: 'Client',\n    data() {\n      return {\n        msg: 'Wellcoem to client',\n        clientText: '',\n        clientHub: null,\n        name: 'mirza',\n        emaail: 'mjehangir@gcaa.gov.ae',\n        agent: null,\n        rounded: true,\n        size: 40,\n        conversation: [],\n        sessionClosedd: false,\n        showfeedback: false,\n        feedbackEmojiSelected: -1,\n        feedbackText: '',\n        feedbacksubmitting: false,\n        feedbackerror: false,\n        showSessionCloseConfermation: false,\n        showThanks: false,\n        sessionId: ''\n\n      }\n    },\n    mounted() {\n\n      if (this.isUserLogin()) {\n        let self = this;\n\n        $.connection.hub.url = config.HUB_URL;\n      //  $.connection.hub.logging = true;\n        this.clientHub = $.connection.client;\n        this.clientHub.client.recieveMessage = this.messageFromAgent;\n        this.clientHub.client.agentAvailable = this.agentAvailable;\n        this.clientHub.client.sessionClosed = this.sessionClosed;\n        this.clientHub.client.agentDisconnected = this.agentDisconnected;\n        this.clientHub.client.sessionClosedByAgent = this.sessionClosedByAgent;\n        this.clientHub.client.printPage = this.printPage;\n        this.clientHub.client.loginAgain=this.loginAgain;\n        this.clientHub.client.officeTimings=this.officeTimings;\n        this.clientHub.client.setCurrentSessionid=this.setCurrentSessionid;\n        $.connection.hub.disconnected(function() {\n          console.log(\"client disconnected\");\n        setTimeout(function() {\n            $.connection.hub.start({withCredentials: false}).done(function () {\n              console.log(\"client connected\");\n          self.clientHub.server.register({\n            name: self.$route.params.name,\n            email: self.$route.params.email\n          });\n\n        });\n        }, 3000); // Restart connection after 5 seconds.\n      });\n        $.connection.hub.start({withCredentials: false}).done(function () {\n           console.log(\"client connected\");\n          self.clientHub.server.register({\n            name: self.$route.params.name,\n            email: self.$route.params.email\n          });\n          self.conversation.push({\n            from: 'notification',\n            name: 'G C A A',\n            message: self.$t('CLIENTWELLCOMEMESSAGE'),\n\n          });\n        });\n      } else {\n        this.$router.push({name: 'ClientLogin'});\n      }\n    },\n    methods: {\n      triggerUpload() {\n        if(!this.sessionClosedd){\n        $('input[type=file]').trigger('click');\n      }},\n      onFileSelect() {\n        let id = this.makeid();\n        let self = this;\n        if (!this.sessionClosedd) {\n          var file = document.getElementById('fileToUpload').files[0];\n          if (file.type.match(/image.*/)) {\n            let dt = new Date();\n            self.conversation.push({\n              from: 'image',\n              name: self.$route.params.name,\n              message: id,\n              date: dt\n\n            });\n          }\n          self.showPreview(id);\n         }\n      },\n      setCurrentSessionid(sessionId){\n        this.sessionId=sessionId;\n      },\n      officeTimings(){\n        this.$router.push({ name: \"OfficeTiming\" })\n      },\n      loginAgain(){\n        this.$router.push({ path: \"/clientlogin\" })\n      },\n      showPreview(id) {\n        let self = this;\n        var reader = new FileReader();\n        var file = document.getElementById('fileToUpload').files[0];\n        if (file.type.match(/image.*/)) {\n          reader.onload = function (e) {\n            var w, h;\n            var image = new Image();\n            image.src = reader.result;\n            image.onload = function () {\n              w = image.width;\n              h = image.height;\n              let img = $(`#${id}`).prev();\n              img.css(\n                {\n\n                  'opacity': '0.2',\n                  'width': `${w > 300 ? 300 : w}px`,\n                  'height': `100%`,\n                  'position': 'absolute',\n                  'right': '0px',\n                  'z-index': 1\n                });\n\n              $(`#${id}`).attr('src', e.target.result);\n              self.uploadFile(id,w > 300 ? 300 : w);\n            };\n\n          };\n          reader.readAsDataURL(file);\n        } else {\n          alert('only images are allowed to attach')\n        }\n      },\n      makeid() {\n        var text = \"\";\n        var possible = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n\n        for (var i = 0; i < 5; i++)\n          text += possible.charAt(Math.floor(Math.random() * possible.length));\n\n        return text;\n      },\n      uploadFile(id,width) {\n        this.scrollToBottom();\n        let self = this;\n        var fd = new FormData();\n        var file = document.getElementById('fileToUpload').files[0];\n        fd.append(\"file\", file);\n        fd.append(\"sessionId\", this.sessionId);\n        if (file.type.match(/image.*/)) {\n\n          var xhr = new XMLHttpRequest();\n          xhr.upload.addEventListener(\"progress\", function (evt) {\n            if (evt.lengthComputable) {\n              var percentComplete = Math.round(evt.loaded * 100 / evt.total);\n              if (percentComplete === 100) {\n\n                (function theLoop (i) {\n                  setTimeout(function () {\n                    $(`#${id}`).prev().css({'width': i});\n                    if (i) {          // If i > 0, keep going\n                      i-=20;\n                      theLoop(i);       // Call the loop again, and pass it the current value of i\n                    }\n                  }, 100);\n                })(width);\n               $(\"#fileToUpload\").val('');\n              } else {\n\n              // var widathPercentage = width - ((percentComplete / 100) * width);\n              // $(`#${id}`).prev().css({'width': widathPercentage});\n            }\n            // document.getElementById('progressNumber').innerHTML = percentComplete.toString() + '%';\n            }\n            else {\n              //  document.getElementById('progressNumber').innerHTML = 'unable to compute';\n\n            }\n          }, false);\n          xhr.addEventListener(\"load\", function (data) {\n            //completed\n\n            self.clientHub.server.messageRecievedFromClient(\"[IMAGE]\" + data.currentTarget.responseText.replace(/['\"]+/g, ''));\n            //  document.querySelector('#fileToUpload').value='';\n            console.log(data.currentTarget.responseText);\n          }, false);\n          xhr.addEventListener(\"error\", function () {\n\n          }, false);\n          //  xhr.addEventListener(\"abort\", uploadCanceled, false);\n          xhr.open(\"POST\", `${config.UPLOAD_URL}`);\n          xhr.send(fd);\n\n        } else {\n          alert('only images are allowed to attach')\n        }\n      },\n      closeWindow() {\n      //  location.reload();\n      window.close();\n      },\n      scrollToBottom() {\n\n        setTimeout(function (){\n\n          var objDiv = document.getElementById(\"mj\");\n          objDiv.scrollTop = objDiv.scrollHeight;\n\n        }, 2000);\n\n      },\n      sessionClosedByClient() {\n        this.scrollToBottom();\n        this.showSessionCloseConfermation = true;\n      },\n      clsoeSessionFinal() {\n        this.clientHub.server.closeSessionWithAgent();\n        this.sessionClosed();\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: this.$t('SCBU'),\n          date: this.getCurrentTime()\n        });\n       // this.scrollToBottom();\n        this.showSessionCloseConfermation = false;\n        //this.showfeedback = true;\n        this.showFeedbackForm();\n       // this.scrollToBottom();\n      },\n      dontCloseSession() {\n        this.showSessionCloseConfermation = false;\n      },\n      feedbacksubmit() {\n        this.feedbacksubmitting = true;\n        if (this.feedbackEmojiSelected > 0) {\n          this.submitFeedback();\n        } else {\n          this.feedbackerror = true;\n          this.feedbacksubmitting = false;\n        }\n      },\n      setfeedback(v) {\n        //  if (this.feedbackEmojiSelected > 0) return;\n\n        this.feedbackerror = false;\n        this.feedbackEmojiSelected = v;\n      },\n      showFeedbackForm() {\n     //   this.scrollToBottom();\n      //  this.showfeedback = true;\n        var application = 'CHATApp';\n        var language = this.$i18n.locale;\n        var source = this.isMobileDevice() ? 'mobile' : 'web';\n        var username = this.$route.params.name;\n         var email=this.$route.params.email;\n       ShowHappiness(language,source, '371-47-001-000', '+971561808602', email, username, application, '1234568790', true);\n       this.showThanks = true;\n      },\n      sendMessageToAgent() {\n        if (this.sessionClosedd) return;\n        this.conversation.push({\n          from: 'client',\n          name: this.$route.params.name,\n          message: this.clientText,\n          date: this.getCurrentTime()\n        });\n        this.clientHub.server.messageRecievedFromClient(this.clientText);\n        this.clientText = \"\";\n        this.scrollToBottom();\n      },\n      sessionClosed() {\n        this.sessionClosedd = true;\n      },\n      sessionClosedByAgent() {\n        this.sessionClosed();\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: this.$t('TFUGCAALC'),\n          date: this.getCurrentTime()\n        });\n      //  this.showfeedback = true;\n      this.showFeedbackForm();\n      //  this.scrollToBottom();\n      },\n      messageFromAgent(data) {\n        this.conversation.push({\n          from: 'agent',\n          name: data.name,\n          message: data.message,\n          date: this.getCurrentTime(),\n        });\n      //  this.sessionId = data.sessionId;\n        this.scrollToBottom();\n      },\n      agentDisconnected() {\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: this.$t('AATOKW'),\n          date: this.getCurrentTime()\n        });\n        this.sessionClosedd = true;\n        this.scrollToBottom();\n      },\n      agentAvailable(agent) {\n        this.agent = agent;\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: this.$t('AGENTAVAILABLE').replace('[AGENTNAME]', agent.Name),\n          date: this.getCurrentTime()\n        });\n      //  this.sessionId = agent.sessionId;\n        this.conversation.push({\n          from: 'agent',\n          name: agent.Name,\n          message: this.$t('GREETINGS').replace('[CUSTOMERNAME]', this.$route.params.name),\n          date: this.getCurrentTime()\n        });\n        this.sessionClosedd = false;\n        this.scrollToBottom();\n      },\n      isUserLogin() {\n        var ue = BrowserStorage.get('clientEmail');\n        var un = BrowserStorage.get('clientName');\n        BrowserStorage.remove('clientEmail');\n        BrowserStorage.remove('clientName');\n\n\n        // var ue = localStorage.getItem('clientEmail');\n        // var un = localStorage.getItem('clientName');\n        // localStorage.removeItem('clientEmail');\n        // localStorage.removeItem('clientName');\n        var cue = this.$route.params.email;\n        var cun = this.$route.params.name;\n        if (((un === cun) && (ue === cue))) {\n          return true;\n        } else {\n          localStorage.removeItem('clientEmail');\n          localStorage.removeItem('clientName');\n          return false;\n        }\n      },\n\n      getCurrentTime() {\n\n        var currentdate = new Date();\n        return currentdate.getDate() + \"/\"\n          + (currentdate.getMonth() + 1) + \"/\"\n          + currentdate.getFullYear() + \" @ \"\n          + currentdate.getHours() + \":\"\n          + currentdate.getMinutes() + \":\"\n          + currentdate.getSeconds();\n      },\n      getTime(dt) {\n        if(dt.toString().indexOf(\"@\")!==-1){\n          return \"@\"+dt.split(\"@\")[1];\n        }\n        let currentdate = new Date(dt);\n        return \" @ \"\n          + currentdate.getHours() + \":\"\n          + currentdate.getMinutes() + \":\"\n          + currentdate.getSeconds();\n      },\n      printChat() {\n\n        this.clientHub.server.printPage();\n\n        //w.close();\n      },\n      printPage(pageContent) {\n        this.PrintDiv(pageContent);\n        // let w=window.open();\n        // w.document.write(pageContent);\n        // w.print();\n\n        // var mywindow = window.open('', '', '');\n        // mywindow.document.write('<html><title>Print</title><body>');\n        // mywindow.document.write(pageContent);\n        // mywindow.document.write('</body></html>');\n        // mywindow.document.close();\n        // mywindow.print();\n        // return true;\n      },\n      PrintDiv(pageContent) {\n        var contents = pageContent;\n        var frame1 = document.createElement('iframe');\n        frame1.name = \"frame1\";\n        frame1.style.position = \"absolute\";\n        frame1.style.top = \"-1000000px\";\n        document.body.appendChild(frame1);\n        var frameDoc = (frame1.contentWindow) ? frame1.contentWindow : (frame1.contentDocument.document) ? frame1.contentDocument.document : frame1.contentDocument;\n        frameDoc.document.open();\n        frameDoc.document.write('<html><head><title>Print Chat</title>');\n        frameDoc.document.write('</head><body>');\n        frameDoc.document.write(contents);\n        frameDoc.document.write('</body></html>');\n        frameDoc.document.close();\n        setTimeout(function () {\n          window.frames[\"frame1\"].focus();\n          window.frames[\"frame1\"].print();\n          document.body.removeChild(frame1);\n        }, 1000);\n        return false;\n      },\n      submitFeedback() {\n        let self = this;\n        var serviceid = '1001';\n        var application = 'CHATApp';\n        var language = this.$i18n.locale;\n        var source = this.isMobileDevice() ? 2 : 1;\n        var username = this.$route.params.name;\n        var GCAADBServiceID = '1001';\n        var CustomerHapiness = {\n          EserviceID: serviceid,\n          ApplicationNo: application,\n          CreatedOn: this.getDateTime(),\n          ResponseID: this.feedbackEmojiSelected,\n          Source: source,\n          GCAADBServiceID: GCAADBServiceID,\n          Username: username\n        };\n        $.ajax({\n          url: 'https://happiness.gcaa.gov.ae/api/home/AddCustomerHappiness',\n          type: 'post',\n          dataType: 'json',\n          data: CustomerHapiness,\n          cache: false,\n          success: function (ax) {\n            // if (self.$i18n.locale === \"en\") {\n            //   window.location = \"submitFeedback-en.html?ApplicationNo=\" + application;\n            // }\n            // else {\n            //   window.location = \"submitFeedback-ar.html?ApplicationNo=\" + application;\n            // }\n            self.feedbacksubmitting = false;\n            self.showThanks = true;\n          },\n          error: function (ax) {\n            // if (self.$i18n.locale === \"en\") {\n            //   window.location = \"submitFeedback-en.html?ApplicationNo=\" + application;\n            // }\n            // else {\n            //   window.location = \"submitFeedback-ar.html?ApplicationNo=\" + application;\n            // }\n            self.feedbacksubmitting = false;\n            self.showThanks = true;\n          }\n        });\n      },\n\n      getDateTime() {\n        var now = new Date();\n        var year = now.getFullYear();\n        var month = now.getMonth() + 1;\n        var day = now.getDate();\n        var hour = now.getHours();\n        var minute = now.getMinutes();\n        var second = now.getSeconds();\n        if (month.toString().length === 1) {\n          month = '0' + month;\n        }\n        if (day.toString().length === 1) {\n          day = '0' + day;\n        }\n        if (hour.toString().length === 1) {\n          hour = '0' + hour;\n        }\n        if (minute.toString().length === 1) {\n          minute = '0' + minute;\n        }\n        if (second.toString().length === 1) {\n          second = '0' + second;\n        }\n        var dateTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second;\n        return dateTime;\n      },\n      isMobileDevice() {\n        return (typeof window.orientation !== \"undefined\") || (navigator.userAgent.indexOf('IEMobile') !== -1);\n      }\n\n    },\n    computed: {\n      direction() {\n        return {\n          direction: this.$i18n.locale === 'ar' ? 'rtl' : 'ltr',\n          textAlign: this.$i18n.locale === 'ar' ? 'right' : 'left'\n        };\n      },\n      feedbackformstyle() {\n        return {\n          width: '100%',\n          display: 'flex',\n          flexDirection: this.$i18n.locale === 'ar' ? 'row-reverse' : 'row'\n        }\n      }\n    },\n    components: {\n      Client, Avatar\n    }\n  }\n</script>\n\n<style>\n\n  .zoom:hover {\n    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */\n  }\n\n  .zoom {\n\n    transition: transform .2s; /* Animation */\n\n  }\n\n  .feedbackFormContainer {\n\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n\n  .feedbackFormImageActive {\n    border: 10px solid teal;\n    border-radius: 100%;\n    line-height: 0;\n    padding: 3px;\n  }\n\n  .shadow {\n    -moz-box-shadow: inset 0 0 10px #000000;\n    -webkit-box-shadow: inset 0 0 10px #000000;\n    box-shadow: inset 0 0 10px #000000;\n  }\n\n  .rightContainer {\n    justify-content: flex-end;\n    align-items: flex-end;\n    display: flex;\n\n  }\n\n  .rightContent > .actions {\n    text-align: right;\n  }\n\n  .chatWindowmargin {\n    margin: 2em;\n  }\n\n  .containerr .chat {\n    position: relative;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    padding: 0 35px 92px;\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    border: #e6e6e6;\n    height: calc(100% - 48px);\n    -webkit-box-pack: end;\n    -ms-flex-pack: end;\n    justify-content: flex-end;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n\n  .containerr .conversation-start {\n    position: relative;\n    width: 100%;\n    margin-bottom: 27px;\n    text-align: center;\n  }\n\n  .containerr .bubble.me {\n    float: right;\n    color: #1a1a1a;\n    background-color: #eceff1;\n    -ms-flex-item-align: end;\n    align-self: flex-end;\n    -webkit-animation-name: slideFromRight;\n    animation-name: slideFromRight;\n    -webkit-animation-duration: 0.15s;\n    animation-duration: 0.15s;\n  }\n\n  .containerr .bubble {\n    font-size: 16px;\n    position: relative;\n    display: inline-block;\n    clear: both;\n    margin-bottom: 8px;\n    padding: 13px 14px;\n    vertical-align: top;\n    border-radius: 5px;\n  }\n\n  .containerr .bubble.you {\n    float: left;\n    color: #fff;\n    background-color: #3a728c;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n    -webkit-animation-name: slideFromLeft;\n    animation-name: slideFromLeft;\n    -webkit-animation-duration: 0.15s;\n    animation-duration: 0.15s;\n  }\n\n  .containerr .bubble.you:before {\n    left: -3px;\n    background-color: #3a728c;\n  }\n\n  .containerr .bubble.me:before {\n    right: -3px;\n    background-color: #eceff1;\n  }\n\n  .containerr .bubble:before {\n    position: absolute;\n    top: 19px;\n    display: block;\n    width: 8px;\n    height: 6px;\n    content: '\\00a0';\n    -webkit-transform: rotate(29deg) skew(-35deg);\n    transform: rotate(29deg) skew(-35deg);\n  }\n\n  .containerr .bubble:before {\n    position: absolute;\n    top: 19px;\n    display: block;\n    width: 8px;\n    height: 6px;\n    content: '\\00a0';\n    -webkit-transform: rotate(29deg) skew(-35deg);\n    transform: rotate(29deg) skew(-35deg);\n  }\n\n  .chatdatetime {\n\n    display: inline-block;\n    color: rgb(187, 169, 169);\n    font-size: .775em;\n  }\n\n  @keyframes slideFromLeft {\n    0% {\n      margin-left: -200px;\n      opacity: 0;\n    }\n    100% {\n      margin-left: 0;\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes slideFromLeft {\n    0% {\n      margin-left: -200px;\n      opacity: 0;\n    }\n    100% {\n      margin-left: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideFromRight {\n    0% {\n      margin-right: -200px;\n      opacity: 0;\n    }\n    100% {\n      margin-right: 0;\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes slideFromRight {\n    0% {\n      margin-right: -200px;\n      opacity: 0;\n    }\n    100% {\n      margin-right: 0;\n      opacity: 1;\n    }\n  }\n\n  .mainImageBoxofChat {\n    text-align: center;\n    display: flex;\n    justify-content: center;\n  }\n\n  .feedbackFormImage {\n    width: 25%;\n  }\n\n  .emojiimg {\n    font-size: 10em !important;\n    line-height: 1 !important;\n    color: rgb(182, 138, 53);\n  }\n\n  .emojiimgActive {\n\n    color: teal !important;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/Client.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ui  column centered grid\"},[_c('div',{staticClass:\"column\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"height\":\"100vh\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"ui shadow  top attached segment mainImageBoxofChat\"},[_c('img',{staticClass:\"ui  image\",attrs:{\"src\":\"https://eservices.gcaa.gov.ae/livechat/static/images/rsz_gcaalivesupport.jpg\"}}),_vm._v(\" \"),(!_vm.sessionClosedd)?_c('button',{staticClass:\"circular ui icon button\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\",\"position\":\"absolute\",\"right\":\"0\",\"top\":\"70%\"},attrs:{\"title\":\"Print Chat\"},on:{\"click\":_vm.printChat}},[_c('i',{staticClass:\"print inverted   link icon\"})]):_vm._e(),_vm._v(\" \"),(!_vm.sessionClosedd)?_c('button',{staticClass:\" ui icon button\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\",\"color\":\"white\",\"position\":\"absolute\",\"left\":\"0\",\"top\":\"70%\"},on:{\"click\":_vm.sessionClosedByClient}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('CLOSESESSION'))+\"\\n\\n        \")]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"ui attached segment \",staticStyle:{\"flex\":\"1\",\"display\":\"flex\",\"flex-direction\":\"column-reverse\",\"overflow\":\"hidden\",\"background-color\":\"#f5f7fa\",\"height\":\"72vh\",\"padding-left\":\"0px\",\"padding-right\":\"0px\"},attrs:{\"id\":\"chatBoxWindow\"}},[_c('div',{staticClass:\"containerr\",staticStyle:{\"height\":\"inherit\"}},[_c('div',{staticClass:\"ui dimmer inverted \",class:{'active':_vm.showSessionCloseConfermation},attrs:{\"id\":\"confermDialogue\"}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"ui icon orange header\"},[_c('i',{staticClass:\"check  icon\"}),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"ui inverted orange sub header\"},[_vm._v(_vm._s(_vm.$t('ARUTCS')))])])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"ui orange button\",on:{\"click\":_vm.clsoeSessionFinal}},[_vm._v(_vm._s(_vm.$t('YES')))]),_vm._v(\" \"),_c('div',{staticClass:\"ui button\",on:{\"click\":_vm.dontCloseSession}},[_vm._v(_vm._s(_vm.$t('NO')))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"ui dimmer inverted \",class:{'active':_vm.showThanks}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"ui icon orange header\"},[_c('i',{staticClass:\"smile  icon\"}),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('TUFUR'))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"ui orange button\",on:{\"click\":_vm.closeWindow}},[_vm._v(_vm._s(_vm.$t('CLOSE')))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"chat active-chat\",staticStyle:{\"height\":\"inherit\"},attrs:{\"id\":\"mj\"}},[_vm._l((_vm.conversation),function(con){return _c('div',{class:{'me':con.from==='client'||con.from==='image', 'you':con.from==='agent','bubble':con.from==='client'||con.from==='agent'||con.from==='image'}},[(con.from==='notification')?_c('div',{staticClass:\"ui  orange attached segment centered\",staticStyle:{\"text-align\":\"center\",\"clear\":\"both\",\"margin-top\":\"2%\",\"margin-bottom\":\"2%\"}},[_c('div',{staticClass:\"ui orange inverted header\",style:({'dir':_vm.direction.direction}),domProps:{\"innerHTML\":_vm._s(con.message)}})]):_vm._e(),_vm._v(\" \"),(con.from!=='notification'&&con.from!=='image')?_c('div',{staticClass:\"ui  horizontal list\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"ui tiny header\",style:({'color':con.from==='client' ? '#B68a35 !important' :'#a8bfbf'})},[_vm._v(_vm._s(con.name)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"description\",staticStyle:{\"padding-top\":\"5%\",\"padding-bottom\":\"5%\"},style:({'color':con.from==='agent' ? 'white !important' :''})},[_vm._v(\" \"+_vm._s(con.message)+\"\\n\\n                    \")]),_vm._v(\" \"),_c('span',{staticClass:\"chatdatetime\",style:({'float':con.from==='client'||con.from==='image' ?'left':'right' })},[_vm._v(_vm._s(_vm.getTime(con.date)))])])])]):_vm._e(),_vm._v(\" \"),(con.from==='image')?_c('div',{staticClass:\"ui  horizontal list\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"ui tiny header\",style:({'color':con.from==='client' ||con.from==='image'? '#B68a35 !important' :'paleturquoise'})},[_vm._v(\"\\n                      \"+_vm._s(con.name)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"description\",staticStyle:{\"padding-top\":\"5%\",\"padding-bottom\":\"5%\"},style:({'color':con.from==='agent' ? 'white !important' :''})},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"loadgo-overlay\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\"}}),_vm._v(\" \"),_c('img',{staticClass:\"ui medium rounded image\",attrs:{\"id\":con.message,\"src\":\"https://via.placeholder.com/300x300\"}})])]),_vm._v(\" \"),_c('span',{staticClass:\"chatdatetime\",style:({'float':con.from==='image' ?'left':'right' })},[_vm._v(_vm._s(_vm.getTime(con.date)))])])])]):_vm._e()])}),_vm._v(\" \"),(_vm.showfeedback)?_c('div',{staticClass:\"ui segments\"},[_c('div',{staticClass:\"ui attached segment centered\",class:{'loading':_vm.feedbacksubmitting},staticStyle:{\"text-align\":\"center\",\"clear\":\"both\",\"margin-top\":\"2%\",\"display\":\"flex\",\"flex-direction\":\"column\",\"align-items\":\"center\"}},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"FEEDBACKTEXT\")))]),_vm._v(\" \"),_c('div',{staticClass:\"feedbackFormContainer\",staticStyle:{\"width\":\"75%\"}},[_c('div',{staticClass:\"feedbackFormImage zoom\",on:{\"click\":function($event){_vm.setfeedback(1)}}},[_c('i',{staticClass:\"icon smile animated bounceIn emojiimg\",class:{'emojiimgActive':_vm.feedbackEmojiSelected===1}})]),_vm._v(\" \"),_c('div',{staticClass:\"feedbackFormImage zoom\",on:{\"click\":function($event){_vm.setfeedback(2)}}},[_c('i',{staticClass:\"icon meh animated bounceIn emojiimg\",class:{'emojiimgActive':_vm.feedbackEmojiSelected===2}})]),_vm._v(\" \"),_c('div',{staticClass:\"feedbackFormImage zoom\",on:{\"click\":function($event){_vm.setfeedback(3)}}},[_c('i',{staticClass:\"icon frown animated bounceIn emojiimg\",class:{'emojiimgActive':_vm.feedbackEmojiSelected===3}})])]),_vm._v(\" \"),(_vm.feedbackerror)?_c('div',{staticClass:\"ui header  inverted red\"},[_vm._v(_vm._s(_vm.$t('KSAOI')))]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"ui bottom attached segment\"},[_c('div',{staticClass:\"ui form\",style:(_vm.feedbackformstyle)},[_c('div',{staticClass:\"field\",staticStyle:{\"flex\":\"1\"}},[_c('textarea',{style:(_vm.direction),attrs:{\"rows\":\"2\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('button',{staticClass:\"ui button orange\",staticStyle:{\"line-height\":\"2.6\",\"margin-left\":\"1em\"},on:{\"click\":_vm.feedbacksubmit}},[_vm._v(_vm._s(_vm.$t('SUBMIT'))+\"\\n                    \")])])])])]):_vm._e()],2)])]),_vm._v(\" \"),_c('div',{staticClass:\"ui bottom inverted  attached segment\",staticStyle:{\"border\":\"none\",\"background-color\":\"rgb(182, 138, 53) !important\"},attrs:{\"id\":\"clientChatBox\"}},[_c('div',{staticClass:\"ui fluid \",class:{'left icon input' : _vm.$i18n.locale==='ar' , 'right icon input' : _vm.$i18n.locale==='en'}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.clientText),expression:\"clientText\"}],style:(_vm.direction),attrs:{\"disabled\":_vm.sessionClosedd,\"type\":\"text\",\"placeholder\":\"\"},domProps:{\"value\":(_vm.clientText)},on:{\"keyup\":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,\"enter\",13,$event.key)){ return null; }_vm.sendMessageToAgent($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.clientText=$event.target.value}}}),_vm._v(\" \"),_c('i',{staticClass:\"send inverted  circular link icon\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\"},style:({'left':  _vm.$i18n.locale==='ar' ? '2.8em' : ''}),attrs:{\"disabled\":_vm.sessionClosedd},on:{\"click\":_vm.sendMessageToAgent}}),_vm._v(\" \"),_c('i',{staticClass:\"file image outline link circular inverted icon\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\",\"right\":\"2.6em !important\"},attrs:{\"disabled\":_vm.sessionClosedd},on:{\"click\":_vm.triggerUpload}}),_vm._v(\" \"),_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"fileToUpload\",\"accept\":\"image/*\",\"type\":\"file\"},on:{\"change\":_vm.onFileSelect}})])])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-56c3705e\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/Client.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-56c3705e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Client.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Client.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Client.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-56c3705e\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Client.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Client.vue\n// module id = null\n// module chunks = ","<template>\n\n  <div class=\"ui two column centered grid loginbox\">\n    <div class=\"column\">\n      <div class=\"ui gcaaColorbgTop top attached segment centered\" style=\"text-align: center\">\n        <h4>{{$t('WELLCOMEGCAACHATLL')}}</h4>\n      </div>\n      <div class=\"ui attached segment\">\n        <form class=\"ui small form\" :class=\"{'error':errors.any()}\">\n          <div class=\"field\">\n            <div class=\"ui left icon input\">\n              <i class=\"user icon\"></i>\n              <input type=\"text\" v-model=\"name\" v-validate=\"{required:true,regex: /^[A-Za-z0-9_\\s]+$/ }\" name=\"name\" placeholder=\"Name\">\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"ui left icon input\">\n              <i class=\"lock icon\"></i>\n              <input v-model=\"email\" type=\"email\" v-validate=\"'required|email'\" name=\"Email\" placeholder=\"Email\">\n            </div>\n          </div>\n          <div class=\"grouped fields\" style=\"    background-color: beige; padding: 6px;\">\n            <label for=\"fruit\">Language</label>\n            <div class=\"field\">\n              <div class=\"ui radio checkbox\">\n                <input type=\"radio\" name=\"lang\" value=\"en\" v-model=\"language\" tabindex=\"0\"/>\n                <label>English</label>\n              </div>\n            </div>\n            <div class=\"field\">\n              <div class=\"ui radio checkbox\">\n                <input type=\"radio\" name=\"lang\" tabindex=\"1\" value=\"ar\" v-model=\"language\"/>\n                <label>Arabic</label>\n              </div>\n            </div>\n\n          </div>\n          <div class=\"grouped fields\">\n            <div class=\"field\">\n              <img style=\"width: 100%;background-color: burlywood;\" id=\"captchaImage\"\n                   src=\"https://via.placeholder.com/268x100\">\n              <input type=\"text\" v-model=\"captchaInput\" id=\"captchaInput\">\n              <input type=\"hidden\" id=\"captchaHash\" value=\"\">\n            </div>\n          </div>\n\n        </form>\n        <div class=\"ui error message\" v-if=\"errors.has('name')\">{{ errors.first('name') }}</div>\n        <div class=\"ui error message\" v-if=\"errors.has('Email')\">{{ errors.first('Email') }}</div>\n        <div class=\"ui error message\" v-if=\"error\">{{ error}}</div>\n      </div>\n      <button :disabled=\"errors.any()||captchaInput===''||error!==''\" @click=\"login\"\n              class=\"ui button gcaaColorbg bottom attached segment\">\n        {{$t('LOGIN')}}\n      </button>\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n\n\n  export default {\n    name: 'ClientLogin',\n    data() {\n      return {\n        email: '',\n        name: '',\n        error: '',\n        language: 'en',\n        captchaInput: \"\"\n      }\n    },\n    created() {\n      $.get(\"https://recaptcha.gcaa.ae/api/captcha/getimage?noice=dot\", function (data) {\n        document.getElementById(\"captchaImage\").src = \"data:image/png;base64, \" + data.image;\n        document.getElementById(\"captchaHash\").value = data.hash;\n      });\n    },\n    methods: {\n      login() {\n        if (this.email !== '' && this.name !== '') {\n          this.validateCaptcha();\n        } else {\n          this.error = 'Please provide email and name first'\n        }\n\n      },\n      checkTime() {\n\n        return true;\n        var d = new Date(), // current time\n          hours = d.getHours(),\n          mins = d.getMinutes();\n        return [1, 2, 3, 4, 5].findIndex(k => k === 1) >= 0\n          && (hours >= 8)\n          && (hours < 14 || hours === 14)\n      },\n      validateCaptcha() {\n\n        let self = this;\n        if (self.captchaInput === '') {\n          self.error = 'Please input the words you see in  captcha image';\n\n        } else {\n\n          $.ajax({\n            url: \"https://recaptcha.gcaa.ae/api/captcha/validate/\",\n            data: JSON.stringify({response: $('#captchaInput').val() + \"~\" + $('#captchaHash').val()}),\n            cache: false,\n            processData: false,\n            contentType: 'application/json',\n            type: \"POST\",\n            success: function (response) {\n              if (response.success) {\n                // localStorage.setItem('clientEmail', self.email);\n                // localStorage.setItem('clientName', self.name);\n                 BrowserStorage.set('clientEmail', self.email);\n                BrowserStorage.set('clientName', self.name);\n\n                if (self.checkTime()) {\n                  self.$router.push({name: 'Client', params: {email: self.email, name: self.name}})\n                } else {\n                  self.$router.push({name: 'OfficeTiming'})\n                }\n\n\n              } else {\n                self.error = \"Not a valid captcha response\";\n                $.get(\"https://recaptcha.gcaa.ae/api/captcha/getimage?noice=dot\", function (data) {\n                  document.getElementById(\"captchaImage\").src = \"data:image/png;base64, \" + data.image;\n                  document.getElementById(\"captchaHash\").value = data.hash;\n                });\n\n              }\n            },\n            error: function (xhr) {\n\n              console.log(xhr)\n            }\n          });\n        }\n\n\n      },\n\n\n    },\n    watch: {\n      language: function (val) {\n        this.$i18n.locale = val;\n      }\n    },\n\n  }\n</script>\n<style type=\"text/css\">\n  .loginbox {\n    display: flex;\n    align-self: center;\n    justify-content: center;\n    height: 100vh;\n    align-items: center !important;\n\n  }\n\n\n</style>\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/ClientLogin.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ui two column centered grid loginbox\"},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"ui gcaaColorbgTop top attached segment centered\",staticStyle:{\"text-align\":\"center\"}},[_c('h4',[_vm._v(_vm._s(_vm.$t('WELLCOMEGCAACHATLL')))])]),_vm._v(\" \"),_c('div',{staticClass:\"ui attached segment\"},[_c('form',{staticClass:\"ui small form\",class:{'error':_vm.errors.any()}},[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui left icon input\"},[_c('i',{staticClass:\"user icon\"}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"},{name:\"validate\",rawName:\"v-validate\",value:({required:true,regex: /^[A-Za-z0-9_\\s]+$/ }),expression:\"{required:true,regex: /^[A-Za-z0-9_\\\\s]+$/ }\"}],attrs:{\"type\":\"text\",\"name\":\"name\",\"placeholder\":\"Name\"},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui left icon input\"},[_c('i',{staticClass:\"lock icon\"}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"},{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],attrs:{\"type\":\"email\",\"name\":\"Email\",\"placeholder\":\"Email\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"grouped fields\",staticStyle:{\"background-color\":\"beige\",\"padding\":\"6px\"}},[_c('label',{attrs:{\"for\":\"fruit\"}},[_vm._v(\"Language\")]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui radio checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.language),expression:\"language\"}],attrs:{\"type\":\"radio\",\"name\":\"lang\",\"value\":\"en\",\"tabindex\":\"0\"},domProps:{\"checked\":_vm._q(_vm.language,\"en\")},on:{\"change\":function($event){_vm.language=\"en\"}}}),_vm._v(\" \"),_c('label',[_vm._v(\"English\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui radio checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.language),expression:\"language\"}],attrs:{\"type\":\"radio\",\"name\":\"lang\",\"tabindex\":\"1\",\"value\":\"ar\"},domProps:{\"checked\":_vm._q(_vm.language,\"ar\")},on:{\"change\":function($event){_vm.language=\"ar\"}}}),_vm._v(\" \"),_c('label',[_vm._v(\"Arabic\")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"grouped fields\"},[_c('div',{staticClass:\"field\"},[_c('img',{staticStyle:{\"width\":\"100%\",\"background-color\":\"burlywood\"},attrs:{\"id\":\"captchaImage\",\"src\":\"https://via.placeholder.com/268x100\"}}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.captchaInput),expression:\"captchaInput\"}],attrs:{\"type\":\"text\",\"id\":\"captchaInput\"},domProps:{\"value\":(_vm.captchaInput)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.captchaInput=$event.target.value}}}),_vm._v(\" \"),_c('input',{attrs:{\"type\":\"hidden\",\"id\":\"captchaHash\",\"value\":\"\"}})])])]),_vm._v(\" \"),(_vm.errors.has('name'))?_c('div',{staticClass:\"ui error message\"},[_vm._v(_vm._s(_vm.errors.first('name')))]):_vm._e(),_vm._v(\" \"),(_vm.errors.has('Email'))?_c('div',{staticClass:\"ui error message\"},[_vm._v(_vm._s(_vm.errors.first('Email')))]):_vm._e(),_vm._v(\" \"),(_vm.error)?_c('div',{staticClass:\"ui error message\"},[_vm._v(_vm._s(_vm.error))]):_vm._e()]),_vm._v(\" \"),_c('button',{staticClass:\"ui button gcaaColorbg bottom attached segment\",attrs:{\"disabled\":_vm.errors.any()||_vm.captchaInput===''||_vm.error!==''},on:{\"click\":_vm.login}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('LOGIN'))+\"\\n    \")])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-53a15be4\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/ClientLogin.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-53a15be4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ClientLogin.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ClientLogin.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ClientLogin.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-53a15be4\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ClientLogin.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ClientLogin.vue\n// module id = null\n// module chunks = ","<template>\n  <div class=\"ui container\">\n    <div class=\"ui shadow  top attached segment\" style=\"\n    text-align: center;\n    display: flex;\n    justify-content: center;\n\">\n      <img class=\"ui  image\" src=\"https://uateservices.gcaa.gov.ae/livesupport/static/images/rsz_gcaalivesupport.jpg\"/>\n      <a style=\"right: 4em;  position: absolute;  top: 1.5em; \" class=\"ui basic brown label\">{{agentName}}</a>\n      <!--<button @click=\"logoutAgent\" class=\"circular ui icon button\" title=\"logout\"-->\n              <!--style=\"    background-color: rgb(182, 138, 53) !important;  position: absolute; right: 0;  top: 1em;\"-->\n      <!--&gt;-->\n        <!--<i class=\"sign out icon inverted   link icon\"></i>-->\n\n\n      <!--</button>-->\n\n      <button class=\"circular ui icon button\" @click=\"printChat\"\n              style=\"    background-color: rgb(182, 138, 53) !important;  position: absolute; right: 0;  top: 70%;\"\n              v-if=\"!sessionClosedd\" title=\"Print Chat\">\n        <i class=\"print inverted   link icon\"></i>\n\n      </button>\n    </div>\n    <div class=\"agentChatContainer\">\n\n      <div class=\"agentChatLeft\">\n        <div class=\"ui top   inverted attached menu\" style=\"background-color: rgb(182, 138, 53) !important\">\n          <div class=\"header item\">\n\n            {{ $t(\"GCAA\") }}\n          </div>\n          <div class=\"right menu\">\n            <a v-if=\"selectedUser\" class=\"item\" @click=\"closeSessionForClient\">\n              {{$t(\"CLOSESESSION\")}}\n            </a>\n\n            <a class=\"item\" @click=\"refreshChat\">\n              <i class=\"ui icon refresh\"></i>\n            </a>\n\n          </div>\n        </div>\n        <div id=\"chatbox\" class=\"ui attached segment \"\n             style=\"flex: 1; display: flex;  flex-direction: column-reverse; overflow-y: scroll\">\n          <div class=\"ui dimmer inverted \" :class=\"{'active':showSessionCloseConfermation}\" id=\"confermDialogue\">\n            <div class=\"content\">\n              <div class=\"center\">\n                <div class=\"ui icon orange header\">\n                  <i class=\"check   icon\"></i>\n                  <div class=\"content\">\n                    {{$t('RUS')}}\n                    <div class=\"ui inverted orange sub header\">{{$t('ARUTCS')}}</div>\n                  </div>\n                </div>\n\n                <div>\n                  <div class=\"ui orange button\" @click=\"clsoeSessionFinal\">{{$t('YES')}}</div>\n                  <div class=\"ui button\" @click=\"dontCloseSession\">{{$t('NO')}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"ui comments \">\n\n            <div\n              class='comment'\n              v-for=\"con in previousMessageslist\">\n              <div v-if=\"con.from==='notification'\" class=\"ui  orange attached segment centered\"\n                   style=\"text-align: center; clear: both; margin-top: 2%; margin-bottom: 2%;\">\n                <div class=\"ui orange inverted small header\" v-html=\"con.message\"></div>\n              </div>\n              <a v-if=\"con.from!=='notification'\" class=\"avatar\">\n                <avatar :username=\"con.name\" :rounded=\"rounded\" :size=\"size\"></avatar>\n              </a>\n              <div v-if=\"con.from!=='notification'\" class=\"content\">\n\n                <a class=\"author\">{{con.name}}</a>\n                <div class=\"metadata\">\n                  <span class=\"date\">{{getCurrentTime(con.date)}}</span>\n                </div>\n                <div class=\"text\">\n                  <img v-if=\"isImage(con.message)\" class=\"ui fluid image\" :src=\"getImageSrcFromLink(con.message)\">\n                  <span v-if=\"!isImage(con.message)\" >{{con.message}}</span>\n                </div>\n\n              </div>\n\n            </div>\n\n            <h4 v-if=\"previousMessageslist.length>0\" class=\"ui horizontal divider header\">\n              <i class=\"chat icon\"></i>\n              {{$t(\"PREVIOUSCHAT\")}}\n            </h4>\n            <div :class=\"{'comment':con.from!=='notification'}\" v-for=\"con in conversation\">\n              <div v-if=\"con.from==='notification'\" class=\"ui  orange attached segment centered\"\n                   style=\"text-align: center; clear: both; margin-top: 2%; margin-bottom: 2%;\">\n                <div class=\"ui orange inverted small header\" v-html=\"con.message\"></div>\n              </div>\n              <a v-if=\"con.from!=='notification'\" class=\"avatar\">\n                <avatar :username=\"con.name\" :rounded=\"rounded\" :size=\"size\"></avatar>\n              </a>\n              <div v-if=\"con.from!=='notification'\" class=\"content\">\n\n                <a class=\"author\">{{con.name}}</a>\n                <div class=\"metadata\">\n                  <span class=\"date\">{{getCurrentTime(con.date)}}</span>\n                </div>\n                <div class=\"text\">\n                  <img v-if=\"isImage(con.message)\" class=\"ui fluid image\" :src=\"getImageSrcFromLink(con.message)\">\n                  <span v-if=\"!isImage(con.message)\" >{{con.message}}</span>\n                </div>\n\n              </div>\n\n            </div>\n\n\n          </div>\n        </div>\n        <div class=\"ui bottom inverted  attached secondary segment\"\n             style=\"border: none;  background-color: rgb(182, 138, 53) !important\">\n          <div class=\"ui fluid \"\n               :class=\"{'left icon input' : $i18n.locale==='ar' , 'right icon input' : $i18n.locale==='en'}\">\n            <input type=\"text\" v-model=\"agentText\" placeholder=\"response\" v-on:keyup.enter=\"sendMessageToClient\"\n                   :disabled=\"!selectedUser\" :style=\"direction\">\n            <i @click=\"sendMessageToClient\" class=\"send   inverted circular link icon\"\n               style=\"background-color: rgb(182, 138, 53) !important\"></i>\n          </div>\n        </div>\n\n      </div>\n      <div class=\"agentChatRight\">\n        <div class=\"ui top   inverted attached menu\" style=\"background-color: rgb(182, 138, 53) !important\">\n          <div class=\"header item\">\n            {{$t(\"AVAILABLECUSTOMERS\")}}\n          </div>\n          <div class=\"right menu\">\n            <a class=\"item\">\n              ({{unEntertainedUsers.length}})\n            </a>\n\n          </div>\n        </div>\n\n        <div class=\"ui attached segment \" style=\"flex: 1\">\n\n          <div class=\"ui comments selection list\">\n            <div class=\"comment active item\" style=\"    padding-top: 4%;\" v-if=\"selectedUser\">\n              <a class=\"avatar \">\n                <avatar :username=\"selectedUser.Name\" :size=\"size\"></avatar>\n              </a>\n              <div class=\"content\">\n                <a class=\"author\">{{selectedUser.Name}}</a>\n                <div class=\"metadata\">\n                  <div class=\"date\" :style=\"{'color':selectedUser.IsEntertained===true?'teal':'orange'}\">\n                    {{(selectedUser.IsEntertained===true?$t('ENTERTAINED') :$t('WAITING'))}}\n                  </div>\n\n                </div>\n                <div class=\"text\">\n                  {{selectedUser.Email}}\n                </div>\n                <div class=\"actions\">\n                  <a class=\"ui mini label \"> <i class=\"clock outline icon\"></i>{{getCurrentTime(selectedUser.RegistrationDateTime)}}</a>\n\n                </div>\n              </div>\n            </div>\n\n            <div class=\"ui divider\" v-if=\"selectedUser\"></div>\n            <div class=\"comment item\" v-for=\"(user, index) in unEntertainedUsers\" @click=\"selectuser(user)\">\n              <a class=\"avatar\">\n                <avatar :username=\"user.Name\" :size=\"size\"></avatar>\n              </a>\n              <div class=\"content\">\n                <a class=\"author\">{{user.Name}}</a>\n                <div class=\"metadata\">\n                  <div class=\"date\" :style=\"{'color':user.IsEntertained===true?'teal':'orange'}\">\n                    {{(user.IsEntertained===true?$t('ENTERTAINED') :$t('WAITING'))}}\n                  </div>\n\n                </div>\n                <div class=\"text\">\n                  {{user.Email}}\n                </div>\n                <div class=\"actions\">\n                  <a class=\"ui mini label \"> <i class=\"clock outline icon\"></i>{{getCurrentTime(user.RegistrationDateTime)}}</a>\n                  <a class=\"ui mini orange label \">{{$t('QUEUEn')}}{{index+1}}</a>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n  import Avatar from 'vue-avatar';\n  import * as config from '../../static/config';\n\n  export default {\n    name: 'Agent',\n    data() {\n      return {\n        agentText: '',\n        avalableUsers: [],\n        agentHub: null,\n        selectedUser: null,\n        conversation: [],\n        rounded: false,\n        size: 40,\n        agentName: \"\",\n        agentId: '',\n        token:'',\n        previousMessageslist: [],\n        showSessionCloseConfermation: false\n      }\n    },\n    created() {\n      // this.agentName = BrowserStorage.getItem('AgentName');\n      // this.agentId = localStorage.getItem('AgentId');\n      // this.token= localStorage.getItem('Token');\n\n        if (BrowserStorage.get('isLoaded') !== 'yes') {\n            BrowserStorage.set('isLoaded', 'yes');\n            location.reload();\n          } else {\n             BrowserStorage.remove('isLoaded');\n          }\n\n      this.agentName = BrowserStorage.get('AgentName');\n      this.agentId = BrowserStorage.get('AgentId');\n      this.token= BrowserStorage.get('Token');\n\n      if (this.agentName != null && this.agentName !== undefined && this.agentName !== '') {\n        $.connection.hub.url = config.HUB_URL;\n        this.agentHub = $.connection.agent;\n        this.agentHub.client.updateUserList = this.updateUserList;\n        this.agentHub.client.recieveMessage = this.recieveMessageFromClient;\n        this.agentHub.client.clientDisconnected = this.clientDisconnected;\n        this.agentHub.client.previousMessages = this.previousMessages;\n        this.agentHub.client.sessionClosedByClient = this.sessionClosedByClient;\n        this.agentHub.client.loginAgain=this.loginAgain;\n         this.agentHub.client.officeTimings=this.officeTimings;\n        this.agentHub.client.printPage = this.printPage;\n        this.agentHub.client.singleClientConnected=this.singleClientConnected;\n        let self = this;\n        $.connection.hub.start({ withCredentials: false }).done(function () {\n          console.log(\"agent connected\");\n          self.agentHub.server.register({\n            name: self.agentName,\n            email: self.agentId,\n            token:self.token\n          });\n         \n        });\n        $.connection.hub.disconnected(function () {\n          console.log(\"agent disconnected\");\n          setTimeout(function () {\n            $.connection.hub.start().done(function () {\n              console.log(\"agent connected\");\n              self.agentHub.server.register({\n                name: self.agentName,\n                email: self.agentId,\n                token:self.token\n              });\n\n                 \n            });\n          }, 3000);\n        });\n      } else {\n        this.$router.push({name: 'AgentLogin'})\n      }\n    },\n    methods: {\n   officeTimings(){\n        this.$router.push({ name: \"OfficeTiming\" })\n      },\n      isImage(str){\n        return str.indexOf('[IMAGE]')>=0;\n      },\n      getImageSrcFromLink(str){\n       return str.replace('[IMAGE]','');\n      },\n      loginAgain(){\n        this.$router.push({name: 'AgentLogin'})\n      },\n      scrollToBottom() {\n        let objDiv = document.getElementById(\"chatbox\");\n        objDiv.scrollTop = objDiv.scrollHeight;\n      },\n\n      singleClientConnected(client){\n      //  window.opener.notifyNewchatAvailable();\n      },\n      sessionClosedByClient() {\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: this.$t('SCFC')\n        });\n        this.selectedUser = null;\n        this.scrollToBottom();\n      },\n      updateUserList(users) {\n\n        this.updateEmployeesList(users);\n      },\n      updateEmployeesList(users) {\n        this.avalableUsers = [];\n        var nu = users.filter(a => a.Email !== null && a.Email !== undefined);\n        for (let i = 0; i < nu.length; i++) {\n          this.avalableUsers.push(users[i]);\n        }\n\n      },\n      refreshChat() {\n        this.conversation = [];\n        this.previousMessageslist = [];\n      },\n      selectuser(user) {\n        if (this.selectedUser) return;\n        user.IsEntertained = true;\n        this.selectedUser = user;\n        this.agentHub.server.registerAgentToClient(user.ConnectionId);\n        this.conversation = [];\n        this.previousMessageslist = [];\n      },\n      recieveMessageFromClient(message) {\n        this.conversation.push({\n          from: 'client',\n          name: message.from,\n          message: message.message,\n          date: message.date\n        });\n        this.scrollToBottom();\n      },\n      sendMessageToClient() {\n        if (this.selectedUser == null) return;\n        this.conversation.push({\n          from: 'agent',\n          name: this.agentName,\n          message: this.agentText,\n          date:this.getlocalt()\n        });\n        this.agentHub.server.messageRecievedFromAgent(this.agentText);\n        this.agentText = '';\n        this.scrollToBottom();\n      },\n      closeSessionForClient() {\n\n        this.scrollToBottom();\n        this.showSessionCloseConfermation = true;\n      },\n      dontCloseSession() {\n        this.scrollToBottom();\n        this.showSessionCloseConfermation = false;\n      },\n      clsoeSessionFinal() {\n        this.agentHub.server.closeSessionWithCustomer();\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: `${this.$t('SESSIONCLOSEFOR')}<b style=\"color:maroon\">${this.agentName}</b>`\n        });\n        this.selectedUser = null;\n        this.showSessionCloseConfermation = false;\n        this.scrollToBottom();\n      },\n      clientDisconnected() {\n        this.conversation.push({\n          from: 'notification',\n          name: 'G C A A',\n          message: `Customer  <b style=\"color:maroon\">${this.selectedUser.Name}</b> has been disconnected `\n        });\n        this.selectedUser = null;\n        this.scrollToBottom();\n      },\n\n      previousMessages(oldMessages) {\n\n        let tempArray = [];\n        for (var i = 0; i < oldMessages.length; i++) {\n\n          var temp = oldMessages[i];\n          this.previousMessageslist.push({\n            from: 'client',\n            name: temp.Name,\n            message: temp.Message,\n            date: temp.DateTimee\n          });\n        }\n        this.scrollToBottom();\n      },\n\n      getlocalt(){\n      return (new Date().toLocaleString());\n      // var currentdate = new Date();\n        // return(currentdate.getMonth() + 1)  + \"/\"\n        //   +  currentdate.getDate()+ \"/\"\n        //   + currentdate.getFullYear() + \" @ \"\n        //   + currentdate.getHours() + \":\"\n        //   + currentdate.getMinutes() + \":\"\n        //   + currentdate.getSeconds();\n      },\n\n      getCurrentTime() {\n\n        var currentdate = new Date();\n        return currentdate.getDate() + \"/\"\n          + (currentdate.getMonth() + 1) + \"/\"\n          + currentdate.getFullYear() + \" @ \"\n          + currentdate.getHours() + \":\"\n          + currentdate.getMinutes() + \":\"\n          + currentdate.getSeconds();\n      },\n      getCurrentTime(date) {\n\n        var currentdate = new Date(date);\n        return currentdate.getDate() + \"/\"\n          + (currentdate.getMonth() + 1) + \"/\"\n          + currentdate.getFullYear() + \" @ \"\n          + currentdate.getHours() + \":\"\n          + currentdate.getMinutes() + \":\"\n          + currentdate.getSeconds();\n      },\n      logoutAgent() {\n\n        let self = this;\n        $.connection.hub.stop();\n        localStorage.removeItem('AgentName');\n        localStorage.removeItem('AgentId');\n        localStorage.removeItem('Token');\n        self.$router.push({name: 'AgentLogin'})\n\n      },\n      printChat() {\n\n        this.agentHub.server.printPage();\n\n        //w.close();\n      },\n      printPage(pageContent) {\n        this.PrintDiv(pageContent);\n        // let w=window.open();\n        // w.document.write(pageContent);\n        // w.print();\n\n        // var mywindow = window.open('', '', '');\n        // mywindow.document.write('<html><title>Print</title><body>');\n        // mywindow.document.write(pageContent);\n        // mywindow.document.write('</body></html>');\n        // mywindow.document.close();\n        // mywindow.print();\n        // return true;\n      },\n      PrintDiv(pageContent) {\n        var contents = pageContent;\n        var frame1 = document.createElement('iframe');\n        frame1.name = \"frame1\";\n        frame1.style.position = \"absolute\";\n        frame1.style.top = \"-1000000px\";\n        document.body.appendChild(frame1);\n        var frameDoc = (frame1.contentWindow) ? frame1.contentWindow : (frame1.contentDocument.document) ? frame1.contentDocument.document : frame1.contentDocument;\n        frameDoc.document.open();\n        frameDoc.document.write('<html><head><title>Print Chat</title>');\n        frameDoc.document.write('</head><body>');\n        frameDoc.document.write(contents);\n        frameDoc.document.write('</body></html>');\n        frameDoc.document.close();\n        setTimeout(function () {\n          window.frames[\"frame1\"].focus();\n          window.frames[\"frame1\"].print();\n          document.body.removeChild(frame1);\n        }, 750);\n        return false;\n      }\n    },\n    computed: {\n      unEntertainedUsers() {\n        return this.avalableUsers.filter(a => a.IsEntertained === false);\n      },\n      direction() {\n        return {\n          direction: this.$i18n.locale === 'ar' ? 'rtl' : 'ltr',\n          textAlign: this.$i18n.locale === 'ar' ? 'right' : 'left'\n        };\n      },\n\n    },\n    components: {\n      Avatar\n    }\n  }\n</script>\n<style>\n  .agentChatContainer {\n\n    display: flex;\n    height: 75vh;\n  }\n\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/Agent.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ui container\"},[_c('div',{staticClass:\"ui shadow  top attached segment\",staticStyle:{\"text-align\":\"center\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('img',{staticClass:\"ui  image\",attrs:{\"src\":\"https://uateservices.gcaa.gov.ae/livesupport/static/images/rsz_gcaalivesupport.jpg\"}}),_vm._v(\" \"),_c('a',{staticClass:\"ui basic brown label\",staticStyle:{\"right\":\"4em\",\"position\":\"absolute\",\"top\":\"1.5em\"}},[_vm._v(_vm._s(_vm.agentName))]),_vm._v(\" \"),(!_vm.sessionClosedd)?_c('button',{staticClass:\"circular ui icon button\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\",\"position\":\"absolute\",\"right\":\"0\",\"top\":\"70%\"},attrs:{\"title\":\"Print Chat\"},on:{\"click\":_vm.printChat}},[_c('i',{staticClass:\"print inverted   link icon\"})]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"agentChatContainer\"},[_c('div',{staticClass:\"agentChatLeft\"},[_c('div',{staticClass:\"ui top   inverted attached menu\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\"}},[_c('div',{staticClass:\"header item\"},[_vm._v(\"\\n\\n            \"+_vm._s(_vm.$t(\"GCAA\"))+\"\\n          \")]),_vm._v(\" \"),_c('div',{staticClass:\"right menu\"},[(_vm.selectedUser)?_c('a',{staticClass:\"item\",on:{\"click\":_vm.closeSessionForClient}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"CLOSESESSION\"))+\"\\n            \")]):_vm._e(),_vm._v(\" \"),_c('a',{staticClass:\"item\",on:{\"click\":_vm.refreshChat}},[_c('i',{staticClass:\"ui icon refresh\"})])])]),_vm._v(\" \"),_c('div',{staticClass:\"ui attached segment \",staticStyle:{\"flex\":\"1\",\"display\":\"flex\",\"flex-direction\":\"column-reverse\",\"overflow-y\":\"scroll\"},attrs:{\"id\":\"chatbox\"}},[_c('div',{staticClass:\"ui dimmer inverted \",class:{'active':_vm.showSessionCloseConfermation},attrs:{\"id\":\"confermDialogue\"}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"ui icon orange header\"},[_c('i',{staticClass:\"check   icon\"}),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('RUS'))+\"\\n                    \"),_c('div',{staticClass:\"ui inverted orange sub header\"},[_vm._v(_vm._s(_vm.$t('ARUTCS')))])])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"ui orange button\",on:{\"click\":_vm.clsoeSessionFinal}},[_vm._v(_vm._s(_vm.$t('YES')))]),_vm._v(\" \"),_c('div',{staticClass:\"ui button\",on:{\"click\":_vm.dontCloseSession}},[_vm._v(_vm._s(_vm.$t('NO')))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"ui comments \"},[_vm._l((_vm.previousMessageslist),function(con){return _c('div',{staticClass:\"comment\"},[(con.from==='notification')?_c('div',{staticClass:\"ui  orange attached segment centered\",staticStyle:{\"text-align\":\"center\",\"clear\":\"both\",\"margin-top\":\"2%\",\"margin-bottom\":\"2%\"}},[_c('div',{staticClass:\"ui orange inverted small header\",domProps:{\"innerHTML\":_vm._s(con.message)}})]):_vm._e(),_vm._v(\" \"),(con.from!=='notification')?_c('a',{staticClass:\"avatar\"},[_c('avatar',{attrs:{\"username\":con.name,\"rounded\":_vm.rounded,\"size\":_vm.size}})],1):_vm._e(),_vm._v(\" \"),(con.from!=='notification')?_c('div',{staticClass:\"content\"},[_c('a',{staticClass:\"author\"},[_vm._v(_vm._s(con.name))]),_vm._v(\" \"),_c('div',{staticClass:\"metadata\"},[_c('span',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.getCurrentTime(con.date)))])]),_vm._v(\" \"),_c('div',{staticClass:\"text\"},[(_vm.isImage(con.message))?_c('img',{staticClass:\"ui fluid image\",attrs:{\"src\":_vm.getImageSrcFromLink(con.message)}}):_vm._e(),_vm._v(\" \"),(!_vm.isImage(con.message))?_c('span',[_vm._v(_vm._s(con.message))]):_vm._e()])]):_vm._e()])}),_vm._v(\" \"),(_vm.previousMessageslist.length>0)?_c('h4',{staticClass:\"ui horizontal divider header\"},[_c('i',{staticClass:\"chat icon\"}),_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"PREVIOUSCHAT\"))+\"\\n            \")]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.conversation),function(con){return _c('div',{class:{'comment':con.from!=='notification'}},[(con.from==='notification')?_c('div',{staticClass:\"ui  orange attached segment centered\",staticStyle:{\"text-align\":\"center\",\"clear\":\"both\",\"margin-top\":\"2%\",\"margin-bottom\":\"2%\"}},[_c('div',{staticClass:\"ui orange inverted small header\",domProps:{\"innerHTML\":_vm._s(con.message)}})]):_vm._e(),_vm._v(\" \"),(con.from!=='notification')?_c('a',{staticClass:\"avatar\"},[_c('avatar',{attrs:{\"username\":con.name,\"rounded\":_vm.rounded,\"size\":_vm.size}})],1):_vm._e(),_vm._v(\" \"),(con.from!=='notification')?_c('div',{staticClass:\"content\"},[_c('a',{staticClass:\"author\"},[_vm._v(_vm._s(con.name))]),_vm._v(\" \"),_c('div',{staticClass:\"metadata\"},[_c('span',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.getCurrentTime(con.date)))])]),_vm._v(\" \"),_c('div',{staticClass:\"text\"},[(_vm.isImage(con.message))?_c('img',{staticClass:\"ui fluid image\",attrs:{\"src\":_vm.getImageSrcFromLink(con.message)}}):_vm._e(),_vm._v(\" \"),(!_vm.isImage(con.message))?_c('span',[_vm._v(_vm._s(con.message))]):_vm._e()])]):_vm._e()])})],2)]),_vm._v(\" \"),_c('div',{staticClass:\"ui bottom inverted  attached secondary segment\",staticStyle:{\"border\":\"none\",\"background-color\":\"rgb(182, 138, 53) !important\"}},[_c('div',{staticClass:\"ui fluid \",class:{'left icon input' : _vm.$i18n.locale==='ar' , 'right icon input' : _vm.$i18n.locale==='en'}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.agentText),expression:\"agentText\"}],style:(_vm.direction),attrs:{\"type\":\"text\",\"placeholder\":\"response\",\"disabled\":!_vm.selectedUser},domProps:{\"value\":(_vm.agentText)},on:{\"keyup\":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,\"enter\",13,$event.key)){ return null; }_vm.sendMessageToClient($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.agentText=$event.target.value}}}),_vm._v(\" \"),_c('i',{staticClass:\"send   inverted circular link icon\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\"},on:{\"click\":_vm.sendMessageToClient}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"agentChatRight\"},[_c('div',{staticClass:\"ui top   inverted attached menu\",staticStyle:{\"background-color\":\"rgb(182, 138, 53) !important\"}},[_c('div',{staticClass:\"header item\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"AVAILABLECUSTOMERS\"))+\"\\n          \")]),_vm._v(\" \"),_c('div',{staticClass:\"right menu\"},[_c('a',{staticClass:\"item\"},[_vm._v(\"\\n              (\"+_vm._s(_vm.unEntertainedUsers.length)+\")\\n            \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"ui attached segment \",staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"ui comments selection list\"},[(_vm.selectedUser)?_c('div',{staticClass:\"comment active item\",staticStyle:{\"padding-top\":\"4%\"}},[_c('a',{staticClass:\"avatar \"},[_c('avatar',{attrs:{\"username\":_vm.selectedUser.Name,\"size\":_vm.size}})],1),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('a',{staticClass:\"author\"},[_vm._v(_vm._s(_vm.selectedUser.Name))]),_vm._v(\" \"),_c('div',{staticClass:\"metadata\"},[_c('div',{staticClass:\"date\",style:({'color':_vm.selectedUser.IsEntertained===true?'teal':'orange'})},[_vm._v(\"\\n                    \"+_vm._s((_vm.selectedUser.IsEntertained===true?_vm.$t('ENTERTAINED') :_vm.$t('WAITING')))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.selectedUser.Email)+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"actions\"},[_c('a',{staticClass:\"ui mini label \"},[_c('i',{staticClass:\"clock outline icon\"}),_vm._v(_vm._s(_vm.getCurrentTime(_vm.selectedUser.RegistrationDateTime)))])])])]):_vm._e(),_vm._v(\" \"),(_vm.selectedUser)?_c('div',{staticClass:\"ui divider\"}):_vm._e(),_vm._v(\" \"),_vm._l((_vm.unEntertainedUsers),function(user,index){return _c('div',{staticClass:\"comment item\",on:{\"click\":function($event){_vm.selectuser(user)}}},[_c('a',{staticClass:\"avatar\"},[_c('avatar',{attrs:{\"username\":user.Name,\"size\":_vm.size}})],1),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('a',{staticClass:\"author\"},[_vm._v(_vm._s(user.Name))]),_vm._v(\" \"),_c('div',{staticClass:\"metadata\"},[_c('div',{staticClass:\"date\",style:({'color':user.IsEntertained===true?'teal':'orange'})},[_vm._v(\"\\n                    \"+_vm._s((user.IsEntertained===true?_vm.$t('ENTERTAINED') :_vm.$t('WAITING')))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text\"},[_vm._v(\"\\n                  \"+_vm._s(user.Email)+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"actions\"},[_c('a',{staticClass:\"ui mini label \"},[_c('i',{staticClass:\"clock outline icon\"}),_vm._v(_vm._s(_vm.getCurrentTime(user.RegistrationDateTime)))]),_vm._v(\" \"),_c('a',{staticClass:\"ui mini orange label \"},[_vm._v(_vm._s(_vm.$t('QUEUEn'))+_vm._s(index+1))])])])])})],2)])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6b9fea87\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/Agent.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6b9fea87\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Agent.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Agent.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Agent.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6b9fea87\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Agent.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Agent.vue\n// module id = null\n// module chunks = ","<template>\n\n  <div class=\"ui five column centered grid\"\n       style=\"display: flex; align-self: center; justify-content: center;  height: 100vh;  align-items: center;\">\n    <div class=\"column\">\n      <div class=\"ui gcaaColorbgTop top attached segment centered\" style=\"text-align: center\">\n        <h4>{{$t('LTGCAACHATAGENT')}}</h4>\n      </div>\n      <div class=\"ui attached segment\">\n        <form  class=\"ui small form\">\n          <div class=\"field\">\n            <div class=\"ui left icon input\">\n              <i class=\"user icon\"></i>\n              <input type=\"text\" v-model=\"name\" name=\"name\" placeholder=\"Name\">\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"ui left icon input\">\n              <i class=\"lock icon\"></i>\n              <input v-model=\"password\" type=\"password\" name=\"password\" placeholder=\"Password\">\n            </div>\n          </div>\n\n          <div class=\"grouped fields\">\n            <label for=\"fruit\">Language</label>\n            <div class=\"field\">\n              <div class=\"ui radio checkbox\">\n                <input type=\"radio\" name=\"lang\" value=\"en\" v-model=\"language\" tabindex=\"0\" />\n                <label>English</label>\n              </div>\n            </div>\n            <div class=\"field\">\n              <div class=\"ui radio checkbox\">\n                <input type=\"radio\" name=\"lang\" tabindex=\"1\"  value=\"ar\" v-model=\"language\"  />\n                <label>Arabic</label>\n              </div>\n            </div>\n\n          </div>\n\n          <div class=\"ui error message\"></div>\n\n        </form>\n      </div>\n      <button @click=\"login\" class=\"ui button gcaaColorbg bottom attached segment\">\n        {{$t('LOGIN')}}\n      </button>\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n  import * as config from '../../static/config';\n\n  export default {\n    name: 'AgentLogin',\n    data() {\n      return {\n        password: '',\n        name: '',\n        authHub: null,\n        language:'en'\n      }\n    },\n    mounted() {\n\n      $.connection.hub.url = config.HUB_URL;\n      this.authHub = $.connection.auth;\n      this.authHub.client.authSuccess = this.authSuccess;\n      this.authHub.client.authFail = this.authFail;\n\n      $.connection.hub.start({ withCredentials: false }).done(function () {\n        console.log(\"auth hub connected\");\n      });\n    },\n    methods: {\n      login() {\n\n        if (!(this.email && this.password)) {\n\n\n          // if(this.checkTime()) {\n          this.loginAgent(this.name, this.password);\n          //  }else{\n          //  this.$router.push({name: 'OfficeTiming'})\n          // }\n        } else {\n          alert(\"please fill in required info\");\n        }\n\n      }, checkTime() {\n        var d = new Date(), // current time\n          hours = d.getHours(),\n          mins = d.getMinutes();\n        return $.inArray(d.getDay(), [1, 2, 3, 4, 5])\n          && (hours >= 8)\n          && (hours < 14 || hours === 14);\n      },\n      loginAgent(name, password) {\n\n        this.authHub.server.authendicationAgent(name, password);\n\n      },\n      authSuccess(data) {\n        // localStorage.setItem('AgentName', data.Name);\n        // localStorage.setItem('AgentId', data.Email);\n        // localStorage.setItem('Token', data.Token);\n\n        BrowserStorage.set('AgentName', data.Name);\n        BrowserStorage.set('AgentId', data.Email);\n        BrowserStorage.set('Token', data.Token);\n        $.connection.hub.stop();\n        this.$router.push({name: 'Agent'})\n\n      },\n      authFail(ob) {\n        console.log(\"login fail\"+ob);\n      }\n\n\n    },  watch:{\n      language:function (val) {\n        this.$i18n.locale=val;\n      }\n    },\n  }\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/AgentLogin.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ui five column centered grid\",staticStyle:{\"display\":\"flex\",\"align-self\":\"center\",\"justify-content\":\"center\",\"height\":\"100vh\",\"align-items\":\"center\"}},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"ui gcaaColorbgTop top attached segment centered\",staticStyle:{\"text-align\":\"center\"}},[_c('h4',[_vm._v(_vm._s(_vm.$t('LTGCAACHATAGENT')))])]),_vm._v(\" \"),_c('div',{staticClass:\"ui attached segment\"},[_c('form',{staticClass:\"ui small form\"},[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui left icon input\"},[_c('i',{staticClass:\"user icon\"}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"}],attrs:{\"type\":\"text\",\"name\":\"name\",\"placeholder\":\"Name\"},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui left icon input\"},[_c('i',{staticClass:\"lock icon\"}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"password\",\"name\":\"password\",\"placeholder\":\"Password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"grouped fields\"},[_c('label',{attrs:{\"for\":\"fruit\"}},[_vm._v(\"Language\")]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui radio checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.language),expression:\"language\"}],attrs:{\"type\":\"radio\",\"name\":\"lang\",\"value\":\"en\",\"tabindex\":\"0\"},domProps:{\"checked\":_vm._q(_vm.language,\"en\")},on:{\"change\":function($event){_vm.language=\"en\"}}}),_vm._v(\" \"),_c('label',[_vm._v(\"English\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"ui radio checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.language),expression:\"language\"}],attrs:{\"type\":\"radio\",\"name\":\"lang\",\"tabindex\":\"1\",\"value\":\"ar\"},domProps:{\"checked\":_vm._q(_vm.language,\"ar\")},on:{\"change\":function($event){_vm.language=\"ar\"}}}),_vm._v(\" \"),_c('label',[_vm._v(\"Arabic\")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"ui error message\"})])]),_vm._v(\" \"),_c('button',{staticClass:\"ui button gcaaColorbg bottom attached segment\",on:{\"click\":_vm.login}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('LOGIN'))+\"\\n    \")])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-306f2973\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/AgentLogin.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AgentLogin.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AgentLogin.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-306f2973\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./AgentLogin.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/AgentLogin.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ui two column centered grid\",staticStyle:{\"display\":\"flex\",\"align-self\":\"center\",\"justify-content\":\"center\",\"height\":\"100vh\",\"align-items\":\"center\"}},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"ui  orange attached segment centered\",staticStyle:{\"text-align\":\"center\"}},[_c('h1',{staticClass:\"ui orange inverted header\",domProps:{\"innerHTML\":_vm._s(_vm.message)}})])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7de952d7\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/OfficeTiming.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./OfficeTiming.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./OfficeTiming.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7de952d7\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./OfficeTiming.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/OfficeTiming.vue\n// module id = null\n// module chunks = ","<template>\n\n  <div class=\"ui two column centered grid\"\n       style=\"display: flex; align-self: center; justify-content: center;  height: 100vh;  align-items: center;\">\n    <div class=\"column\">\n      <div class=\"ui  orange attached segment centered\" style=\"text-align: center\">\n        <h1 class=\"ui orange inverted header\" v-html=\"message\"></h1>\n\n      </div>\n\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n  export default {\n    name: 'OfficeTiming',\n    data() {\n      return {\n   message:''\n      }\n    },\n    mounted(){\n     this.message=this.$t('OFFLINEMESSAGE');\n    },\n    methods: {\n\n\n    }\n  }\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/OfficeTiming.vue","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Client from '../components/Client';\nimport ClientLogin from '../components/ClientLogin';\nimport Agent from '../components/Agent';\nimport AgentLogin from '../components/AgentLogin';\nimport OfficeTiming from '../components/OfficeTiming';\nVue.use(Router);\n\nexport default new Router({\n  routes: [\n    {\n      path: '/clientlogin',\n      name: 'ClientLogin',\n      component: ClientLogin\n    },\n    {\n      path: '/agentlogin',\n      name: 'AgentLogin',\n      component: AgentLogin\n    },\n    {\n      path: '/client/:email/name',\n      name: 'Client',\n      component: Client\n    },\n    {\n      path: '/agent',\n      name: 'Agent',\n      component: Agent\n    },\n    {\n      path: '/officetimings',\n      name: 'OfficeTiming',\n      component: OfficeTiming\n    }\n  ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","const messages = {\n  en: {\n\n    GCAA: 'General Civil Aviation Authority',\n    CLOSESESSION: 'Close Session',\n    PREVIOUSCHAT: ' Previous Chat',\n    AVAILABLECUSTOMERS: 'Available Customers',\n    ENTERTAINED: 'Entertained',\n    WAITING: 'Waiting',\n    QUEUEn: 'Queue#',\n    LTGCAACHATAGENT: 'Login to Gcaa Live Chat Agent Login',\n    LOGIN: 'Login',\n    CLIENTWELLCOMEMESSAGE: `\n           <h4>Welcome to the GCAA Live Support</h4>\n          <small>Kindly wait and you will be shortly attended by one of our customer happiness attendants. Alternatively, you can <a href=\"https://eservices.gcaa.gov.ae/CFS/CFSPages/FeedbackForm.aspx\">submit your inquiry online</a> or call our toll free number <b>8004466</b></small>\n\n           `,\n    TFUGCAALC: 'Thank you for using \\'General Civil Aviation\\' live support ',\n    AATOKW: 'Agent appears to be offline kindly wait we will arrange other agent for you ',\n    AGENTAVAILABLE: '<small>Agent   [AGENTNAME]  Available to assist you</small>',\n    GREETINGS: 'Greeting [CUSTOMERNAME] how may I help you ?',\n    WELLCOMEGCAACHATLL: 'Login to Gcaa Live Chat',\n    OFFLINEMESSAGE: `\n   <small> Kindly note that live support is available during Sunday to Thursday from <strong style=\"color:black !important;\">8.00 am </strong>to <strong style=\"color:black !important;\">4.00 pm</strong>\n    Kindly <a href=\"https://eservices.gcaa.gov.ae/CFS/CFSPages/FeedbackForm.aspx\">submit your inquiry online</a> or call our toll free number <b>8004466<br/></b>\n    Apologies for any inconvenience</small>\n\n    `,\n    FEEDBACKTEXT: 'Your feedback is important to us to help us improve our services.',\n    SUBMIT: 'Submit',\n    ARUTCS: 'Are you sure , you want to close this chat session  ?',\n    RUS: 'Are you sure',\n    KSAOI: '  kindly select any one image',\n    SCFC: 'Session Close from Customer',\n    SCBU: 'Session Closed by you',\n    TUFUR: 'Thank your for yor response',\n    CLOSE:'Close',\n    YES:'Yes',\n    NO:'No',\n    SESSIONCLOSEFOR:'Session Close from',\n    CUSTOMER:'Customer'\n\n  },\n  ar: {\n    WELLCOMEGCAACHATLL: 'تسجيل الدخول لخدمة الدعم المباشر الخاصة بالهيئة العامة للطيران المدني',\n    GCAA: 'الهيئة العامة للطيران المدني',\n    CLOSESESSION: 'إغلاق جلسة المحادثة',\n    PREVIOUSCHAT: 'المحادثة السابقة',\n    AVAILABLECUSTOMERS: 'العملاء المتوفرون',\n    ENTERTAINED: 'Entertained',\n    WAITING: 'انتظار',\n    QUEUEn: 'الرقم في قائمة الانتظار#',\n    LTGCAACHATAGENT: ` تسجيل الدخول لخدمة الدعم المباشر الخاص بالهيئة العامة للطيران المدني   - تسجيل دخول الوكيل `,\n    LOGIN: 'تسجيل الدخول',\n    CLIENTWELLCOMEMESSAGE: `\n          <h4>مرحبا بك في خدمة الدعم المباشر الخاصة بالهيئة العامة للطيران المدني</h4>\n<small>يرجى الانتظار ريثما يقوم أحد موظفي سعادة المتعاملين بالرد عليك. كما يمكنك  <a href=\"https://eservices.gcaa.gov.ae/CFS/CFSPages/FeedbackForm.aspx\">ارسال استفساراتك عن طريق صفحة اتصل بنا في موقعنا الإلكتروني بالضغط هنا  </a>أو يمكنك الاتصال بالرقم المجاني  8004466</small>\n           `,\n    TFUGCAALC: 'شكرا لك على استخدام الدعم المباشر الخاص  \\'بالهيئة العامة الطيران المدني \\' ',\n    AATOKW: 'يبدو أن موظف الخدمة غير متوفر حاليا، يرجى الانتظار ريثما نقوم بتوفي موظف خدمة بديل لتقديم الخدمة ',\n    AGENTAVAILABLE: '     <small style=\"dir\">  متوفر لمساعدتك  [AGENTNAME] موظف الخدمة </small>',\n    GREETINGS: '   مرحباً [CUSTOMERNAME]، كيف يمكنني مساعدتك ؟  ',\n    OFFLINEMESSAGE: `\n  <small> يرجى العلم أن خدمة الدعم المباشر تتوفر من الأحد إلى الخميس من الساعة <strong style=\"color:black !important;\">الثامنة صباحا</strong>ولغاية <strong style=\"color:black !important;\">الرابعة عصراً</strong>\nيرجى <a href=\"https://eservices.gcaa.gov.ae/CFS/CFSPages/FeedbackForm.aspx\">ارسال استفساراتكم عن طريق الانترنت بالضغط هنا</a>\nأو الاتصال بالرقم المجاني للهيئة <b>8004466</b> نعتذر عن أي ازعاج أو ارباك قد سببناه لكم</small>\n    `,\n    FEEDBACKTEXT: 'ملاحظاتك مهمة بالنسبة لنا لمساعدتنا في تحسين خدماتنا',\n    SUBMIT: 'إرسال',\n    ARUTCS: 'هل أنت متأكد أنك تريد إغلاق هذه المحادثة ؟',\n    RUS: 'هل أنت واثق',\n    KSAOI: '  kindly select any one image',\n    SCFC: 'جلسة مغلقة من العميل',\n    SCBU: '  أغلقت جلسة المحادثة من قبلك',\n    TUFUR: 'شكرا لمشاركتكم',\n    CLOSE:'أغلق',\n    YES:'نعم',\n    NO:'لا',\n    SESSIONCLOSEFOR:'جلسة إغلاق من ',\n    CUSTOMER:'زبون'\n\n  }\n};\n\n\nexport default messages;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/messages\n// module id = null\n// module chunks = ","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport  VueI18n from 'vue-i18n'\nimport VeeValidate from 'vee-validate'\nimport App from './App'\nimport router from './router'\nimport   messages from './messages'\n\nVue.use(VeeValidate);\nVue.use(VueI18n);\nVue.config.productionTip = false;\nvar userLang = (navigator.language || navigator.userLanguage).toLocaleLowerCase().substr('en') ? 'en':'ar';\nconst i18n = new VueI18n({\n  locale: userLang, // set locale\n  messages // set locale messages\n});\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  router,\n  i18n,\n  template: '<App/>',\n  components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}