{"version":3,"sources":["webpack:///./src/views/funnels/add_new_funnel_popup.vue?1bf5","webpack:///./src/assets/img/funnel_type_radio_logo_2.svg","webpack:///./src/views/funnels/funnel-plus/funnel/templates.vue?bef2","webpack:///./src/assets/img/Funnelish Plus.svg","webpack:///./src/views/funnels/add_new_funnel_popup.vue","webpack:///./src/views/funnels/funnel-plus/funnel/templates.vue","webpack:///src/views/funnels/funnel-plus/funnel/templates.vue","webpack:///./src/views/funnels/funnel-plus/funnel/templates.vue?eea2","webpack:///./src/views/funnels/funnel-plus/funnel/templates.vue?c510","webpack:///src/views/funnels/add_new_funnel_popup.vue","webpack:///./src/views/funnels/add_new_funnel_popup.vue?45a4","webpack:///./src/views/funnels/add_new_funnel_popup.vue?948f","webpack:///./src/views/funnels/add_new_funnel_popup.vue?8c04"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","class","step","attrs","on","closePopup","scopedSlots","_u","key","fn","_v","directives","name","rawName","value","funnelType","expression","modifiers","domProps","_q","_n","$event","staticStyle","require","continueBtnDisabled","funnelDetailsStepInput","target","composing","funnelToClone","cloning","folder","funnel_id","share_code","clone_geo_funnels","doneCloneFunnel","_e","proxy","gotoNextStep","saving","addFunnel","cloneFunnel","subdomainOpen","staticRenderFns","search","loading","activeItem","selectTemplate","_l","filteredTemplates","item","index","id","thumbnail_url","badge","_s","template","loadingSteps","steps","thumbnail_hash","stepType","type","img","title","author_name","description","tags","tag","components","VSpinner","Loading","mixins","data","templates","computed","notificationsOpen","ar","methods","created","component","CloningFunnelPopup","Popup","Templates","SubdomainPopup","VButton","props","user","path","folder_id"],"mappings":"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","file":"js/chunk-fda1cfd6.b65eec92.js","sourcesContent":["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!./add_new_funnel_popup.vue?vue&type=style&index=0&id=d1782a2c&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/funnel_type_radio_logo_2.4c66c279.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!./templates.vue?vue&type=style&index=0&id=075191e2&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Funnelish Plus.3b72a445.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"add-funnel-popup\",class:{'wide':_vm.step===3},attrs:{\"title\":\"Add new funnel\",\"noscroll\":\"\"},on:{\"close\":_vm.closePopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [(_vm.step!==3)?_c('div',{staticClass:\"content scroll\"},[_c('label',{staticClass:\"form_steps_label step_1\",class:{'active': _vm.step !== 1}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Select a funnel type \")]),_c('div',{staticClass:\"funnel_type_radio_wrpr\",class:{'active': _vm.step == 1}},[_c('label',{staticClass:\"funnel_type_radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.funnelType),expression:\"funnelType\",modifiers:{\"number\":true}}],attrs:{\"type\":\"radio\",\"name\":\"funnel_type_radio\"},domProps:{\"value\":1,\"checked\":_vm._q(_vm.funnelType,_vm._n(1))},on:{\"change\":function($event){_vm.funnelType=_vm._n(1)}}}),_c('div',{staticClass:\"funnel_type_radio_box funnel_type_radio_1\"},[_c('div',{staticClass:\"funnel_type_radio_box_header\",staticStyle:{\"height\":\"35px\"}},[_c('div',{staticClass:\"funnel_type_radio_logo\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/Funnelish Plus.svg')}})],1),_c('span',{staticClass:\"orange_badge\"},[_vm._v(\"New\")])]),_c('div',[_c('p',[_vm._v(\"Use our funnel builder to create your unique eCommerce funnel\")]),_c('ul',{staticClass:\"plus-features\"},[_c('li',[_vm._v(\"Loads 10x faster than Clickfunnels.\")]),_c('li',[_vm._v(\"Converts 35%+ more than Clickfunnels.\")])])])])]),_c('label',{staticClass:\"funnel_type_radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.funnelType),expression:\"funnelType\",modifiers:{\"number\":true}}],attrs:{\"type\":\"radio\",\"name\":\"funnel_type_radio\",\"value\":\"0\"},domProps:{\"checked\":_vm._q(_vm.funnelType,_vm._n(\"0\"))},on:{\"click\":function($event){_vm.continueBtnDisabled = false},\"change\":function($event){_vm.funnelType=_vm._n(\"0\")}}}),_c('div',{staticClass:\"funnel_type_radio_box funnel_type_radio_2\"},[_c('div',{staticClass:\"funnel_type_radio_logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/funnel_type_radio_logo_2.svg\"),\"alt\":\"\"}})]),_c('p',[_vm._v(\"Connect your existing Clickfunnels funnel to our apps and integrations to improve your conversions.\")])])])]),_c('div',{staticClass:\"funnel_details_step\",class:{'active': _vm.step === 2}},[_c('label',{staticClass:\"form_steps_label step_2\",class:{'active': _vm.funnelDetailsStepInput}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Your funnel details \")]),_c('div',{staticClass:\"form-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.funnelDetailsStepInput),expression:\"funnelDetailsStepInput\"}],staticClass:\"control-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Set a funnel name\"},domProps:{\"value\":(_vm.funnelDetailsStepInput)},on:{\"input\":function($event){if($event.target.composing)return;_vm.funnelDetailsStepInput=$event.target.value}}})])])]):_c('div',{staticClass:\"content noscroll\"},[_c('label',{staticClass:\"form_steps_label step_3\",class:{'active': _vm.funnelDetailsStepInput}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Select a funnel template \")]),_c('div',{staticClass:\"templates-container layout-column flex noscroll\"},[_c('templates',{on:{\"selected\":function($event){_vm.funnelToClone=$event}}})],1)]),_c('div',{staticClass:\"flex-center layout-column\"},[(_vm.cloning)?_c('cloning-funnel-popup',{attrs:{\"folder\":_vm.folder,\"funnel\":_vm.funnelToClone.funnel_id,\"code\":_vm.funnelToClone.share_code,\"name\":_vm.funnelToClone.name,\"cloneGeoFunnels\":_vm.funnelToClone.clone_geo_funnels},on:{\"done\":_vm.doneCloneFunnel,\"failed\":function($event){_vm.cloning=false}}}):_vm._e()],1)]},proxy:true},{key:\"actions\",fn:function(){return [(_vm.step===3)?_c('span',{staticClass:\"sub-headline\"},[_vm._v(\" We are adding and improving funnel templates on a daily basis.\"),_c('br'),_vm._v(\" Recommend new funnel ideas or improvements on our \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://community.funnelish.com\"}},[_vm._v(\"community\")]),_vm._v(\". \")]):_vm._e(),(_vm.step !== 1)?_c('v-button',{attrs:{\"border\":\"\",\"label\":\"Back\"},on:{\"click\":function($event){_vm.step -= 1}}}):_vm._e(),(_vm.step===1)?_c('v-button',{attrs:{\"label\":\"Continue\"},on:{\"click\":function($event){return _vm.gotoNextStep()}}}):_vm._e(),(_vm.step===2&&_vm.funnelType!==1)?_c('v-button',{attrs:{\"label\":\"Add new funnel\",\"loading\":_vm.saving,\"disabled\":!_vm.funnelDetailsStepInput},on:{\"click\":_vm.addFunnel}}):(_vm.step===2)?_c('v-button',{attrs:{\"label\":\"Continue\",\"disabled\":!_vm.funnelDetailsStepInput},on:{\"click\":function($event){_vm.step=3}}}):_vm._e(),(_vm.step===3)?_c('v-button',{attrs:{\"label\":\"Create funnel\",\"loading\":_vm.cloning},on:{\"click\":_vm.cloneFunnel}}):_vm._e(),_c('v-button',{attrs:{\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":_vm.closePopup}}),(_vm.subdomainOpen)?_c('subdomain-popup',{attrs:{\"canClose\":false},on:{\"close\":function($event){_vm.subdomainOpen=false}}}):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel_steps_templates layout-row noscroll flex\"},[_c('div',{staticClass:\"templates-container layout-column flex noscroll\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],staticClass:\"main-search-input\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":\"Type to search a template...\"},domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing)return;_vm.search=$event.target.value}}}),_c('div',{staticClass:\"templates scroll\"},[(_vm.loading)?_c('v-spinner'):_vm._e(),_c('div',{class:['item build_from_scratch_btn',{'status': _vm.activeItem===1}],on:{\"click\":function($event){return _vm.selectTemplate(1)}}},[_c('div',{staticClass:\"image\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/plus_circle_icon.svg')}})],1),_c('div',{staticClass:\"title\"},[_vm._v(\"Build from scratch\")])]),_vm._l((_vm.filteredTemplates),function(item,index){return _c('div',{key:item.id,staticClass:\"item\",class:{'status': _vm.activeItem === item.id},on:{\"click\":function($event){return _vm.selectTemplate(item.id)}}},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":item.thumbnail_url,\"alt\":\"\"}}),(item.badge)?_c('div',{staticClass:\"badge\"},[_c('div',{staticClass:\"icon\"},[_c('inline-svg',{attrs:{\"src\":item.badge}})],1)]):_vm._e()]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))])])})],2)]),_c('div',{staticClass:\"template-preview flex-none layout-column noscroll\"},[_c('div',{staticClass:\"banner_sidebar scroll\"},[_c('div',{staticClass:\"right flex layout-column\"},[_c('div',{staticClass:\"flex layout-column flex-center\"},[_c('div',{staticClass:\"head\"}),(_vm.template)?_c('h1',[_vm._v(_vm._s(_vm.template.name))]):_c('h1',[_vm._v(\"Unknown funnel\")])]),(_vm.template && _vm.template.id>1)?_c('div',{staticClass:\"steps-list\"},[(_vm.loadingSteps)?_c('v-spinner'):_vm._l((_vm.steps),function(step){return _c('div',{key:step.id,staticClass:\"step layout-row\"},[_c('div',{staticClass:\"img-container flex-none\"},[_c('img',{attrs:{\"src\":step.thumbnail_hash}})]),_c('div',{staticClass:\"step-details flex layout-column\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(step.name))]),_c('span',{staticClass:\"tag\"},[_c('img',{attrs:{\"src\":_vm.stepType(step.type).img}}),_vm._v(\" \"+_vm._s(_vm.stepType(step.type).title))])])])})],2):_vm._e()]),(!_vm.template || _vm.template.id<=1)?_c('div',{staticClass:\"image empty\"},[_c('div',{},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/plus_circle_icon.svg')}})],1),_c('div',{staticClass:\"title\"},[_vm._v(\"Build from scratch\")])]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.template?_vm.template.name:'Empty funnel'))]),_c('div',{staticClass:\"name\"},[_c('span',[_vm._v(\"by\")]),_vm._v(\" \"+_vm._s(_vm.template?_vm.template.author_name:'Funnelish team'))]),_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.template?_vm.template.description:''))]),(_vm.template)?_c('div',{staticClass:\"tags\"},_vm._l((_vm.tags),function(tag,index){return _c('div',{key:index,staticClass:\"tag\"},[_vm._v(\" \"+_vm._s(tag)+\" \")])}),0):_vm._e()])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"funnel_steps_templates layout-row noscroll flex\">\n\t\t<div class=\"templates-container layout-column flex noscroll\">\n\t\t\t<input type=\"text\" placeholder=\"Type to search a template...\" class=\"main-search-input\" style=\"max-width: 100%;\"\n\t\t\t       v-model=\"search\">\n\t\t\t<div class=\"templates scroll\">\n\t\t\t\t<v-spinner v-if=\"loading\" />\n\n\t\t\t\t<div :class=\"['item build_from_scratch_btn',{'status': activeItem===1}]\"\n\t\t\t\t\t\t     @click=\"selectTemplate(1)\">\n\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/plus_circle_icon.svg')\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"title\">Build from scratch</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"item\" v-for=\"(item, index) in filteredTemplates\" :key=\"item.id\"\n\t\t\t\t\t\t     :class=\"{'status': activeItem === item.id}\" @click=\"selectTemplate(item.id)\">\n\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t\t\t<img :src=\"item.thumbnail_url\" alt=\"\">\n\t\t\t\t\t\t\t\t<div class=\"badge\" v-if=\"item.badge\">\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t\t\t\t\t\t<inline-svg :src=\"item.badge\"/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"title\">{{ item.name }}</div>\n\t\t\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</div>\n\t\t<div class=\"template-preview flex-none layout-column noscroll\">\n\t\t\t<div class=\"banner_sidebar scroll\">\n\t\t\t\t<div class=\"right flex layout-column\">\n\t\t\t\t\t<div class=\"flex layout-column flex-center\">\n\t\t\t\t\t\t<div class=\"head\"></div>\n\t\t\t\t\t\t<h1 v-if=\"template\">{{ template.name }}</h1>\n\t\t\t\t\t\t<h1 v-else>Unknown funnel</h1>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"steps-list\" v-if=\"template && template.id>1\">\n\n\t\t\t\t\t\t<v-spinner v-if=\"loadingSteps\" />\n\t\t\t\t\t\t<div v-else class=\"step layout-row\" v-for=\"step in steps\" :key=\"step.id\">\n\t\t\t\t\t\t\t<div class=\"img-container flex-none\">\n\t\t\t\t\t\t\t\t<img class=\"\" :src=\"step.thumbnail_hash\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"step-details flex layout-column\">\n\t\t\t\t\t\t\t\t<span class=\"name\">{{step.name}}</span>\n\t\t\t\t\t\t\t\t<span class=\"tag\">\n\t\t\t\t\t        <img class=\"\" :src=\"stepType(step.type).img\" />\n\t\t\t\t\t        {{stepType(step.type).title}}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"!template || template.id<=1\" class=\"image empty\">\n\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/plus_circle_icon.svg')\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title\">Build from scratch</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"title\">{{ template?template.name:'Empty funnel' }}</div>\n\t\t\t\t\t<div class=\"name\"><span>by</span> {{ template?template.author_name:'Funnelish team' }}</div>\n\t\t\t\t\t<div class=\"desc\">{{ template?template.description:'' }}</div>\n\t\t\t\t\t<div class=\"tags\" v-if=\"template\">\n\t\t\t\t\t\t<div class=\"tag\" v-for=\"(tag,index) in tags\" :key=\"index\">\n\t\t\t\t\t\t\t{{ tag }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\"\nimport API from \"@/api\"\nimport stepTypes, {types} from \"@/helpers/stepTypes\";\nimport Loading from \"@/components/Loading\";\nimport VSpinner from \"@/components/base/v-spinner\";\n\nexport default {\n\tname: \"Templates\",\n\tcomponents: {VSpinner, Loading},\n\tmixins: [API],\n\tdata: function () {\n\t\treturn {\n\t\t\tloading: false,\n\t\t\tsearch: '',\n\t\t\tactiveItem: 1,\n\t\t\tloadingSteps: false,\n\t\t\tsteps: [{},{},{},{}],\n\t\t\ttemplates: [\n\t\t\t\t{\n\t\t\t\t\tid: 1,\n\t\t\t\t\tname: 'Empty funnel',\n\t\t\t\t\timg: '',\n\t\t\t\t\tbadge: '',\n\t\t\t\t\tauthor_name: 'None',\n\t\t\t\t\tdescription: 'Start building your funnel from scratch, you can add steps to it once created...',\n\t\t\t\t\ttags: 'empty funnel',\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\t},\n\tcomputed: {\n\t\tnotificationsOpen() {\n\t\t\treturn this.$store.state.notificationsOpen;\n\t\t},\n\t\tfilteredTemplates() {\n\t\t\tlet ar = this.templates.filter(template => {\n\t\t\t\treturn template.id > 1 && template.name.toLowerCase().includes(this.search.toLowerCase())\n\t\t\t})\n\t\t\tar = ar.sort(function(a,b){\n\t\t\t\treturn new Date(b.created_at) - new Date(a.created_at);\n\t\t\t});\n\t\t\treturn ar;\n\t\t},\n\t\ttemplate() {\n\t\t\tlet list = this.templates.filter(template => {\n\t\t\t\treturn template.id === this.activeItem;\n\t\t\t});\n\t\t\tif (list.length>0) return list[0];\n\t\t\treturn this.templates[0];\n\t\t},\n\t\ttags() {\n\t\t\tlet tags = this.template.tags;\n\t\t\treturn tags ? tags.split(\",\").filter(x=>x) : [];\n\t\t},\n\t},\n\tmethods: {\n\t\tstepType(id) {\n\t\t\treturn stepTypes.find(x=>x.id===id) || stepTypes.find(x=>x.id===types.OTHER);\n\t\t},\n\t\tselectTemplate(itemId) {\n\t\t\tthis.activeItem = parseInt(itemId);\n\t\t\tthis.$emit('selected', this.template);\n\n\t\t\tthis.loadSteps(this.template ? this.template.funnel_id || 0 : 0)\n\t\t},\n\t\tasync loadSteps(funnelId) {\n\t\t\ttry {\n\t\t\t\tthis.loadingSteps = true;\n\t\t\t\tthis.steps = [{},{},{},{}];\n\t\t\t\tthis.steps = await this.api.wsteps.getTemplateSteps(funnelId);\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.loadingSteps = false;\n\t\t\t}\n\t\t},\n\t\tasync init() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.templates = [];\n\t\t\t\tthis.templates = await this.api.wsteps.getFunnelTemplates();\n\t\t\t\tif(this.templates && this.templates.length)\n\t\t\t\t\tthis.$emit('selected', this.templates[0]);\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.init();\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.funnel_steps_templates {\n\tdisplay: grid;\n\tgrid-auto-flow: column;\n\tgrid-template-columns: calc(100% - 300px) 300px;\n\n\t.template-preview {\n\t\tmargin: 0;\n\t\twidth: 300px;\n\t\tmin-width: 300px;\n\t\tpadding: 10px;\n\t}\n\n\t.templates-container {\n\t\t.main-search-input {\n\t\t\tmargin: 15px 0;\n\t\t}\n\t\t.templates {\n\t\t\tpadding: 15px;\n\t\t\tbackground: #FFFFFF;\n\t\t\tborder: 1px solid $light-grey;\n\t\t\tborder-radius: 12px;\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tposition: relative;\n\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n\t\t\tgrid-gap: 20px;\n\t\t\tmargin-top: 20px;\n\n\t\t\t.item.build_from_scratch_btn {\n\t\t\t\tborder: 1px dashed #C5C7D2;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbox-shadow: 0 5px 25px rgb(0 0 0 / 16%);\n\n\t\t\t\t.image {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.title {\n\t\t\t\t\tcolor: #636A7B;\n\t\t\t\t}\n\n\t\t\t\t&.status {\n\t\t\t\t\tborder: 1px solid #4368E0;\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\tborder: 1px solid #4368E0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.row .col {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.item {\n\t\t\t\tflex: 1;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: 0.15s all ease-in-out;\n\t\t\t}\n\n\t\t\t.row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmargin-left: -15px;\n\t\t\t\tmargin-right: -15px;\n\t\t\t}\n\n\t\t\t.row .col {\n\t\t\t\twidth: 33.3333333%;\n\t\t\t\tmin-width: 178px;\n\t\t\t\tpadding-left: 15px;\n\t\t\t\tpadding-right: 15px;\n\t\t\t}\n\n\t\t\t.item {\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tpadding: 0;\n\t\t\t\t//min-width: 250px;\n\t\t\t\t//width: 250px;\n\t\t\t\theight: 200px;\n\t\t\t\t//max-width: 250px;\n\t\t\t\tmax-height: 200px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\toverflow: hidden;\n\t\t\t\tbox-shadow: 0 5px 25px rgb(0 0 0 / 16%);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: 0 5px 25px rgb(0 0 0 / 16%), 0 0 0 2px $sharp-blue;\n\t\t\t\t}\n\t\t\t\t&.status {\n\t\t\t\t\tbox-shadow: 0 5px 25px rgb(0 0 0 / 16%), 0 0 0 2px $sharp-blue;\n\t\t\t\t}\n\n\t\t\t\t&:not(.build_from_scratch_btn) {\n\t\t\t\t\t.image {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.image {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tposition: relative;\n\n\t\t\t\t\timg {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t}\n\n\t\t\t\t\t.badge {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tbottom: 6px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.title {\n\t\t\t\t\tpadding: 3px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 150%;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tletter-spacing: 0.02em;\n\t\t\t\t\tcolor: #252A32;\n\t\t\t\t\tmargin-top: 2px;\n\t\t\t\t\tflex: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// .templates .item\n\t\t}\n\n\t\t// .templates\n\t}\n}\n\n\n.right {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tjustify-content: stretch;\n\tpadding: 5px 0;\n\tborder-radius: 0;\n\tmargin: 0 -15px;\n\th1 {\n\t\tfont-size: 16px;\n\t}\n\t.steps-list {\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmin-height: 150px;\n\t\t.step {\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 10px;\n\t\t\tborder-top: 1px solid #acbcf0;\n\t\t\tbackground: #f1f5fa;\n\t\t\toverflow: hidden;\n\t\t\tmin-height: 40px;\n\t\t\t.step-details {\n\t\t\t\tpadding: 5px 5px;\n\t\t\t\tmargin: auto;\n\t\t\t\t.name {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t\twidth: 140px;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:last-child {\n\t\t\t\tborder-bottom: 1px solid #acbcf0;\n\t\t\t}\n\t\t\t.tag {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tfont-size: 9px;\n\t\t\t\tline-height: 150%;\n\t\t\t\ttext-align: center;\n\t\t\t\tletter-spacing: 0.02em;\n\t\t\t\tcolor: #636A7B;\n\t\t\t\tpadding: 3px 5px;\n\t\t\t\tborder: 1px solid #E4E6F1;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\twidth: fit-content;\n\t\t\t\timg {\n\t\t\t\t\theight: 15px;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.img-container {\n\t\t\t\theight: 50px;\n\t\t\t\tmin-width: 100px;\n\t\t\t\tborder: 1px solid rgba(66, 104, 223, 0.4);\n\t\t\t\tmargin: 10px 10px 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder-radius: 4px 4px 0 0;\n\t\t\t\tborder-bottom: none;\n\t\t\t\tbox-shadow: 0 5px 25px rgba(0, 0, 0, 0.16);\n\t\t\t}\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.funnel_steps_templates .top_info_box {\n\ttop: 0;\n}\n\n.templates .row .col {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.templates .item {\n\tflex: 1;\n\tcursor: pointer;\n\ttransition: 0.15s all ease-in-out;\n}\n\n.templates .item.build_from_scratch_btn .image {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.templates .item.build_from_scratch_btn .title {\n\tcolor: #636A7B;\n}\n\n.templates .item.build_from_scratch_btn {\n\tborder: 1px dashed #C5C7D2;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n}\n\n.templates .item.build_from_scratch_btn:hover {\n\tborder: 1px solid #4368E0;\n}\n\n.template-preview .banner_sidebar {\n\tpadding: 15px;\n\tbackground: #FFFFFF;\n\tborder: 1px solid $sharp-blue;\n\tborder-radius: 12px;\n\n\n\t.image {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tborder: 1px solid $grey;\n\t\tborder-radius: 8px;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t\t&.empty {\n\t\t\tborder: 1px dashed #C5C7D2;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t\talign-items: center;\n\t\t\t.title {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tcolor: #626b7a;\n\t\t\t}\n\t\t}\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t\t.badge {\n\t\t\tposition: absolute;\n\t\t\tleft: 14.5px;\n\t\t\tbottom: 12px;\n\t\t}\n\t}\n\n\t.content {\n\t\theight: auto;\n\t\tpadding: 10px 0 0;\n\n\t\t.title {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 150%;\n\t\t\ttext-align: center;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #4368E0;\n\t\t}\n\n\t\t.name {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #C5C7D2;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tcolor: #252A32;\n\t\t\t}\n\t\t}\n\n\t\t.desc {\n\t\t\tmargin-top: 10px;\n\t\t\tmargin-bottom: 15px;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #636A7B;\n\n\t\t\tspan {\n\t\t\t\tcolor: #252A32;\n\t\t\t}\n\t\t}\n\n\t\t.tags {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t.tag {\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 150%;\n\t\t\ttext-align: center;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #252A32;\n\t\t\tpadding: 2px 5px;\n\t\t\tbackground: #D5E5FF;\n\t\t\tborder-radius: 4px;\n\t\t\tmargin-bottom: 10px;\n\t\t\tmargin-right: 10px;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t.btn {\n\t\t\tdisplay: table;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\n\t// .content\n\n}\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!./templates.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!./templates.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./templates.vue?vue&type=template&id=075191e2&scoped=true&\"\nimport script from \"./templates.vue?vue&type=script&lang=js&\"\nexport * from \"./templates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./templates.vue?vue&type=style&index=0&id=075191e2&prod&lang=scss&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  \"075191e2\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<popup class=\"add-funnel-popup\" :class=\"{'wide':step===3}\" title=\"Add new funnel\" @close=\"closePopup\" noscroll>\n\t\t<template v-slot:content>\n\t\t\t<div class=\"content scroll\" v-if=\"step!==3\">\n\t\t\t\t<label class=\"form_steps_label step_1\" :class=\"{'active': step !== 1}\">\n\t\t\t\t\t<span class=\"icon\"></span> Select a funnel type\n\t\t\t\t</label>\n\t\t\t\t<div class=\"funnel_type_radio_wrpr\" :class=\"{'active': step == 1}\">\n\t\t\t\t\t<label class=\"funnel_type_radio \">\n\t\t\t\t\t\t<!--\t                value=\"1\" v-model.number=\"funnelType\" @click=\"continueBtnDisabled = false\"-->\n\t\t\t\t\t\t<input type=\"radio\" name=\"funnel_type_radio\" :value=\"1\" v-model.number=\"funnelType\">\n\t\t\t\t\t\t<div class=\"funnel_type_radio_box funnel_type_radio_1\">\n\t\t\t\t\t\t\t<div class=\"funnel_type_radio_box_header\" style=\"height: 35px;\">\n\t\t\t\t\t\t\t\t<div class=\"funnel_type_radio_logo\">\n\t\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/Funnelish Plus.svg')\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<span class=\"orange_badge\">New</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<p>Use our funnel builder to create your unique eCommerce funnel</p>\n\t\t\t\t\t\t\t\t<ul class=\"plus-features\">\n\t\t\t\t\t\t\t\t\t<li>Loads 10x faster than Clickfunnels.</li>\n\t\t\t\t\t\t\t\t\t<li>Converts 35%+ more than Clickfunnels.</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</label>\n\t\t\t\t\t<label class=\"funnel_type_radio\">\n\t\t\t\t\t\t<input type=\"radio\" name=\"funnel_type_radio\" value=\"0\" v-model.number=\"funnelType\" @click=\"continueBtnDisabled = false\">\n\t\t\t\t\t\t<div class=\"funnel_type_radio_box funnel_type_radio_2\">\n\t\t\t\t\t\t\t<div class=\"funnel_type_radio_logo\">\n\t\t\t\t\t\t\t\t<img src=\"@/assets/img/funnel_type_radio_logo_2.svg\" alt=\"\">\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p>Connect your existing Clickfunnels funnel to our apps and integrations to improve your conversions.</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"funnel_details_step\" :class=\"{'active': step === 2}\">\n\t\t\t\t\t<label class=\"form_steps_label step_2\" :class=\"{'active': funnelDetailsStepInput}\">\n\t\t\t\t\t\t<span class=\"icon\"></span> Your funnel details\n\t\t\t\t\t</label>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<input type=\"text\" class=\"control-input\" placeholder=\"Set a funnel name\" v-model=\"funnelDetailsStepInput\">\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n<!--\t\t\t\t<div class=\"info-message margin-t-10\" v-if=\"!canFPlus\">-->\n<!--\t\t\t\t\t<router-link to=\"billing/choose-your-plan\" style=\"text-decoration: underline;\">-->\n<!--\t\t\t\t\t\tUpgrade your account-->\n<!--\t\t\t\t\t</router-link>-->\n<!--\t\t\t\t\tto a <b>Funnelish™ Plus</b> plan to create Funnelish™ Plus funnels.-->\n<!--\t\t\t\t</div>-->\n\t\t\t</div>\n\n\t\t\t<div v-else class=\"content noscroll\">\n\t\t\t\t<label class=\"form_steps_label step_3\" :class=\"{'active': funnelDetailsStepInput}\">\n\t\t\t\t\t<span class=\"icon\"></span> Select a funnel template\n\t\t\t\t</label>\n\t\t\t\t<div class=\"templates-container layout-column flex noscroll\">\n\t\t\t\t\t<templates @selected=\"funnelToClone=$event\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"flex-center layout-column\">\n\t\t\t\t<cloning-funnel-popup v-if=\"cloning\" :folder=\"folder\" :funnel=\"funnelToClone.funnel_id\" :code=\"funnelToClone.share_code\"\n\t\t\t\t                      :name=\"funnelToClone.name\" :cloneGeoFunnels=\"funnelToClone.clone_geo_funnels\"\n\t\t\t\t                      @done=\"doneCloneFunnel\" @failed=\"cloning=false\"/>\n\t\t\t</div>\n\n\t\t</template>\n\n\t\t<template v-slot:actions>\n\t\t\t<span v-if=\"step===3\" class=\"sub-headline\">\n\t\t\t\tWe are adding and improving funnel templates on a daily basis.<br>\n\t\t\t\tRecommend new funnel ideas or improvements on our\n\t\t\t\t<a target=\"_blank\" href=\"https://community.funnelish.com\">community</a>.\n\t\t\t</span>\n\n\t\t\t<v-button border @click=\"step -= 1\" label=\"Back\" v-if=\"step !== 1\"/>\n\n\t\t\t<v-button v-if=\"step===1\" @click=\"gotoNextStep()\" label=\"Continue\" />\n\n\t\t\t<v-button v-if=\"step===2&&funnelType!==1\" label=\"Add new funnel\" @click=\"addFunnel\"\n\t\t\t          :loading=\"saving\" :disabled=\"!funnelDetailsStepInput\"/>\n\t\t\t<v-button v-else-if=\"step===2\" label=\"Continue\" @click=\"step=3\" :disabled=\"!funnelDetailsStepInput\"/>\n\n\t\t\t<v-button v-if=\"step===3\" label=\"Create funnel\" :loading=\"cloning\" @click=\"cloneFunnel\" />\n\n\t\t\t<v-button @click=\"closePopup\" label=\"Cancel\" border />\n\t\t\t<subdomain-popup v-if=\"subdomainOpen\" :canClose=\"false\" @close=\"subdomainOpen=false\" />\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport VButton from \"@/components/base/v-button\";\nimport SubdomainPopup from \"@/components/popups/subdomain-popup\";\nimport Templates from \"@/views/funnels/funnel-plus/funnel/templates\";\nimport Popup from \"@/components/base/popup\";\nimport CloningFunnelPopup from \"@/views/funnels/funnel-plus/funnel/cloning-funnel-popup\";\nexport default {\n\tname: \"AddNewFunnelPopup\",\n  components: {CloningFunnelPopup, Popup, Templates, SubdomainPopup, VButton},\n  mixins: [API],\n\tprops:{\n\t\tfolder:{},\n\t},\n    data() {\n        return {\n\t        subdomainOpen: false,\n          saving: false,\n\t        cloning: false,\n\t        funnelToClone: {},\n            step: 1,\n            continueBtnDisabled: false,\n            funnelDetailsStepInput: '',\n            funnelType: 1,\n        }\n    },\n\t\tcomputed:{\n\t      user() {\n\t      \treturn this.$store.state.userInfo;\n\t      },\n\t\t\t// canFPlus() {\n\t\t\t// \treturn this.user && this.user.attributes['plan-key'] && this.user.attributes['plan-key'] !== 'funnelish-apps';\n\t\t\t// }\n\t\t},\n    methods: {\n\t    doneCloneFunnel(funnel) {\n\t\t    this.$router.push({path: `/wfunnel/${funnel.id}`});\n\n\t\t    this.funnelToClone= {};\n\t\t    this.cloning=false;\n\t\t    this.closePopup()\n\t    },\n    \tgotoNextStep() {\n\t\t    this.step = 2;\n\t\t    if (this.funnelType===1) {\n\t\t    \t// check if user has a subdomain already if not ask them to create one first!\n\t\t\t    if (!this.user.subdomain) {\n\t\t\t\t    this.subdomainOpen = true;\n\t\t\t    }\n\t\t    }\n\t    },\n        closePopup() {\n            this.$emit('close')\n        },\n        async addFunnel() {\n          try {\n            this.saving = true;\n\t\t\t\t\t\tlet folder_id = this.folder ? this.folder.id : null;\n\n            let data = {\n              \"name\": this.funnelDetailsStepInput,\n              \"funnel_type\": this.funnelType,\n              \"funnel_url\": \"www\",\n              \"notify_url\": null,\n              \"paypal_id\": null,\n              \"created_at\": null,\n              \"updated_at\": null,\n              \"currency_code\": null,\n              \"order_index\": null,\n              \"owner\": null,\n\t            folder_id\n            }\n            let result = await this.api.funnels.create(data);\n            this.closePopup()\n            if (this.funnelType === 0) {\n              this.$router.push({path: `/funnel/${result.id}`});\n            } else {\n              this.$router.push({path: `/wfunnel/${result.id}`});\n            }\n          } catch (e) {\n            this.$error(e);\n          } finally {\n            this.saving = false;\n          }\n        },\n\t    async cloneFunnel() {\n    \t\tthis.funnelToClone.name = this.funnelDetailsStepInput;\n    \t\tthis.cloning = true;\n\t    }\n    }\n}\n</script>\n<style lang=\"scss\">\n.add-funnel-popup {\n\t&.wide {\n\t\t.popup {\n\t\t\twidth: 1200px;\n\t\t\tmax-width: 1200px;\n\t\t\t.content{\n\t\t\t\tpadding: 5px;\n\t\t\t}\n\t\t}\n\t}\n\t.content {\n\t\tpadding: 10px 10px 5px;\n\t\toverflow: hidden;\n\t\theight: 100%;\n\t}\n\t.form_steps_label.step_3 {\n\t\tmargin-bottom: 0;\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.sub-headline {\n\tfont-weight: 400;\n\tfont-size: 12px;\n\tdisplay: block;\n\tflex: 1;\n\tline-height: 140%;\n}\n.funnel_type_radio {\n\t.funnel_type_radio_logo {\n\t\tsvg {\n\t\t\theight: 30px;\n\t\t}\n\t}\n  &.disabled {\n    opacity: 0.8;\n    pointer-events: none;\n  }\n}\nul.plus-features {\n\tline-height: 1.7;\n\tfont-weight: 600;\n\tlist-style: disc inside;\n\tmargin-top: 5px;\n}\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!./add_new_funnel_popup.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!./add_new_funnel_popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add_new_funnel_popup.vue?vue&type=template&id=d1782a2c&scoped=true&\"\nimport script from \"./add_new_funnel_popup.vue?vue&type=script&lang=js&\"\nexport * from \"./add_new_funnel_popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./add_new_funnel_popup.vue?vue&type=style&index=0&id=d1782a2c&prod&lang=scss&\"\nimport style1 from \"./add_new_funnel_popup.vue?vue&type=style&index=1&id=d1782a2c&prod&lang=scss&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  \"d1782a2c\",\n  null\n  \n)\n\nexport default component.exports","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!./add_new_funnel_popup.vue?vue&type=style&index=1&id=d1782a2c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}