{"version":3,"sources":["webpack:///./src/pages/Home/ThirdPartyApis/Page.vue","webpack:///src/pages/Home/ThirdPartyApis/Page.vue","webpack:///./src/pages/Home/ThirdPartyApis/Page.vue?9977","webpack:///./src/pages/Home/ThirdPartyApis/Page.vue?79ac"],"names":["render","_vm","this","_c","_self","on","$event","getAuthCode","_v","staticRenderFns","name","data","client","clientConfig","scope","mounted","methods","initClient","client_id","redirect_uri","ux_mode","callback","xhr","console","exchangeAuthCode","form","input","window","document","googleCalendarAuth","oauthSignIn","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOL,EAAIM,iBAAiB,CAACN,EAAIO,GAAG,yCAAyC,IAEnMC,EAAkB,G,wBCSP,GACfC,YACAC,gBACA,OACAC,YACAC,kBACAC,mDAIAC,mBAAA,oKACA,kEAAAJ,SACA,oBACA,uHAHAI,GAMAC,SACAT,uBAEA,2BAEAU,sBAAA,WACA,mDACAC,gDACAJ,iBACAK,+CACAC,gBACAC,qBAEA,qCAEA,qBACAC,oBACAA,uEACAA,wDACAA,oBACAC,8CAEAD,2BAOAE,6BACA,4CACA,iCACAC,gCACAA,2BACA,OACA,qFACA,oDACA,OACA,gCACA,8DACA,uBAIA,gBACA,sCACAC,gCACAA,yBACAA,6BACAD,iBAEAE,iCAEAC,6BAEAH,YAIAI,8BACA,oBAKAC,uBAEA,qDAGA,iCACAL,+BACAA,2BAIA,OACA,qFACA,qGACA,sBACA,iDACA,8BACA,gBAIA,gBACA,sCACAC,gCACAA,yBACAA,6BACAD,iBAIAG,6BAEAH,cC5H4W,I,YCOxWM,EAAY,eACd,EACA/B,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E","file":"static_for_front/js/chunk-2d0b37fb.47f9bc19.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vs-button',{on:{\"click\":function($event){return _vm.getAuthCode()}}},[_vm._v(\"\\n        googleCalendarAuth\\n    \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div >\r\n        <vs-button\r\n            @click=\"getAuthCode()\"\r\n           >\r\n            googleCalendarAuth\r\n        </vs-button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"Page\",\r\n    data() {\r\n        return {\r\n            client: null,\r\n            clientConfig: null,\r\n            scope: \"https://www.googleapis.com/auth/calendar\"\r\n        }\r\n    },\r\n\r\n    async mounted(){\r\n        let { data } = await this.$http.get('third_party_apis/google/config/')\r\n        this.clientConfig = data\r\n        this.initClient()\r\n\r\n    },\r\n    methods: {\r\n        getAuthCode() {\r\n            // Request authorization code and obtain user consent\r\n            this.client.requestCode();\r\n        },\r\n        initClient() {\r\n            this.client = google.accounts.oauth2.initCodeClient({\r\n                client_id:  this.clientConfig[\"web\"][\"client_id\"],\r\n                scope: this.scope,\r\n                redirect_uri: this.clientConfig['redirect_uri'],\r\n                ux_mode: \"popup\",\r\n                callback: (response) => {\r\n                    //this.exchangeAuthCode(response.code)\r\n                    var code_receiver_uri = this.clientConfig['redirect_uri'];\r\n                    // Send auth code to your backend platform\r\n                    const xhr = new XMLHttpRequest();\r\n                    xhr.open(\"POST\", code_receiver_uri, true);\r\n                    xhr.setRequestHeader(\"Content-Type\", \"application/x-www-form-urlencoded\");\r\n                    xhr.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\");\r\n                    xhr.onload = function() {\r\n                        console.log(\"Signed in as: \" + xhr.responseText);\r\n                    };\r\n                    xhr.send(\"code=\" + response.code);\r\n                    // After receipt, the code is exchanged for an access token and\r\n                    // refresh token, and the platform then updates this web app\r\n                    // running in user's browser with the requested calendar info.\r\n                }\r\n            });\r\n        },\r\n        exchangeAuthCode(code){\r\n            let oauth2Endpoint = 'https://oauth2.googleapis.com/token'\r\n            var form = document.createElement(\"form\");\r\n            form.setAttribute(\"method\", \"POST\"); // Send as a GET request.\r\n            form.setAttribute(\"action\", oauth2Endpoint);\r\n            var params = {\r\n                'client_id':\"797827283898-ku5ktgvs2i9kqbudfsaaeoclje5ks7no.apps.googleusercontent.com\",\r\n                'client_secret': \"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\",\r\n                'code':code,\r\n                'grant_type':'authorization_code',\r\n                'redirect_uri': 'http://localhost:8080/en/home/third_party_apis', //'http://localhost:10000/api/v1/third_party_apis/google_app_client_id/'\r\n                'access_type': 'offline'\r\n            };\r\n\r\n            // Add form parameters as hidden input values.\r\n            for (var p in params) {\r\n                var input = document.createElement(\"input\");\r\n                input.setAttribute(\"type\", \"hidden\");\r\n                input.setAttribute(\"name\", p);\r\n                input.setAttribute(\"value\", params[p]);\r\n                form.appendChild(input);\r\n            }\r\n            window.alert('exchangeAuthCode')\r\n            // Add form to page and submit it to open the OAuth 2.0 endpoint.\r\n            document.body.appendChild(form);\r\n\r\n            form.submit();\r\n        },\r\n\r\n\r\n        googleCalendarAuth() {\r\n            this.oauthSignIn()\r\n        },\r\n        /*\r\n * Create form to request access token from Google's OAuth 2.0 server.\r\n */\r\n        oauthSignIn() {\r\n            // Google's OAuth 2.0 endpoint for requesting an access token\r\n            var oauth2Endpoint = \"https://accounts.google.com/o/oauth2/v2/auth\";\r\n\r\n            // Create <form> element to submit parameters to OAuth 2.0 endpoint.\r\n            var form = document.createElement(\"form\");\r\n            form.setAttribute(\"method\", \"GET\"); // Send as a GET request.\r\n            form.setAttribute(\"action\", oauth2Endpoint);\r\n\r\n            // Parameters to pass to OAuth 2.0 endpoint.\r\n            // \"http://10.8.8.19:10000/api/v1/third_party_apis/google_app_client_id/access_token_get/\",\r\n            var params = {\r\n                \"client_id\": \"797827283898-ku5ktgvs2i9kqbudfsaaeoclje5ks7no.apps.googleusercontent.com\",\r\n                \"redirect_uri\": \"http://localhost:10000/api/v1/third_party_apis/google_app_client_id/access_token_get/\",\r\n                \"response_type\": \"token\",\r\n                \"scope\": \"https://www.googleapis.com/auth/calendar\",\r\n                \"include_granted_scopes\": \"true\",\r\n                \"state\": \"value1\"\r\n            };\r\n\r\n            // Add form parameters as hidden input values.\r\n            for (var p in params) {\r\n                var input = document.createElement(\"input\");\r\n                input.setAttribute(\"type\", \"hidden\");\r\n                input.setAttribute(\"name\", p);\r\n                input.setAttribute(\"value\", params[p]);\r\n                form.appendChild(input);\r\n            }\r\n\r\n            // Add form to page and submit it to open the OAuth 2.0 endpoint.\r\n            document.body.appendChild(form);\r\n\r\n            form.submit();\r\n\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page.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!./Page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Page.vue?vue&type=template&id=144f9017&scoped=true&\"\nimport script from \"./Page.vue?vue&type=script&lang=js&\"\nexport * from \"./Page.vue?vue&type=script&lang=js&\"\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  \"144f9017\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}