{"version":3,"sources":["webpack:///./src/components/actions/actionsList/story/MobilePreviewer.vue?917b","webpack:///./src/components/actions/actionsList/story/MobilePreviewer.vue?5efd","webpack:///src/components/actions/actionsList/story/MobilePreviewer.vue","webpack:///./src/components/actions/actionsList/story/MobilePreviewer.vue?06e5","webpack:///./src/components/actions/actionsList/story/MobilePreviewer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","isMobile","staticClass","on","redirect","_v","attrs","refreshIframe","staticRenderFns","component","VBtn"],"mappings":"kHAAA,yBAAwmB,EAAG,G,gECA3mB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAASF,EAAIM,SAAwPF,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,QAAQ,CAACG,YAAY,6CAA6CC,GAAG,CAAC,MAAQR,EAAIS,WAAW,CAACT,EAAIU,GAAG,sCAAsC,GAA9ZN,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkBI,MAAM,CAAC,IAAM,gCAAgCH,GAAG,CAAC,MAAQR,EAAIY,iBAAiBR,EAAG,MAAM,CAACG,YAAY,yBAClUM,EAAkB,G,YCgBtB,GACI,KAAJ,SACI,MAAJ,CACQ,KAAR,CACY,KAAZ,OACY,QAAZ,QAGQ,QAAR,CACY,KAAZ,OACY,QAAZ,IAGI,SAAJ,IACA,oCAEI,MAAJ,CACQ,QAAR,WACY,KAAZ,kBAGI,UACJ,0BACY,KAAZ,gBAGI,QAAJ,CACQ,cAAR,WACY,GAAZ,0BACgB,IAAhB,6CACgB,EAAhB,aACgB,KAAhB,iBAGQ,SAAR,WACA,mBACgB,OAAhB,gBAGQ,eACI,IAAZ,qBACA,QACA,wBACY,EAAZ,aACY,EAAZ,wBACgB,IAAhB,6CACA,2CACgB,GAAhB,kCAEoB,IAApB,iCACoB,EAApB,yBACoB,EAApB,6DAGoB,IAApB,iCACoB,EAApB,4EACoB,EAApB,iBACoB,EAApB,eAGoB,IAApB,mCACoB,EAApB,uCACoB,EAApB,iDACoB,EAApB,UAEoB,6BAIR,EAAZ,UCtF8R,I,yDCQ1RC,EAAY,eACd,EACAf,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,OAAA","file":"public/js/chunk-f406f7d8.6b0aadcc.js","sourcesContent":["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/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePreviewer.vue?vue&type=style&index=0&id=5826de5b&scoped=true&lang=css&\"; 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/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePreviewer.vue?vue&type=style&index=0&id=5826de5b&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isMobile)?_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"iphoneWrapper\"},[_c('img',{staticClass:\"iphoneInterface\",attrs:{\"src\":\"/img/safari-apple-blinkl.png\"},on:{\"click\":_vm.refreshIframe}}),_c('div',{staticClass:\"browserViewport\"})])]):_c('div',{staticClass:\"wrapper\"},[_c('v-btn',{staticClass:\"custom_btn_add_field custom_btn_color_blue\",on:{\"click\":_vm.redirect}},[_vm._v(\"\\n        Tester la story\\n    \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"!isMobile\" class=\"wrapper\">\n        <div class=\"iphoneWrapper\">\n            <img class=\"iphoneInterface\" src=\"/img/safari-apple-blinkl.png\" @click=\"refreshIframe\">\n            <div class=\"browserViewport\" />\n        </div>\n    </div>\n    <div v-else class=\"wrapper\">\n        <v-btn class=\"custom_btn_add_field custom_btn_color_blue\" @click=\"redirect\">\n            Tester la story\n        </v-btn>\n    </div>\n</template>\n\n<script>\n    import { mapGetters } from 'vuex';\n\n    export default {\n        name: 'Mobile',\n        props: {\n            data: {\n                type: Object,\n                default: () => {\n                }\n            },\n            refresh: {\n                type: Number,\n                default: 0\n            }\n        },\n        computed: {\n            ...mapGetters('app', ['isMobile'])\n        },\n        watch: {\n            refresh: function () {\n                this.refreshIframe();\n            }\n        },\n        mounted () {\n            if (this.data.mode === 'story') {\n                this.tryLoadStory();\n            }\n        },\n        methods: {\n            refreshIframe: function () {\n                if (this.data.mode === 'story') {\n                    let content = this.$el.querySelector('.browserViewport');\n                    content.innerHTML = '';\n                    this.tryLoadStory();\n                }\n            },\n            redirect: function () {\n                if (this.url !== 'none') {\n                    window.open(this.url);\n                }\n            },\n            tryLoadStory () {\n                var xhr = new XMLHttpRequest();\n                var method = 'GET';\n                var url = 'story/' + this.data.id;\n                xhr.open(method, url, true);\n                xhr.onreadystatechange = () => {\n                    let content = this.$el.querySelector('.browserViewport');\n                    let head = document.getElementsByTagName('head')[0];\n                    if (xhr.readyState === 4 && xhr.status === 200) {\n                        /** Load DOM Content **/\n                        var newEl = document.createElement('html');\n                        newEl.innerHTML = xhr.responseText;\n                        content.innerHTML = newEl.querySelector('#BlinklActionTemplate').outerHTML;\n\n                        /** Load Font Face **/\n                        var newFontFace = document.createElement('link');\n                        newFontFace.href = newEl.getElementsByTagName('head')[0].getElementsByTagName('link')[0].href;\n                        newFontFace.rel = 'stylesheet';\n                        head.appendChild(newFontFace);\n\n                        /** Load Script **/\n                        var newScript = document.createElement('script');\n                        newScript.setAttribute('type', 'text/javascript');\n                        newScript.text = newEl.querySelector('#BlinklActionScript').text;\n                        content.append(newScript);\n                        /*eslint-disable */\n                        BlinklActionTemplateInit();\n                        /* eslint-enable */\n                    }\n                };\n                xhr.send();\n            }\n        }\n    };\n</script>\n\n<style scoped>\n    .custom_btn_add_field {\n        margin: 40px 0 45px 0;\n        height: 48px;\n    }\n\n    .wrapper {\n        display: block;\n        position: relative;\n        width: 100%;\n        overflow: auto;\n        text-align: left;\n    }\n\n    .browserViewport {\n        height: 481px;\n        width: 297px;\n        top: 15%;\n        overflow: hidden;\n        position: relative;\n        left: 15.25%;\n    }\n\n    .browserViewport iframe {\n        z-index: 1;\n        position: absolute;\n        height: 480px;\n        width: 298px;\n        left: 0;\n    }\n\n    .iphoneInterface {\n        height: 100%;\n        width: 100%;\n        left: 0;\n        position: absolute;\n    }\n\n    .iphoneWrapper {\n        border-radius: 2px;\n        height: 728px;\n        left: 50%;\n        overflow: hidden;\n        position: relative;\n        top: 0;\n        -webkit-transform: translate(-50%, 0%);\n        transform: translate(-50%, 0%);\n        width: 430px;\n        margin-bottom: 80px;\n    }\n\n</style>\n","import mod from \"-!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePreviewer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePreviewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MobilePreviewer.vue?vue&type=template&id=5826de5b&scoped=true&\"\nimport script from \"./MobilePreviewer.vue?vue&type=script&lang=js&\"\nexport * from \"./MobilePreviewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MobilePreviewer.vue?vue&type=style&index=0&id=5826de5b&scoped=true&lang=css&\"\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  \"5826de5b\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\ninstallComponents(component, {VBtn})\n"],"sourceRoot":""}