{"version":3,"sources":["webpack:///./src/views/funnels/steps/settings.vue","webpack:///src/views/funnels/steps/settings.vue","webpack:///./src/views/funnels/steps/settings.vue?0e3c","webpack:///./src/views/funnels/steps/settings.vue?9220","webpack:///./src/views/funnels/steps/settings.vue?1624"],"names":["render","_vm","this","_c","_self","staticClass","_v","on","closeSettings","attrs","validateStep","confirm","saving","saveStep","staticStyle","stepTypeDetails","img","_s","title","model","value","newStep","name","callback","$$v","$set","expression","$event","stripUrl","url","url2","require","step_type","staticRenderFns","components","SelectButton","VButton","InputField","mixins","props","data","stepData","saveString","singleStep","stepTypes","computed","notificationsOpen","userId","getId","getStepId","getFunnelsPath","path","watch","step","methods","selectType","id","console","group","type","mounted","created","component"],"mappings":"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","file":"js/chunk-68a9d6ac.60e9804e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-content step-settings\"},[_c('div',{staticClass:\"funnel_apps\"},[_c('div',{staticClass:\"funnel_apps_header\"},[_c('h3',[_vm._v(\"Edit step\")]),_c('div',{staticClass:\"right_btns\"},[_c('a',{staticClass:\"btn brdr_btn\",on:{\"click\":_vm.closeSettings}},[_vm._v(\"Cancel\")]),_c('v-button',{attrs:{\"disabled\":_vm.validateStep.confirm,\"loading\":_vm.saving,\"label\":\"Save changes\"},on:{\"click\":_vm.saveStep}})],1)]),_c('div',{staticClass:\"funnel_apps_list\",staticStyle:{\"background\":\"white\"}},[_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title df\"},[_vm._v(\"Step details \"),_c('span',{staticClass:\"check\"},[_c('span',{staticClass:\"icon_check\"},[_c('inline-svg',{attrs:{\"src\":_vm.stepTypeDetails.img}})],1),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.stepTypeDetails.title))])])]),_c('InputField',{attrs:{\"label\":\"Name\",\"required\":\"\"},model:{value:(_vm.newStep.name),callback:function ($$v) {_vm.$set(_vm.newStep, \"name\", $$v)},expression:\"newStep.name\"}}),_c('InputField',{attrs:{\"label\":\"Step URL\",\"required\":\"\"},on:{\"input\":function($event){return _vm.stripUrl($event, 'url')}},model:{value:(_vm.newStep.url),callback:function ($$v) {_vm.$set(_vm.newStep, \"url\", $$v)},expression:\"newStep.url\"}}),_c('InputField',{attrs:{\"label\":\"Step variant URL (optional)\"},on:{\"input\":function($event){return _vm.stripUrl($event, 'url2')}},model:{value:(_vm.newStep.url2),callback:function ($$v) {_vm.$set(_vm.newStep, \"url2\", $$v)},expression:\"newStep.url2\"}})],1),_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Step type\")]),_c('div',{staticClass:\"wrap_select_step_type\"},[_c('div',{staticClass:\"row step-types-list\"},[_c('SelectButton',{attrs:{\"label\":\"Checkout\",\"src\":require('@/assets/img/Order-Form.svg'),\"value\":1},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}}),_c('SelectButton',{attrs:{\"label\":\"Upsell\",\"src\":require('@/assets/img/upsell-2.svg'),\"value\":2},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}}),_c('SelectButton',{attrs:{\"label\":\"Thank you page\",\"src\":require('@/assets/img/Thank You Page.svg'),\"value\":3},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}}),_c('SelectButton',{attrs:{\"label\":\"Downsell\",\"src\":require('@/assets/img/Downsell.svg'),\"value\":4},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}}),_c('SelectButton',{attrs:{\"label\":\"Landing page\",\"src\":require('@/assets/img/Optin Page.svg'),\"value\":5},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}}),_c('SelectButton',{attrs:{\"label\":\"Other\",\"src\":require('@/assets/img/Other.svg'),\"value\":6},model:{value:(_vm.newStep.step_type),callback:function ($$v) {_vm.$set(_vm.newStep, \"step_type\", $$v)},expression:\"newStep.step_type\"}})],1)])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main-content step-settings\">\n        <div class=\"funnel_apps\">\n            <div class=\"funnel_apps_header\">\n                <h3>Edit step</h3>\n                <div class=\"right_btns\">\n                    <a @click=\"closeSettings\" class=\"btn brdr_btn\">Cancel</a>\n                  <v-button @click=\"saveStep\" :disabled=\"validateStep.confirm\"\n                            :loading=\"saving\" label=\"Save changes\"></v-button>\n                </div>\n            </div>\n            <div class=\"funnel_apps_list\" style=\"background: white;\">\n                <div class=\"brdr_content_wrpr\">\n                    <h3 class=\"brdr_content_title df\">Step details\n                        <span class=\"check\">\n                            <span class=\"icon_check\">\n                                <inline-svg :src=\"stepTypeDetails.img\"/>\n                            </span>\n                            <span class=\"title\">{{stepTypeDetails.title}}</span>\n                        </span>\n                    </h3>\n\n                  <InputField label=\"Name\" v-model=\"newStep.name\" required></InputField>\n\n                  <InputField label=\"Step URL\" v-model=\"newStep.url\" required\n                              @input=\"stripUrl($event, 'url')\"></InputField>\n\n                  <InputField label=\"Step variant URL (optional)\" v-model=\"newStep.url2\"\n                              @input=\"stripUrl($event, 'url2')\" />\n\n                </div>\n                        <div class=\"brdr_content_wrpr\">\n                            <h3 class=\"brdr_content_title\">Step type</h3>\n                            <div class=\"wrap_select_step_type\">\n\t                            <div class=\"row step-types-list\">\n\t\t\t                            <SelectButton label=\"Checkout\" :src=\"require('@/assets/img/Order-Form.svg')\"\n\t\t\t                                          :value=\"1\" v-model=\"newStep.step_type\" />\n\t\t\t                            <SelectButton label=\"Upsell\" :src=\"require('@/assets/img/upsell-2.svg')\"\n\t\t\t                                          :value=\"2\" v-model=\"newStep.step_type\" />\n\t\t\t                            <SelectButton label=\"Thank you page\" :src=\"require('@/assets/img/Thank You Page.svg')\"\n\t\t\t                                          :value=\"3\" v-model=\"newStep.step_type\" />\n\t\t\t                            <SelectButton label=\"Downsell\" :src=\"require('@/assets/img/Downsell.svg')\"\n\t\t\t                                          :value=\"4\" v-model=\"newStep.step_type\" />\n\t\t\t                            <SelectButton label=\"Landing page\" :src=\"require('@/assets/img/Optin Page.svg')\"\n\t\t\t                                          :value=\"5\" v-model=\"newStep.step_type\" />\n\t\t\t                            <SelectButton label=\"Other\" :src=\"require('@/assets/img/Other.svg')\"\n\t\t\t                                          :value=\"6\" v-model=\"newStep.step_type\" />\n\t                            </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport {mapGetters} from \"vuex\"\nimport stepTypes from \"@/helpers/stepTypes\"\nimport InputField from \"@/components/base/input-field\";\nimport VButton from \"@/components/base/v-button\";\nimport SelectButton from \"@/components/base/select_button\";\n\nexport default {\n    name: \"StepsSettings\",\n  components: {SelectButton, VButton, InputField},\n  mixins: [API],\n    props: ['id','step'],\n    data: function() {\n        return {\n            saving: false,\n            stepData: [],\n            saveString: \"\",\n            singleStep: {},\n            newStep: {\n            },\n            stepTypes: stepTypes,\n        };\n    },\n    computed: {\n        notificationsOpen() {\n            return this.$store.state.notificationsOpen;\n        },\n        ...mapGetters([\n            \"getStepDataStore\",\n            \"getSingleStepStore\",\n            \"getFunnelStore\"\n        ]),\n\t\t    stepTypeDetails() {\n\t\t\t    let type = this.newStep.step_type\n\n\t\t\t    if (type > 0) type -= 1;\n\t\t\t    if (type >= stepTypes.length) type = 0;\n\n\t\t\t    return stepTypes[type];\n\t\t    },\n        userId() {\n            return this.$store.state.user\n        },\n        getId() {\n            return this.$route.params.id\n        },\n        getStepId() {\n            return this.$route.params.step\n        },\n        getFunnelsPath() {\n            var path = '/funnel/'+this.getId;\n            if(this.getStepId) {\n                path+='/steps/'+this.getStepId\n            }\n            return path\n        },\n        validateStep() {\n            var name = this.newStep.name.trim();\n            var url = this.newStep.url.trim();\n             var result = {\n                confirm: (!name.length || !url.length),\n                name: !name.length,\n                url: !url.length\n            }\n            return result;\n        },\n    },\n    watch: {\n        step(val) {\n            this.init();\n        }\n    },\n    methods: {\n        stripUrl(ev, field) {\n\t\t        let url = ev.replace(/(^\\w+:|^)\\/\\//, ''); // remove all protocols, keep www.\n\t\t        this.newStep[field] = url.trim();\n        },\n        selectType(type) {\n            this.newStep.step_type = type;\n        },\n        async saveStep() {\n          try {\n            this.saving = true;\n\n            let {id, step} = this.$route.params;\n            let result = await this.patchStep(step, this.newStep);\n\n            if (result.status === 200) {\n              this.$store.dispatch('EDIT_STEP', result);\n\n              this.$store.dispatch('setSingleStepStore', this.newStep);\n              this.$nextTick(() => this.$router.push({path: `/funnel/${id}/steps/${step}`}));\n            } else\n              throw result\n          }catch (e) {\n            console.log('ERROR', e);\n            this.$notify({\n              group: 'main',\n              title: \"Something went wrong! try again.\",\n              type: 'error',\n            });\n          } finally {\n            this.saving = false;\n          }\n        },\n        async init(step) {\n            var saveStr = JSON.stringify(this.getSingleStepStore);\n            this.newStep = JSON.parse(saveStr);\n        },\n        closeSettings() {\n            var {id, step} = this.$route.params;\n            this.$router.push({path: `/funnel/${id}/steps/${step}`});\n        }\n    },\n    mounted() {\n    },\n    created() {\n        var {id, step} = this.$route.params;\n        this.init(step);\n    },\n}\n</script>\n\n<style>\n    fieldset {\n        border: 2px solid #E4E6F1;\n        border-radius: 12px;\n        height: 55px;\n        margin-bottom: 30px;\n        position: relative;\n    }\n    fieldset legend {\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 150%;\n        letter-spacing: 0.02em;\n        color: #C5C7D2;\n    }\n    fieldset input, fieldset .value {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 4px;\n        background: transparent;\n        border: none;\n        padding: 0 15px;\n        display: flex;\n        align-items: center;\n        font-size: 14px;\n        letter-spacing: 0.02em;\n        color: #636A7B;\n    }\n    .check .icon_check svg {\n        max-width: 18px;\n        max-height: 18px;\n    }\n    .check {\n        display: flex;\n        align-items: center;\n        margin-left: 31px;\n        font-weight: 500;\n        font-size: 15px;\n        letter-spacing: 0.02em;\n        color: #4368E0;\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!./settings.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!./settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./settings.vue?vue&type=template&id=7449db64&\"\nimport script from \"./settings.vue?vue&type=script&lang=js&\"\nexport * from \"./settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./settings.vue?vue&type=style&index=0&id=7449db64&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./settings.vue?vue&type=style&index=0&id=7449db64&prod&lang=css&\""],"sourceRoot":""}