{"version":3,"sources":["webpack:///./src/assets/img/start_up 1.svg","webpack:///./src/views/funnels/funnel/FunnelOnboarding.vue?db03","webpack:///./src/assets/img/copy_link_1.svg","webpack:///./src/views/funnels/funnel/FunnelOnboarding.vue","webpack:///src/views/funnels/funnel/FunnelOnboarding.vue","webpack:///./src/views/funnels/funnel/FunnelOnboarding.vue?27b4","webpack:///./src/views/funnels/funnel/FunnelOnboarding.vue?65c6","webpack:///./src/assets/img/settings_2.svg"],"names":["module","exports","render","_vm","this","_c","_self","show","staticClass","attrs","require","_v","_m","_s","getUserInfo","member","email","api_key","on","$event","copyToClipboard","$route","params","id","showAddNewStepPopup","_e","staticRenderFns","name","mixins","data","computed","methods","redirectToStep","steps","stepId","lowestIndex","path","checkStepData","elemToCopy","alert","window","created","component"],"mappings":"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","file":"js/chunk-8ed12878.fbc14dc0.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/start_up 1.311899e7.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FunnelOnboarding.vue?vue&type=style&index=0&id=43351f98&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/copy_link_1.48c045da.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.show)?_c('div',{staticClass:\"main-content scroll\"},[_c('div',{staticClass:\"image_main\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/start_up 1.svg')}})],1),_c('h2',{staticClass:\"title_step\"},[_vm._v(\"1st Step\")]),_c('p',{staticClass:\"parag\"},[_vm._v(\"Let’s create your funnel! Watch the tutorial below to learn how to easily do it:\")]),_vm._m(0),_c('div',{staticClass:\"wrap_settings_box\"},[_c('div',{staticClass:\"left_box\"},[_c('div',{staticClass:\"icon\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/settings_2.svg')}})],1)]),_vm._m(1)]),_c('div',{staticClass:\"script\"},[_c('textarea',{staticClass:\"code_box_textarea\",attrs:{\"readonly\":\"\"}},[_vm._v(\" <script async type=\\\"text/javascript\\\" src=\\\"https://app.funnelish.com/xapp.js\\\" data-vip-email=\\\"\"+_vm._s(_vm.getUserInfo.member.email)+\"\\\" data-api-key=\\\"\"+_vm._s(_vm.getUserInfo.api_key)+\"\\\"> </script> <link rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"https://funnelish.com/paypal-plugin-2.0.css\\\"> \")]),_c('a',{staticClass:\"icon\",on:{\"click\":function($event){return _vm.copyToClipboard('.code_box_textarea')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_link_1.svg')}})],1)]),_c('p',{staticClass:\"parag\"},[_vm._v(\" You can find your funnel tracking code at any time, under your \"),_c('router-link',{attrs:{\"to\":'/funnel/'+ _vm.$route.params.id + '/settings'}},[_vm._v(\"Funnel settings\")]),_vm._v(\". \")],1),_c('h2',{staticClass:\"title_step\"},[_vm._v(\"2nd Step\")]),_c('p',{staticClass:\"parag\"},[_vm._v(\"Now start adding your steps to the funnel\")]),_c('a',{staticClass:\"btn\",on:{\"click\":_vm.showAddNewStepPopup}},[_vm._v(\"Add new step\")])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video_banner\"},[_c('div',{staticClass:\"wrap_video\"},[_c('div',{staticClass:\"hytPlayerWrapOuter\"},[_c('div',{staticClass:\"hytPlayerWrap\"},[_c('iframe',{attrs:{\"width\":\"560\",\"height\":\"315\",\"src\":\"https://www.youtube-nocookie.com/embed/6fEY2DDrT6Y?controls=0\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}})])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"right_box\"},[_c('p',{staticClass:\"parag\"},[_vm._v(\"Copy the tracking text below, and past it into your \")]),_c('ul',{staticClass:\"bread_crumbs\"},[_c('li',[_c('a',[_vm._v(\"Clickfunnels’ Funnel\")])]),_c('li',{staticClass:\"step_crumbs\"},[_vm._v(\">\")]),_c('li',[_c('a',[_vm._v(\"Settings\")])]),_c('li',{staticClass:\"step_crumbs\"},[_vm._v(\">\")]),_c('li',[_c('a',[_vm._v(\"Head tracking code\")]),_vm._v(\".\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main-content scroll\" v-if=\"show\">\n<!--        <div class=\"btn_group\">-->\n<!--            <router-link :to=\"'/funnel/'+ $route.params.id + '/settings'\" class=\"btn flat icon\">-->\n<!--                <inline-svg :src=\"require('@/assets/img/settings_btn.svg')\"/>-->\n<!--            </router-link>-->\n<!--        </div>-->\n        <div class=\"image_main\">\n            <inline-svg :src=\"require('@/assets/img/start_up 1.svg')\"/>\n        </div>\n\n        <h2 class=\"title_step\">1st Step</h2>\n        <p class=\"parag\">Let’s create your funnel! Watch the tutorial below to learn how to easily do it:</p>\n\n        <div class=\"video_banner\">\n            <div class=\"wrap_video\">\n                <div class=\"hytPlayerWrapOuter\">\n                    <div class=\"hytPlayerWrap\">\n                      <iframe width=\"560\" height=\"315\" src=\"https://www.youtube-nocookie.com/embed/6fEY2DDrT6Y?controls=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"wrap_settings_box\">\n            <div class=\"left_box\">\n                <div class=\"icon\">\n                    <inline-svg :src=\"require('@/assets/img/settings_2.svg')\"/>\n                </div>\n            </div>\n\n            <div class=\"right_box\">\n                <p class=\"parag\">Copy the tracking text below, and past it into your </p>\n                <ul class=\"bread_crumbs\">\n                    <li><a>Clickfunnels’ Funnel</a></li>\n                    <li class=\"step_crumbs\">></li>\n                    <li><a>Settings</a></li>\n                    <li class=\"step_crumbs\">></li>\n                    <li><a>Head tracking code</a>.</li>\n                </ul>\n            </div>\n        </div>\n\n        <div class=\"script\">\n            <textarea class=\"code_box_textarea\" readonly>\n                <script async\n                    type=\"text/javascript\"\n                    src=\"https://app.funnelish.com/xapp.js\"\n                    data-vip-email=\"{{getUserInfo.member.email}}\"\n                    data-api-key=\"{{getUserInfo.api_key}}\">\n                </script>\n                <link rel=\"stylesheet\" type=\"text/css\" href=\"https://funnelish.com/paypal-plugin-2.0.css\">\n            </textarea>\n            <a @click=\"copyToClipboard('.code_box_textarea')\" class=\"icon\">\n                <inline-svg :src=\"require('@/assets/img/copy_link_1.svg')\"/>\n            </a>\n        </div>\n\n        <p class=\"parag\">\n            You can find your funnel tracking code at any time, under your\n            <router-link :to=\"'/funnel/'+ $route.params.id + '/settings'\">Funnel settings</router-link>.\n        </p>\n        <h2 class=\"title_step\">2nd Step</h2>\n        <p class=\"parag\">Now start adding your steps to the funnel</p>\n        <a @click=\"showAddNewStepPopup\" class=\"btn\">Add new step</a>\n    </div>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport { mapGetters } from \"vuex\"\n\nexport default {\n    name: 'FunnelOnboarding',\n    mixins: [API],\n    data() {\n        return {\n            show: false\n        }\n    },\n    computed: {\n        ...mapGetters([\"getStepDataStore\"]),\n        getUserInfo() {\n            return this.$store.state.userInfo\n        }\n    },\n    methods: {\n        redirectToStep(steps) {\n          let {id} = this.$route.params;\n\t        let stepId = steps[0].id;\n\t\t\t\t\tlet lowestIndex = steps[0].order_index || 100000000;\n\n\t        steps.forEach((x,i)=> {\n\t        \tif (x.order_index < lowestIndex) {\n\t\t\t        stepId = x.id;\n\t\t\t        lowestIndex = x.order_index;\n\t\t        }\n          });\n          this.$router.push({ path: `/funnel/${id}/steps/${stepId}` });\n        },\n        checkStepData(steps) {\n            if(steps.length) this.redirectToStep(steps);\n            else this.show = true;\n        },\n        copyToClipboard(queryElem) {\n            let elemToCopy = document.querySelector(queryElem);\n            elemToCopy.setAttribute('type', 'text');\n            elemToCopy.select();\n\n            try { var successful = document.execCommand('copy') }\n            catch (err) { alert('Oops, unable to copy') }\n\n            elemToCopy.setAttribute('type', 'hidden')\n            window.getSelection().removeAllRanges()\n        },\n        showAddNewStepPopup() {\n            this.$store.commit(\"showAddNewStepPopup\");\n        },\n        async init() {\n            if(this.getStepDataStore) this.checkStepData(this.getStepDataStore)\n            else this.show = true;\n        }\n    },\n    created() {\n        this.init()\n    }\n}\n</script>\n<style lang=\"scss\">\n.wrap_video {\n  border: 8px solid #e3e6f1;\n  border-radius: 10px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FunnelOnboarding.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FunnelOnboarding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FunnelOnboarding.vue?vue&type=template&id=43351f98&\"\nimport script from \"./FunnelOnboarding.vue?vue&type=script&lang=js&\"\nexport * from \"./FunnelOnboarding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FunnelOnboarding.vue?vue&type=style&index=0&id=43351f98&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/settings_2.010fc936.svg\";"],"sourceRoot":""}