{"version":3,"sources":["webpack:///./src/components/funnel-template-entry.vue?c175","webpack:///./src/assets/img/get-started/screen.svg","webpack:///./src/components/base/big-button.vue?5bb7","webpack:///./src/assets/img/get-started/browse-more.svg","webpack:///./src/views/get-started/template-panel.vue","webpack:///src/views/get-started/template-panel.vue","webpack:///./src/views/get-started/template-panel.vue?e68d","webpack:///./src/views/get-started/template-panel.vue?0ffe","webpack:///./src/assets/img/get-started/heart-full.svg","webpack:///./src/components/funnel-template-entry.vue","webpack:///src/components/funnel-template-entry.vue","webpack:///./src/components/funnel-template-entry.vue?0172","webpack:///./src/components/funnel-template-entry.vue?c07c","webpack:///./src/assets/img/get-started/heart.svg","webpack:///./src/components/base/big-button.vue","webpack:///src/components/base/big-button.vue","webpack:///./src/components/base/big-button.vue?4131","webpack:///./src/components/base/big-button.vue?e7a9","webpack:///./src/views/get-started/template-panel.vue?a92b","webpack:///./src/assets/img/get-started/preview.svg","webpack:///./src/assets/img/get-started/pen.svg","webpack:///./src/views/get-started/templates.vue?b391","webpack:///./src/assets/img/get-started sync ^\\.\\/heart.*\\.svg$","webpack:///./src/views/get-started/templates.vue","webpack:///src/views/get-started/templates.vue","webpack:///./src/views/get-started/templates.vue?13ec","webpack:///./src/views/get-started/templates.vue?38bc","webpack:///./src/views/get-started/templates.vue?60fc"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","on","$event","target","currentTarget","$emit","directives","name","rawName","value","loading","expression","attrs","preventDefault","require","_v","_s","template","description","short","uses","liked","likes","cloning","steps","length","url","_e","class","like","_l","step","key","id","stepType","type","img","title","thumbnail_hash","funnel_id","share_code","doneCloneFunnel","staticRenderFns","props","components","CloningFunnelPopup","VButton","Loading","mixins","data","liking","computed","methods","path","component","empty","thumbnail_url","default","_b","icon","disabled","href","$attrs","label","desc","_t","hasArrow","VSpinner","inheritAttrs","hasError","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","tabItems","item","tabOpen","trendingTemplates","t","currentTemplate","getTagTemplates","AddNewFunnelPopup","TemplatePanel","FunnelTemplateEntry","BigButton","ExternalLink","DashboardBanner","MainSearch","MainRight","newBlankFunnel","templates","username","notificationsOpen","ar","popularTemplates","beautyTemplates","gadgetsTemplates","leisureTemplates","otherTemplates","tag","openIntercom","Intercom","notifToggle"],"mappings":"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","file":"js/chunk-03228e87.bb4a3bde.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!./funnel-template-entry.vue?vue&type=style&index=0&id=6d17595f&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/screen.5f00220b.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!./big-button.vue?vue&type=style&index=0&id=3721fff6&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/browse-more.3ee16b2d.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_wrpr active\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.$emit('close')}}},[_c('div',{staticClass:\"template-panel-popup popup_high_right\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_c('a',{staticClass:\"close_popup_btn\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('close')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1),_c('div',{staticClass:\"layout-column\"},[_c('h1',{staticClass:\"popup_title layout-row\"},[_c('span',{staticClass:\"flex\"},[_vm._v(\" \"+_vm._s(_vm.template.name || '')+\" \")])]),_c('span',{staticClass:\"flex-none desc\"},[_vm._v(\" \"+_vm._s(_vm.template.description || '')+\" \")]),_c('div',{staticClass:\"layout-row sub-tags\"},[_c('div',{staticClass:\"layout-row uses\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/screen.svg')}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.uses)+' ')+\" Uses \")],1),_c('div',{staticClass:\"layout-row likes\"},[_c('inline-svg',{attrs:{\"src\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.likes)+' ')+\" Likes \")],1)]),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"label\":\"Use this template\",\"loading\":_vm.cloning,\"icon\":require('@/assets/img/get-started/pen.svg')},on:{\"click\":function($event){_vm.cloning=true}}}),(_vm.steps && _vm.steps.length)?_c('v-button',{attrs:{\"label\":\"Preview\",\"href\":_vm.steps?'https://'+_vm.steps[0].url+'?utm_source=fnsh&utm_campaign=get-started':'',\"target\":\"_blank\",\"border\":\"\",\"icon\":require('@/assets/img/get-started/preview.svg')}}):_vm._e(),_c('v-button',{staticClass:\"like-btn\",class:{liked:_vm.template.liked},attrs:{\"label\":\"Like\",\"flat\":\"\",\"icon\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)},on:{\"click\":function($event){return _vm.like()}}})],1)]),_c('div',{staticClass:\"template-steps scroll\"},[_c('div',{staticClass:\"layout-column\"},_vm._l((_vm.steps),function(step){return _c('div',{key:step.id,staticClass:\"step-thumbnail\"},[_c('span',{staticClass:\"tag\"},[_c('img',{attrs:{\"src\":_vm.stepType(step.type).img}}),_vm._v(\" \"+_vm._s(_vm.stepType(step.type).title))]),_c('img',{attrs:{\"src\":step.thumbnail_hash,\"alt\":\"\"}})])}),0)]),(_vm.cloning&&_vm.template)?_c('cloning-funnel-popup',{attrs:{\"funnel\":_vm.template.funnel_id,\"code\":_vm.template.share_code,\"name\":'Copy of '+_vm.template.name,\"cloneGeoFunnels\":false},on:{\"done\":_vm.doneCloneFunnel,\"failed\":function($event){_vm.cloning=false}}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"popup_wrpr active\" @click.self=\"$emit('close')\">\n<!--\t\t<transition name=\"fade\">-->\n\t\t<div class=\"template-panel-popup popup_high_right\">\n\n\t\t\t\t<Loading v-show=\"loading\"/>\n\n\t\t\t\t<a href=\"#\" class=\"close_popup_btn\" @click.prevent=\"$emit('close')\">\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n\t\t\t\t</a>\n\n\t\t\t\t<div class=\"layout-column\">\n\t\t\t\t\t<h1 class=\"popup_title layout-row\">\n            <span class=\"flex\">\n              {{ template.name || '' }}\n            </span>\n\t\t\t\t\t</h1>\n\t\t\t\t\t<span class=\"flex-none desc\">\n\t\t\t\t\t\t{{ template.description || ''}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<div class=\"layout-row sub-tags\">\n\t\t\t\t\t\t<div class=\"layout-row uses\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/screen.svg')\" />\n\t\t\t\t\t\t\t{{short(template.uses)+' '}}\n\t\t\t\t\t\t\tUses\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"layout-row likes\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n\t\t\t\t\t\t\t{{short(template.likes)+' '}}\n\t\t\t\t\t\t\tLikes\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t<v-button label=\"Use this template\" :loading=\"cloning\" @click=\"cloning=true\" :icon=\"require('@/assets/img/get-started/pen.svg')\" />\n\t\t\t\t\t\t<v-button v-if=\"steps && steps.length\" label=\"Preview\" :href=\"steps?'https://'+steps[0].url+'?utm_source=fnsh&utm_campaign=get-started':''\" target=\"_blank\" border :icon=\"require('@/assets/img/get-started/preview.svg')\" />\n\t\t\t\t\t\t<v-button class=\"like-btn\" :class=\"{liked:template.liked}\" label=\"Like\" flat @click=\"like()\"\n\t\t\t\t\t\t          :icon=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t<div class=\"template-steps scroll\">\n\t\t\t\t<div class=\"layout-column \">\n\t\t\t\t\t<div class=\"step-thumbnail\" v-for=\"step in steps\" :key=\"step.id\">\n\t\t\t\t\t\t<span class=\"tag\">\n\t\t\t\t\t\t\t<img :src=\"stepType(step.type).img\" />\n\t\t\t\t\t\t\t{{stepType(step.type).title}}</span>\n\t\t\t\t\t\t<img class=\"\" :src=\"step.thumbnail_hash\"  alt=\"\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\n\t\t\t<cloning-funnel-popup v-if=\"cloning&&template\" :funnel=\"template.funnel_id\" :code=\"template.share_code\"\n\t\t\t                      :name=\"'Copy of '+template.name\" :cloneGeoFunnels=\"false\"\n\t\t\t                      @done=\"doneCloneFunnel\" @failed=\"cloning=false\"/>\n\n\t\t</div>\n<!--\t\t</transition>-->\n\t</div>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport Loading from \"@/components/Loading\";\nimport VButton from \"@/components/base/v-button\";\nimport stepTypes from \"@/helpers/stepTypes\";\nimport shortValue from \"@/helpers/shortValue\";\nimport CloningFunnelPopup from \"@/views/funnels/funnel-plus/funnel/cloning-funnel-popup\";\n\nexport default {\n\tname: \"TemplatePanel\",\n\tprops: {\n\t\ttemplate: {\n\t\t    type: Object,\n\t\t},\n\t},\n\tcomponents: {\n\t\tCloningFunnelPopup,\n\t\tVButton,\n\t\tLoading\n\t},\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\tcloning: false,\n\t\t\tsteps: [],\n\t\t\tloading: false,\n\t\t\tliking: false,\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tdoneCloneFunnel(funnel) {\n\t\t\tthis.cloning=false;\n\t\t\tthis.$router.push({path: `/wfunnel/${funnel.id}`});\n\t\t},\n\t\tshort(v){\n\t\t\treturn shortValue(v, 1)\n\t\t},\n\t\tstepType(type){\n\t\t\tif (type > 0) type -= 1;\n\t\t\tif (type >= stepTypes.length) type = 0;\n\t\t\treturn stepTypes[type];\n\t\t},\n\t\tasync like(){\n\t\t\ttry {\n\t\t\t\tthis.liking = true;\n\t\t\t\tthis.template.liked = !this.template.liked;\n\n\t\t\t\tif (!this.template.liked) this.template.likes--;\n\t\t\t\telse this.template.likes++;\n\n\t\t\t\tawait this.api.wsteps.likeTemplate(this.template.id, this.template.liked);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$warn(e)\n\t\t\t} finally {\n\t\t\t\tthis.liking = false;\n\t\t\t}\n\t\t},\n\t\tasync load(){\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.steps = [];\n\t\t\t\tthis.steps = await this.api.wsteps.getTemplateSteps(this.template.funnel_id);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$warn(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t}\n\t},\n\tasync created() {\n\t\tthis.load();\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.template-panel-popup {\n\tmax-width: 500px;\n\t.popup_title {\n\t\tfont-size: 24px;\n\t\tfont-weight: bold;\n\t}\n\t.desc {\n\t\tmargin-top: 10px;\n\t}\n\t.sub-tags {\n\t\tmargin: 25px 0 25px;\n\t\tcolor: #636B7C;\n\t\tfont-size: 14px;\n\t\talign-items: center;\n\t\tsvg {\n\t\t\tmargin-right: 5px;\n\t\t\theight: 14px;\n\t\t}\n\t\t.uses {\n\t\t\tmargin-right: 20px;\n\t\t\talign-items: center;\n\t\t}\n\t\t.likes{\n\t\t\talign-items: center;\n\t\t}\n\t}\n\t.button {\n\t\tmargin-right: 20px;\n\t}\n\t.template-steps {\n\t\tmargin-top: 10px;\n\t\tpadding-top: 10px;\n\t\tborder-top: 1px solid $light-grey;\n\t}\n\t.like-btn {\n\t\tcolor: $blue;\n\t\t&.liked {\n\t\t}\n\t}\n\t.step-thumbnail {\n\t\twidth: 100%;\n\t\theight: 200px;\n\t\tborder: 1px solid $grey;\n\t\toverflow: hidden;\n\t\tborder-radius: 3px;\n\t\tmargin-bottom: 20px;\n\t\tposition: relative;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 200px;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: top;\n\t\t\ttransition: 2s all ease-in;\n\t\t}\n\t\t&:hover {\n\t\t\timg {\n\t\t\t\tobject-position: 0 50%;\n\t\t\t}\n\t\t}\n\t\t.tag {\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid $grey;\n\t\t\tbackground: rgba(246, 249, 254, 0.95);\n\t\t\tcolor: $black;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tleft: 10px;\n\t\t\tpadding: 5px 10px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\timg {\n\t\t\t\tmargin-right: 5px;\n\t\t\t\theight: 18px;\n\t\t\t\twidth: 18px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.popup_side_content {\n\tpadding: 0;\n}\n\n.popup_left_side {\n\tpadding: 0;\n}\n\n.product-name {\n\tmax-width: 600px;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tdisplay: flex;\n\tpadding: 20px 50px 20px 20px;\n\n\t> span {\n\t\tdisplay: block;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n}\n\n\n.automation-item .img-wrap img {\n\tdisplay: block;\n\twidth: 40px;\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!./template-panel.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!./template-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./template-panel.vue?vue&type=template&id=46d5f151&scoped=true&\"\nimport script from \"./template-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./template-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./template-panel.vue?vue&type=style&index=0&id=46d5f151&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  \"46d5f151\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/heart-full.b1bf29bc.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel-template-entry\",class:{empty: _vm.empty},on:{\"click\":function($event){return _vm.$emit('click')}}},[(_vm.empty)?[_c('div',{staticClass:\"empty-container\"},[_c('span',{staticClass:\"browse-more\"},[_c('span',[_vm._v(\"Browse more\")]),_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/browse-more.svg')}})],1)])]:[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.template.thumbnail_url,\"alt\":\"\"}})]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.template.name))]),_c('div',{staticClass:\"layout-row sub-tags\"},[_c('div',{staticClass:\"layout-row uses\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/screen.svg')}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.uses)+' ')+\" uses \")],1),_c('div',{staticClass:\"layout-row\"},[_c('inline-svg',{attrs:{\"src\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.likes)+' ')+\" likes \")],1)])]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"funnel-template-entry\" :class=\"{empty}\" @click=\"$emit('click')\">\n\t\t<template v-if=\"empty\">\n\t\t\t<div class=\"empty-container\">\n\t\t\t\t<span class=\"browse-more\">\n\t\t\t\t\t<span>Browse more</span>\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/browse-more.svg')\" />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<div class=\"image\">\n\t\t\t\t<img :src=\"template.thumbnail_url\" alt=\"\">\n\n\t\t\t\t<!--\t\t\t<div class=\"badge\" v-if=\"item.badge\">-->\n\t\t\t\t<!--\t\t\t\t<div class=\"icon\">-->\n\t\t\t\t<!--\t\t\t\t\t<inline-svg :src=\"item.badge\"/>-->\n\t\t\t\t<!--\t\t\t\t</div>-->\n\t\t\t\t<!--\t\t\t</div>-->\n\t\t\t</div>\n\t\t\t<div class=\"title\">{{ template.name }}</div>\n\t\t\t<div class=\"layout-row sub-tags\">\n\t\t\t\t<div class=\"layout-row uses\">\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/screen.svg')\" />\n\t\t\t\t\t{{short(template.uses)+' '}}\n\t\t\t\t\tuses\n\t\t\t\t</div>\n\t\t\t\t<div class=\"layout-row \">\n\t\t\t\t\t<inline-svg :src=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n<!--\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/heart.svg')\" />-->\n\t\t\t\t\t{{short(template.likes)+' '}}\n\t\t\t\t\tlikes\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport shortValue from \"@/helpers/shortValue\";\n\nexport default {\n\tname: \"funnel-template-entry\",\n\tprops: {\n\t\ttemplate:{\n\t\t\tdefault: null,\n\t\t},\n\t\tempty:{\n\t\t\ttype: Boolean,\n\t\t}\n\t},\n\tmethods:{\n\t\tshort(v){\n\t\t\treturn shortValue(v, 1)\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.funnel-template-entry {\n\tbackground: $light-blue;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-right: 20px;\n\tmargin-bottom: 20px;\n\tborder-radius: 16px;\n\toverflow: hidden;\n\t//width: 300px;\n\tcursor: pointer;\n\tborder: 1px solid rgba(207, 214, 225, 0.32);\n\theight: 340px;\n\t//flex-grow: 1;\n\t//flex-shrink: 1;\n\t//min-width: 300px;\n\t//max-width: 400px;\n\t//flex: 1;\n\t&:hover {\n\t\tbackground: #EEF4FF;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);\n\t\t.browse-more {\n\t\t\tsvg {\n\t\t\t\tright: -35px;\n\t\t\t}\n\t\t}\n\t}\n\t&.empty {\n\t\tborder-style: dashed;\n\t}\n\n\t.empty-container {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\t.browse-more {\n\t\tcolor: #636B7C;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: auto;\n\t\tfont-size: 16px;\n\t\tposition: relative;\n\t\tsvg {\n\t\t\tmargin-left: 3px;\n\t\t\tposition: absolute;\n\t\t\tright: -30px;\n\t\t\ttop: -3px;\n\t\t\ttransition: 0.2s ease-in-out all;\n\t\t}\n\t}\n\t.title {\n\t\tcolor: $black;\n\t\tfont-weight: bold;\n\t\tfont-size: 18px;\n\t\tmargin: 10px 20px;\n\t}\n\t.sub-tags {\n\t\tcolor: #636B7C;\n\t\tmargin: 0 20px 15px;\n\t\tsvg {\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t.uses {\n\t\t\tmargin-right: 20px;\n\t\t}\n\t}\n\t.image {\n\t\timg {\n\t\t\theight: 250px;\n\t\t\tobject-fit: cover;\n\t\t\twidth: 100%;\n\t\t\tobject-position: top;\n\t\t}\n\t}\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!./funnel-template-entry.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!./funnel-template-entry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./funnel-template-entry.vue?vue&type=template&id=6d17595f&scoped=true&\"\nimport script from \"./funnel-template-entry.vue?vue&type=script&lang=js&\"\nexport * from \"./funnel-template-entry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./funnel-template-entry.vue?vue&type=style&index=0&id=6d17595f&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  \"6d17595f\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/heart.f68ae071.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',_vm._b({staticClass:\"big-button\",class:{'icon-btn':_vm.icon, 'loading':_vm.loading, 'disabled':(_vm.disabled || _vm.loading)},attrs:{\"href\":_vm.href},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'a',_vm.$attrs,false),[(_vm.loading)?[_c('v-spinner')]:_vm._e(),_c('div',{staticClass:\"layout-row\"},[(_vm.icon)?_c('inline-svg',{staticClass:\"icon\",attrs:{\"src\":_vm.icon}}):_vm._e(),_c('div',{staticClass:\"layout-column\"},[(_vm.label)?[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]),_c('span',{staticClass:\"desc\"},[_vm._v(\" \"+_vm._s(_vm.desc)+\" \")])]:[_vm._t(\"default\")]],2),(_vm.hasArrow)?_c('div',{staticClass:\"arrow-container\"},[_c('svg',{staticClass:\"arrow\",attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 15 15\",\"height\":\"24\",\"width\":\"24\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M12.0581 4.55812L12.9419 5.44187L7.50001 10.8837L2.05814 5.44187L2.94189 4.55812L7.50001 9.11625L12.0581 4.55812Z\",\"fill\":\"#C5C7D2\"}})])]):_vm._e()],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a @click=\"$emit('click', $event)\" :href=\"href\"\n     v-bind=\"$attrs\"\n     class=\"big-button\"\n    :class=\"{'icon-btn':icon, 'loading':loading, 'disabled':(disabled || loading)}\" >\n    <template v-if=\"loading\">\n      <v-spinner></v-spinner>\n    </template>\n\n\t  <div class=\"layout-row\">\n\t\t  <inline-svg class=\"icon\" v-if=\"icon\" :src=\"icon\" />\n\t\t  <div class=\"layout-column\">\n\t\t  <template v-if=\"label\">\n      <span class=\"label\">\n        {{ label }}\n      </span>\n\t\t  <span class=\"desc\">\n        {{ desc }}\n      </span>\n\t\t\t  </template>\n\t\t\t  <template v-else>\n\t\t\t\t  <slot></slot>\n\t\t\t  </template>\n\t\t  </div>\n\t\t  <div v-if=\"hasArrow\" class=\"arrow-container\">\n\t\t\t  <svg fill=\"none\" viewBox=\"0 0 15 15\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"arrow\">\n\t\t\t\t  <path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0581 4.55812L12.9419 5.44187L7.50001 10.8837L2.05814 5.44187L2.94189 4.55812L7.50001 9.11625L12.0581 4.55812Z\" fill=\"#C5C7D2\"></path>\n\t\t\t  </svg>\n\n<!--\t\t\t  <inline-svg class=\"arrow\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />-->\n\t\t  </div>\n\t  </div>\n\n\n\n  </a>\n</template>\n\n<script>\n\nimport VSpinner from \"@/components/base/v-spinner\";\nexport default {\n  components: {VSpinner},\n  inheritAttrs: false,\n  name: \"BigButton\",\n\n  data: function (){\n      return {\n      }\n  },\n  // model: {\n  //   prop: 'v-model',\n  //   event: 'change'\n  // },\n\n  props: {\n    icon: {\n      default: null,\n    },\n\t  hasArrow: {\n\t\t  default: false,\n\t\t  type: Boolean,\n\t  },\n\t  disabled: {\n\t\t  default: false,\n\t\t  type: Boolean,\n\t  },\n    loading: {\n      default: false,\n      type: Boolean,\n    },\n    href: {\n      default: null,\n      type: String,\n    },\n    label: {\n      default: \"\",\n\t    type: String,\n    },\n\t  desc: {\n\t\t  default: \"\",\n\t\t  type: String,\n\t  },\n  },\n  methods: {\n  },\n  computed: {\n    hasError() {\n        return !!this.error && this.wasActive;\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.big-button {\n\tpadding: 20px;\n\tbackground: $light-blue;\n\tborder-radius: 16px;\n\ttransition: 0.2s background ease-in-out;\n\n\t&:hover {\n\t\tbackground: #EEF4FF;\n\t}\n\t.icon {\n\t\tmargin-right: 16px;\n\t\t//width: 64px;\n\t}\n\t.label {\n\t\tfont-weight: bold;\n\t\tfont-size: 18px;\n\t\tcolor: $black;\n\t\tmargin-bottom: 6px;\n\t}\n\t.desc {\n\t\tfont-weight: normal;\n\t\tfont-size: 14px;\n\t\tcolor: #747B8B;\n\t\tmargin-top: 5px;\n\t\tline-height: 20px;\n\t}\n\t.arrow-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 10px;\n\t\tsvg {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\t}\n  &.loading {\n    .label {\n      opacity: 0;\n    }\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!./big-button.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!./big-button.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./big-button.vue?vue&type=template&id=3721fff6&scoped=true&\"\nimport script from \"./big-button.vue?vue&type=script&lang=js&\"\nexport * from \"./big-button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./big-button.vue?vue&type=style&index=0&id=3721fff6&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  \"3721fff6\",\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!./template-panel.vue?vue&type=style&index=0&id=46d5f151&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/preview.3e010cde.svg\";","module.exports = __webpack_public_path__ + \"img/pen.166bd940.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=a1930a3e&prod&lang=scss&\"","var map = {\n\t\"./heart-full.svg\": \"2635\",\n\t\"./heart.svg\": \"6aa9\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"d619\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main get-started-templates\"},[_c('div',{staticClass:\"scroll flex\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{},[_c('router-link',{staticClass:\"back_link_btn\",attrs:{\"to\":\"/get-started\"}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/back_bt_arrow.svg')}}),_vm._v(\" Back \")],1),_c('h1',[_vm._v(\"Browse templates\")]),_c('div',{staticClass:\"top-buttons\"},[_c('ul',{staticClass:\"tab_items flex\"},_vm._l((_vm.tabItems),function(item){return _c('li',{key:item,class:{'active' : item === _vm.tabOpen},on:{\"click\":function($event){_vm.tabOpen=item}}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]),(_vm.loading)?_c('loading'):_vm._e(),(_vm.tabOpen==='All')?_c('div',{staticClass:\"layout-column\"},[(_vm.trendingTemplates.length>0)?_c('div',{staticClass:\"layout-column\"},[_c('div',{staticClass:\"templates\"},_vm._l((_vm.trendingTemplates),function(t){return _c('funnel-template-entry',{key:t.id,attrs:{\"template\":t},on:{\"click\":function($event){_vm.currentTemplate=t}}})}),1)]):_vm._e()]):_c('div',{staticClass:\"layout-column\"},[_c('div',{staticClass:\"templates\"},_vm._l((_vm.getTagTemplates(_vm.tabOpen)),function(t){return _c('funnel-template-entry',{key:t.id,attrs:{\"template\":t},on:{\"click\":function($event){_vm.currentTemplate=t}}})}),1)])],1)])]),(!!_vm.currentTemplate)?_c('template-panel',{attrs:{\"template\":_vm.currentTemplate},on:{\"close\":function($event){_vm.currentTemplate=null}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main get-started-templates\">\n        <div class=\"scroll flex\">\n\n            <div class=\"inner-container\" >\n              <div class=\"\">\n\t              <router-link to=\"/get-started\" class=\"back_link_btn\">\n\t\t              <inline-svg :src=\"require('@/assets/img/back_bt_arrow.svg')\"/> Back\n\t              </router-link>\n              <h1 >Browse templates</h1>\n\n\t              <div class=\"top-buttons\">\n\t\t              <ul class=\"tab_items flex\">\n\t\t\t              <li v-for=\"item in tabItems\"\n\t\t\t                  :key=\"item\"\n\t\t\t                  :class=\"{'active' : item === tabOpen}\"\n\t\t\t                  @click=\"tabOpen=item\" >\n\t\t\t\t              {{item}}\n\t\t\t              </li>\n\t\t              </ul>\n\t              </div>\n\n\t<loading v-if=\"loading\" />\n\n\t              <div v-if=\"tabOpen==='All'\" class=\"layout-column\">\n\t\t              <div v-if=\"trendingTemplates.length>0\" class=\"layout-column\">\n<!--\t\t              <h3>Trending</h3>-->\n\t\t              <div class=\"templates\">\n\t\t\t              <funnel-template-entry v-for=\"t in trendingTemplates\" :key=\"t.id\" :template=\"t\"\n\t\t\t                                     @click=\"currentTemplate=t\"/>\n\t\t              </div>\n\t\t              </div>\n\t              </div>\n\t              <div v-else class=\"layout-column\">\n\t\t              <div class=\"templates\">\n\t\t\t              <funnel-template-entry v-for=\"t in getTagTemplates(tabOpen)\" :key=\"t.id\" :template=\"t\"\n\t\t\t                                     @click=\"currentTemplate=t\"/>\n\t\t              </div>\n\t              </div>\n              </div>\n            </div>\n        </div>\n\n\t    <template-panel v-if=\"!!currentTemplate\" :template=\"currentTemplate\" @close=\"currentTemplate=null\" />\n\n    </div>\n</template>\n\n<script>\n\nimport MainRight from \"@/components/MainRight\";\nimport MainSearch from \"@/components/MainSearch\";\nimport DashboardBanner from \"@/components/DashboardBanner\";\nimport VButton from \"@/components/base/v-button\";\nimport ExternalLink from \"@/components/base/external-link\";\nimport BigButton from \"@/components/base/big-button\";\nimport FunnelTemplateEntry from \"@/components/funnel-template-entry\";\nimport API from \"@/api\";\nimport TemplatePanel from \"@/views/get-started/template-panel\";\nimport AddNewFunnelPopup from \"@/views/funnels/add_new_funnel_popup\";\nimport Loading from \"@/components/Loading\";\nexport default {\n    name: 'GetStartedTemplates',\n\ttitle:\"Templates | Funnelish™\",\n    components: {\n\t    Loading,\n\t    AddNewFunnelPopup,\n\t    TemplatePanel,\n\t    FunnelTemplateEntry,\n\t    BigButton,\n      ExternalLink,\n      VButton,\n      DashboardBanner,\n      MainSearch,\n      MainRight\n    },\n\tmixins: [API],\n\tdata: function() {\n      return {\n\t      cloning: false,\n\t      tabOpen: 'All',\n\t      tabItems:['All', 'Trending', 'Popular', 'Health & Beauty', 'Gadgets', 'Leisure', 'Others'],\n\t      newBlankFunnel: false,\n\t      currentTemplate: null,\n      \tloading: false,\n      \ttemplates: [],\n        username: \"\",\n      }\n  },\n    computed: {\n        notificationsOpen() {\n            return this.$store.state.notificationsOpen;\n        },\n\t    trendingTemplates(){\n\t\t    let ar = this.templates || [];\n\t\t    ar = JSON.parse(JSON.stringify(ar));\n\t\t    ar = ar.sort(function(a,b){\n\t\t\t    return new Date(b.created_at) - new Date(a.created_at);\n\t\t    });\n\t\t    return ar//.slice(0,5);\n\t    },\n\t    popularTemplates(){\n\t\t    let ar = this.templates || [];\n\t\t    ar = JSON.parse(JSON.stringify(ar));\n\t\t    ar = ar.sort(function(a,b){\n\t\t\t    return new Date(b.uses) - new Date(a.uses);\n\t\t    });\n\t\t    return ar.slice(0,5);\n\t    },\n\t    beautyTemplates(){\n      \treturn this.getTagTemplates('health-beauty');\n\t    },\n\t    gadgetsTemplates(){\n\t\t    return this.getTagTemplates('gadgets');\n\t    },\n\t    leisureTemplates(){\n\t\t    return this.getTagTemplates('leisure');\n\t    },\n\t    otherTemplates(){\n\t\t    return this.getTagTemplates('others');\n\t    },\n    },\n    methods: {\n    \tgetTagTemplates(tag){\n\t\t    let ar = this.templates || [];\n\t\t    tag = tag.toLowerCase();\n\t\t    tag = tag.replace('&','-').replace(/\\s/g, '')\n\t\t    if (tag==='others')\n\t\t\t    return ar.filter(x=>['leisure','health-beauty','gadgets'].some(y => x.tags.split(',').includes(y)));\n\t\t    if (tag==='trending')\n\t\t\t    return this.trendingTemplates.slice(0,5);\n\t\t    if (tag==='popular')\n\t\t\t    return this.popularTemplates;\n\n\t\t    return ar.filter(x=>x.tags.split(',').includes(tag));\n\t    },\n      openIntercom() {\n\t      Intercom('showNewMessage', 'Funnel Design Quote Request:\\n\\n' +\n\t\t\t      '1. How many pages you\\'d like us to create?\\n\\n' +\n\t\t\t      '2. Please provide direct page(s) URLs to be cloned/redesigned?\\n\\n' +\n\t\t\t      '3. Any further details?\\n');\n      },\n      notifToggle: function() {\n          this.$store.dispatch('notificationsOpenToggle');\n      },\n    },\n\tasync created() {\n    \ttry {\n    \t\tthis.loading = true;\n    \t\tthis.templates = [];\n\t\t    let lst = await this.api.wsteps.getFunnelTemplates();\n\t\t    this.templates = lst.filter(x=>x.id!==1); // remove empty funnel\n\t    } catch (e) {\n    \t\tthis.$warn(e)\n\t    } finally {\n\t\t    this.loading = false;\n\t    }\n\t}\n}\n</script>\n<style lang=\"scss\" >\n.get-started-templates {\n\th1 {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n\t.top-buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: start;\n\t\tmargin-top: 20px;\n\t\t.big-button {\n\t\t\tflex-grow: 1;\n\t\t\tflex-basis: 0;\n\t\t\tmargin-right: 20px;\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\th2 {\n\t\tmargin-top: 30px;\n\t\tfont-size: 18px;\n\t\tcolor: $black;\n\t}\n\t.templates {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n\t\tgrid-gap: 20px;\n\t\tmargin-top: 20px;\n\t}\n}\n</style>\n<style lang=\"scss\" >\n.get-started-templates {\n  .inner-container {\n    padding: 30px;\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=a1930a3e&\"\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=a1930a3e&prod&lang=scss&\"\nimport style1 from \"./templates.vue?vue&type=style&index=1&id=a1930a3e&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","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=1&id=a1930a3e&prod&lang=scss&\""],"sourceRoot":""}