{"version":3,"sources":["webpack:///./src/components/VisualInventory.vue?5e9f","webpack:///src/components/VisualInventory.vue","webpack:///./src/components/VisualInventory.vue?7b54","webpack:///./src/components/VisualInventory.vue","webpack:///./src/components/VisualInventory.vue?840e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","comp","_v","attrs","_s","isHost","customerName","key","notifKey","callAccepted","call","answerCall","_e","me","callEnded","leaveCall","sendMail","sendSMS","client_id","callUser","customerEmail","customerPhone","companyId","company_id","caller","myVideoKey","ref","stream","callerId","uploadVideo","userVideoKey","userStream","staticRenderFns","name","components","VideoFrame","VCallOptions","VCallNotifications","props","Boolean","customer","String","company","email","Function","Number","data","socket","id","mycall","connectionRef","current","Peer","mounted","that","socketUrl","navigator","mediaDevices","on","console","log","isReceivedCall","from","signal","beforeDestroy","getTracks","forEach","beforeUnmount","methods","initiator","trickle","peer","emit","currentStream","userToCall","signalData","destroy","component"],"mappings":"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","file":"js/chunk-16eb97bb.5f1b2be8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"visual-inventory\"},[(!_vm.comp)?_c('h3',{staticClass:\"ma-4 text-center text-uppercase\",attrs:{\"color\":\"blue-darken-3\"}},[_vm._v(\" \"+_vm._s(_vm.isHost ? _vm.customerName + \" Inventory\" : \"My Inventory\")+\" \")]):_c('h3',{staticClass:\"text-center\"},[_vm._v(\"Visual Inventory\")]),_c('div',{staticClass:\"ma-2 justify-center\"},[(_vm.call)?_c('v-call-notifications',{key:_vm.notifKey,attrs:{\"callAccepted\":_vm.callAccepted,\"call\":_vm.call,\"answerCall\":_vm.answerCall,\"customerName\":_vm.customerName}}):_vm._e()],1),_c('div',{staticClass:\"ma-2 justify-center\"},[_c('v-call-options',{attrs:{\"me\":_vm.me,\"callAccepted\":_vm.callAccepted,\"callEnded\":_vm.callEnded,\"customerName\":_vm.customerName,\"leaveCall\":_vm.leaveCall,\"sendMail\":_vm.sendMail,\"sendSMS\":_vm.sendSMS,\"client_id\":_vm.client_id,\"callUser\":_vm.callUser,\"isHost\":_vm.isHost,\"customerEmail\":_vm.customerEmail,\"customerPhone\":_vm.customerPhone,\"companyId\":_vm.companyId,\"company_id\":_vm.company_id,\"caller\":_vm.caller,\"comp\":_vm.comp}})],1),_c('div',{staticClass:\"ma-2 justify-center\"},[(_vm.stream)?_c('video-frame',{key:_vm.myVideoKey,ref:\"myVideo\",attrs:{\"isUserVideo\":false,\"callAccepted\":_vm.callAccepted,\"callEnded\":_vm.callEnded,\"stream\":_vm.stream,\"isHost\":_vm.isHost,\"callerId\":_vm.callerId,\"customerName\":_vm.customerName,\"customerEmail\":_vm.customerEmail,\"caller\":_vm.caller,\"comp\":_vm.comp,\"uploadVideo\":_vm.uploadVideo}}):_vm._e()],1),_c('video-frame',{key:_vm.userVideoKey,ref:\"userVideo\",attrs:{\"isUserVideo\":true,\"callAccepted\":_vm.callAccepted,\"callEnded\":_vm.callEnded,\"uploadVideo\":_vm.uploadVideo,\"stream\":_vm.userStream,\"callerId\":_vm.callerId,\"isHost\":_vm.isHost,\"comp\":_vm.comp}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"visual-inventory\">\n    <!-- call {{ call }} -->\n    <!-- me: {{ me }} -->\n\n    <h3 v-if=\"!comp\" class=\"ma-4 text-center text-uppercase\" color=\"blue-darken-3\">\n      {{ isHost ? customerName + \" Inventory\" : \"My Inventory\" }}\n    </h3>\n\n    <h3 class=\"text-center\" v-else>Visual Inventory</h3>\n    <div class=\"ma-2 justify-center\">\n      <v-call-notifications\n        v-if=\"call\"\n        :callAccepted=\"callAccepted\"\n        :call=\"call\"\n        :answerCall=\"answerCall\"\n        :key=\"notifKey\"\n        :customerName=\"customerName\"\n      ></v-call-notifications>\n    </div>\n    <div class=\"ma-2 justify-center\">\n      <v-call-options\n        :me=\"me\"\n        :callAccepted=\"callAccepted\"\n        :callEnded=\"callEnded\"\n        :customerName=\"customerName\"\n        :leaveCall=\"leaveCall\"\n        :sendMail=\"sendMail\"\n        :sendSMS=\"sendSMS\"\n        :client_id=\"client_id\"\n        :callUser=\"callUser\"\n        :isHost=\"isHost\"\n        :customerEmail=\"customerEmail\"\n        :customerPhone=\"customerPhone\"\n        :companyId=\"companyId\"\n        :company_id=\"company_id\"\n        :caller=\"caller\"\n        :comp=\"comp\"\n      ></v-call-options>\n    </div>\n    <div class=\"ma-2 justify-center\">\n      <video-frame\n        ref=\"myVideo\"\n        :isUserVideo=\"false\"\n        :callAccepted=\"callAccepted\"\n        :callEnded=\"callEnded\"\n        v-if=\"stream\"\n        :stream=\"stream\"\n        :isHost=\"isHost\"\n        :callerId=\"callerId\"\n        :customerName=\"customerName\"\n        :customerEmail=\"customerEmail\"\n        :caller=\"caller\"\n        :key=\"myVideoKey\"\n        :comp=\"comp\"\n        :uploadVideo=\"uploadVideo\"\n      ></video-frame>\n    </div>\n\n    <video-frame\n      ref=\"userVideo\"\n      :isUserVideo=\"true\"\n      :callAccepted=\"callAccepted\"\n      :callEnded=\"callEnded\"\n      :uploadVideo=\"uploadVideo\"\n      :stream=\"userStream\"\n      :callerId=\"callerId\"\n      :isHost=\"isHost\"\n      :key=\"userVideoKey\"\n      :comp=\"comp\"\n    ></video-frame>\n  </div>\n</template>\n\n<script>\nimport { io } from \"socket.io-client\";\nimport * as fun from \"../plugins/common\";\n// const io = require(\"socket.io-client\");\nexport default {\n  name: \"VisualInventory\",\n  components: {\n    VideoFrame: () => import(\"../components/VideoFrame.vue\"),\n    VCallOptions: () => import(\"../components/CallOptions.vue\"),\n    VCallNotifications: () => import(\"../components/CallNotifications.vue\"),\n  },\n  props: {\n    comp: Boolean,\n    customer: String,\n    company: String,\n    companyId: String,\n    company_id: String,\n    email: String,\n    customerPhone: String,\n    sendMail: Function,\n    sendSMS: Function,\n    uploadVideo: Function,\n    client_id: Number,\n  },\n  data() {\n    return {\n      socket: null,\n      me: \"\",\n      customerName: \"\",\n      stream: null,\n      userStream: null,\n      id: null,\n      call: null,\n      callAccepted: false,\n      callEnded: false,\n      mycall: null,\n      connectionRef: {\n        current: null,\n      },\n      notifKey: 0,\n      myVideoKey: 0,\n      userVideoKey: 0,\n      isHost: false,\n      callerId: \"\",\n      Peer: require(\"simple-peer\"),\n      customerEmail: \"\",\n      caller: \"\",\n    };\n  },\n  mounted() {\n    var that = this;\n    // var socketUrl = window.location.protocol + \"//\" + window.location.host.replace(\":\" + window.location.port, \"\") + \":3030\"\n    // console.log(socketUrl)\n    var socketUrl = \"https://server.moverai.com:5000\";\n    // var socketUrl = this.serverURL;\n    this.socket = io(socketUrl);\n\n    if (!this.comp) {\n      this.customerEmail = fun.getParameterByName(\"customerEmail\");\n      this.customerName = fun.getParameterByName(\"customerName\");\n      this.caller = fun.getParameterByName(\"caller\");\n    } else {\n      this.customerEmail = this.email;\n      this.customerName = this.customer;\n      this.caller = this.company;\n    }\n\n    this.callerId = fun.getParameterByName(\"callerId\");\n\n    if (!this.callerId) {\n      this.isHost = true;\n    }\n\n    navigator.mediaDevices\n      .getUserMedia({\n        audio: true,\n        video: {\n          facingMode: \"environment\",\n        },\n      })\n      .then((currentStream) => {\n        that.stream = currentStream;\n        // that.stream.getTracks().forEach((track) => track.stop());\n      });\n    this.socket.on(\"me\", (id) => {\n      that.me = id;\n    });\n\n    this.socket.on(\"calluser\", ({ from, name: callerName, signal }) => {\n      console.log(\"socket on calluser\");\n\n      this.call = {\n        isReceivedCall: true,\n        from: from,\n        name: this.customerName,\n        signal: signal,\n      };\n      // this.notifKey = !this.notifKey;\n    });\n  },\n  beforeDestroy() {\n    if (this.stream) {\n      this.stream.getTracks().forEach((track) => track.stop());\n    }\n  },\n  beforeUnmount() {\n    if (this.stream) {\n      this.stream.getTracks().forEach((track) => track.stop());\n    }\n  },\n  methods: {\n    answerCall() {\n      var that = this;\n      this.callAccepted = true;\n\n      const peer = new this.Peer({\n        initiator: false,\n        trickle: false,\n        stream: this.stream,\n      });\n      peer.on(\"signal\", (data) => {\n        that.socket.emit(\"answercall\", { signal: data, to: this.call.from });\n      });\n      peer.on(\"stream\", (currentStream) => {\n        that.userStream = currentStream;\n      });\n      peer.signal(this.call.signal);\n      this.connectionRef.current = peer;\n    },\n    callUser(id) {\n      console.log(id);\n      // this.call = { id: id };\n\n      var that = this;\n      const peer = new this.Peer({\n        initiator: true,\n        trickle: false,\n        stream: this.stream,\n      });\n\n      console.log(peer);\n      peer.on(\"signal\", (data) => {\n        that.socket.emit(\"calluser\", {\n          userToCall: id,\n          signalData: data,\n          from: that.me,\n          name: that.customerName,\n        });\n      });\n      peer.on(\"stream\", (currentStream) => {\n        that.userStream = currentStream;\n      });\n      this.socket.on(\"callaccepted\", (signal) => {\n        that.callAccepted = true;\n        peer.signal(signal);\n      });\n      this.connectionRef.current = peer;\n    },\n    leaveCall() {\n      this.callEnded = true;\n      this.connectionRef.current.destroy();\n      // this.userVideoKey = !this.userVideoKey;\n      // this.myVideoKey = !this.myVideoKey;\n      // this.$refs.userVideo.downloadVideo();\n      // window.location.reload()\n    },\n  },\n};\n</script>\n\n<style lang=\"css\" scoped>\n@media only screen and (min-width: 900px) {\n  /* .main-wrap {\n    height: 70vh;\n  } */\n  .visual-inventory {\n    /* position: fixed;*/\n    max-height: 60vh;\n    width: 26vw;\n    /* overflow-y: auto; */\n    overflow-x: hidden;\n  }\n}\n@media only screen and (max-width: 450px) {\n  .visual-inventory {\n    width: 90vw;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualInventory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualInventory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VisualInventory.vue?vue&type=template&id=702d582d&scoped=true&\"\nimport script from \"./VisualInventory.vue?vue&type=script&lang=js&\"\nexport * from \"./VisualInventory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VisualInventory.vue?vue&type=style&index=0&id=702d582d&lang=css&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"702d582d\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualInventory.vue?vue&type=style&index=0&id=702d582d&lang=css&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualInventory.vue?vue&type=style&index=0&id=702d582d&lang=css&scoped=true&\""],"sourceRoot":""}