{"version":3,"sources":["webpack:///./src/views/funnels/steps/create_product_popup.vue?54f8","webpack:///./src/views/funnels/steps/funnel_step.vue","webpack:///./src/views/funnels/steps/create_product_popup.vue","webpack:///src/views/funnels/steps/create_product_popup.vue","webpack:///./src/views/funnels/steps/create_product_popup.vue?d747","webpack:///./src/views/funnels/steps/create_product_popup.vue?584d","webpack:///src/views/funnels/steps/funnel_step.vue","webpack:///./src/views/funnels/steps/funnel_step.vue?3d2e","webpack:///./src/views/funnels/steps/funnel_step.vue?708b","webpack:///./src/views/funnels/steps/funnel_step.vue?37bc"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","getSingleStepStore","attrs","is","require","on","$event","$router","push","$route","params","id","step","staticStyle","singleStep","thumbnail_hash","imageLoading","show","_e","stepTypeDetails","img","_v","_s","title","url","url2","domProps","copyToClipboard","canHaveProducts","step_type","createProductOpen","getObProducts","length","otherProds","_l","item","index","key","path","is_subscription","currencySymbol","billing_amount","billing_cycle","getCycleType","cycle_type","price","class","preventDefault","showCloneProductPopup","showProductDeletePopup","onDrop","_m","active","getProductDeletePopup","productId","step_id","funnel_id","getCloneProductPopup","productClone","staticRenderFns","closePopup","scopedSlots","_u","fn","newData","model","callback","$$v","$set","_n","recurringTimes","selectOptions","action","billing_recurring_times","billingCycle","cycleType","has_trial","trial_billing_amount","trial_billing_cycle","trial_cycle_type","proxy","isSaving","isValid","createProduct","components","VButton","VSwitch","SelectField","PriceField","InputField","SelectButton","Popup","mixins","props","data","continueBtnDisabled","isSubscription","selectValue","label","computed","methods","console","group","type","duration","priceChange","setupArrays","created","component","CreateProductPopup","ProductEntry","MainSearch","Loading","ActivateAutomationPopup","ProductDeletePopup","CloneProductPopup","Container","Draggable","Tooltip","currentAutomation","isDragging","showEdit","oldList","funnel","stepData","products","currentProduct","userData","symbol","getOtherProducts","watch","sortProducts","first","second","string","showAddNewStepPopup","elemToCopy","alert","window"],"mappings":"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KAAAuF,gBACA,CAAAvF,KAAAuF,iBACA,CAAAvF,KAAAuF,kBACA,CAAAvF,KAAAuF,qBAKAC,UACA3D,iBACA,0CAEA0C,UACA,8BAGA,gBACA,oBAGAkB,SACA,uBACA,IACA,iBACA,OAAAzF,OAAAC,GAAA,mBAEAoD,4BACAA,8CAEA,8CACA,UACAA,gBACAA,kBACAA,0BACAA,wBAEA,4CACA,WAGA,QAFA,sCAIA,wBACA,SACAqC,yBACA,cACAC,aACAC,YACAC,aACAjF,iDA3BC,QA8BD,mBAGAkF,eACA,8CACAJ,gDAEAzC,aACA,qBAEA8C,cACA,QAAA/F,KAAAuF,mBAEA,sBACA3B,QAAA5D,KAAAuF,aAEA,oCAEA,qHAIAS,UACA,OAAAhG,OAAAC,GAAA,mBAEA,GACA,sBACA,iBACA,gBACA,0BACA,sEACA,gBACA,aACA,gBACA,iBACA,sBACA,aACA,SACA,eACA,mBACA,QACA,kCACA,QACA,oBACA,uBACA,sBACA,mBACA,gBACA,0CAGA,eAEA,qBC5R4X,I,wBCQxXgG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,oBC0LA,GACfhH,mBACAwF,YACAC,eACAwB,qBACAC,oBACAC,kBACAC,eACAC,+BACAC,0BACAC,yBACAC,yBAAAC,yBACAC,gBAEA1B,gBACAC,eACAC,gBACA,OACA9E,gBACAc,qBACAb,QACAsG,qBACAC,cACAC,YACA1H,WACA2H,WACAC,UACAC,YACA9G,cAEA+G,YACA5F,cACA6F,kBACAxE,uCACAI,gBACAqE,UACA,SAIA5B,UACAhF,kBACA,wCAKA,OAHA,aACA,6BAEA,WAEAqB,iBACA,MAMA,OAJAwF,EADA,uCACAA,kDAEAA,IAEA,MAEA,gBACA,0BACA,wBACA,6BACA,qBACA,wBACA,mBACA,qBACA,mBACA,iBACA,yBAEAjG,gBACA,4DACAsE,mCACA,6DACA,IAGA4B,mBACA,4DACA5B,mCACA,8DACA,KAGA6B,OACAtH,QACA,gBACA,mBACA,cAEAqH,oBACA,oBAGA7B,SACAjG,MACA,0BAEAyB,mBACA,MAUA,SATA,oBACA,OACA,OACA,OACA,SAEA,QACA,WAIAuG,gBACA,gBACA,sCACA,8BACA,EAEA,kBAEA,gBACA,kCACA,kDAEA,sCACA,gCAEA,gBACA,gBAEAC,gBACAC,gBAEA,qCACAlG,wBACA,wCAUAQ,gBACA,SACA,UACA,OACA2F,YACA,MACA,OACAA,aACA,MACA,OACAA,cACA,MACA,OACAA,aACA,MAEA,UAEAC,sBACA,2CAEAtF,0BACA,iBACA,8CAEAD,yBACA,oBACA,6CAEArB,mBACA,gCACA6G,8BACAA,WAEA,IACA,6BAEA,SACAC,8BAGAD,gCACAE,yCAEA,cACA,qBACA,kCACA,6CAEA,8CACA,MACA,0CACA,2CAIA,wBAEA,oBACA,gBACA,iBAKA/B,UACA,OAAAhG,OAAAC,GAAA,mBACA,eChamX,ICQ/W,G,UAAY,eACd,EACAvB,EACAsE,GACA,EACA,KACA,KACA,OAIa,e,2CCnBf,W","file":"js/chunk-53d480c7.b3079ba9.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!./create_product_popup.vue?vue&type=style&index=0&id=018bd841&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-content scroll\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),(_vm.getSingleStepStore)?_c('div',{staticClass:\"funnel_steps_top\"},[_c('v-button',{staticClass:\"small-btn settings_btn\",attrs:{\"locked\":!_vm.is('editor'),\"icon\":require('@/assets/img/settings_btn.svg'),\"flat\":\"\"},on:{\"click\":function($event){return _vm.$router.push(`/funnel/${_vm.$route.params.id}/steps/${_vm.$route.params.step}/settings`)}}}),_c('div',{staticClass:\"left_img_wrpr\",staticStyle:{\"position\":\"relative\"}},[_c('img',{attrs:{\"src\":_vm.singleStep.thumbnail_hash,\"alt\":\"\"},on:{\"load\":function($event){_vm.imageLoading=false}}}),(!_vm.show && _vm.imageLoading && !_vm.loading)?_c('loading'):_vm._e()],1),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"funnel_tag_wrpr\"},[_c('div',{staticClass:\"funnel_tag\"},[_c('span',{staticClass:\"icon\"},[_c('inline-svg',{attrs:{\"src\":_vm.stepTypeDetails.img}})],1),_vm._v(\" \"+_vm._s(_vm.stepTypeDetails.title)+\" \")])]),_c('h3',[_vm._v(_vm._s(_vm.getSingleStepStore.name || ''))]),((_vm.getSingleStepStore.url || _vm.getSingleStepStore.url2))?_c('div',{staticClass:\"funnel_steps_urls_wrpr\"},[_c('div',{staticClass:\"funnel_steps_url_item\"},[_c('span',{staticClass:\"item_title\"},[_vm._v(\"Step URL\")]),_c('div',{staticClass:\"links-items-group\"},[_c('a',{staticClass:\"link_item\",attrs:{\"href\":'http://'+_vm.getSingleStepStore.url,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getSingleStepStore.url))]),_c('input',{attrs:{\"type\":\"hidden\",\"id\":\"step_url_hidden\"},domProps:{\"value\":_vm.getSingleStepStore.url}}),_c('div',{staticClass:\"icon icon-circle pointer\",on:{\"click\":function($event){return _vm.copyToClipboard('#step_url_hidden')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon_sm.svg')}})],1),_c('a',{staticClass:\"icon icon-circle pointer\",attrs:{\"href\":'http://'+_vm.getSingleStepStore.url,\"target\":\"_blank\"}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/external_link_icon.svg')}})],1)])]),(_vm.getSingleStepStore.url2)?_c('div',{staticClass:\"funnel_steps_url_item\"},[_c('span',{staticClass:\"item_title\"},[_vm._v(\"Step Variant URL\")]),_c('div',{staticClass:\"links-items-group\"},[_c('a',{staticClass:\"link_item\",attrs:{\"href\":'http://'+_vm.getSingleStepStore.url2,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.getSingleStepStore.url2))]),_c('input',{attrs:{\"type\":\"hidden\",\"id\":\"step_variant_url_hidden\"},domProps:{\"value\":_vm.getSingleStepStore.url2}}),_c('div',{staticClass:\"icon icon-circle pointer\",on:{\"click\":function($event){return _vm.copyToClipboard('#step_variant_url_hidden')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon_sm.svg')}})],1),_c('a',{staticClass:\"icon icon-circle pointer\",attrs:{\"href\":'http://'+_vm.getSingleStepStore.url2,\"target\":\"_blank\"}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/external_link_icon.svg')}})],1)])]):_vm._e()]):_vm._e()])],1):_vm._e(),(_vm.getSingleStepStore && _vm.canHaveProducts(_vm.getSingleStepStore.step_type))?_c('div',{staticClass:\"panel funnels-panel products_panel\"},[_c('div',{staticClass:\"panel-head\"},[_c('h2',[_vm._v(\"Products \"),_c('Tooltip',{attrs:{\"side\":\"right\"}},[_vm._v(\" Products in your funnel step\")])],1),_c('v-button',{attrs:{\"locked\":!_vm.is('editor'),\"label\":\"Add a new product\"},on:{\"click\":function($event){_vm.createProductOpen=true}}})],1),(_vm.createProductOpen===true)?_c('CreateProductPopup',{attrs:{\"productsLength\":_vm.getObProducts.length + _vm.otherProds.length},on:{\"close\":function($event){_vm.createProductOpen=false},\"created\":function($event){_vm.createProductOpen=false}}}):_vm._e(),(_vm.getObProducts.length)?_c('div',{staticClass:\"panel-body panel-body_2 ordered-body entries-table\"},_vm._l((_vm.getObProducts),function(item,index){return _c('div',{key:item.id,staticClass:\"entry panel-item\"},[_c('router-link',{staticClass:\"list-item-link cell\",attrs:{\"to\":{ path: `/funnel/${_vm.$route.params.id}/steps/${_vm.$route.params.step}/product/${item.id}`}}},[_c('div',{staticClass:\"products_panel_first_cell cell\"},[_c('div',{staticClass:\"products_panel_square_label\"},[_c('img',{attrs:{\"src\":require('@/assets/img/ob_label.svg'),\"alt\":\"\"}})])]),_c('div',{staticClass:\"panel-item-cell cell\"},[_c('div',{staticClass:\"product_panel_link\"},[_vm._v(_vm._s(item.name))]),_c('span',{staticClass:\"result-tag\"},[_vm._v(\" \"+_vm._s(item.is_subscription ? 'Subscription' : 'One-time')+\" \")])]),(item.is_subscription)?_c('div',{staticClass:\"panel-item-cell product-price-cell cell\"},[_c('h3',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.currencySymbol+' '+item.billing_amount))]),_c('span',{staticClass:\"products_panel_weeks\"},[_vm._v(\" \"+_vm._s(item.billing_cycle)+\" \"+_vm._s(_vm.getCycleType(item.cycle_type))+\" \")])]):_c('div',{staticClass:\"panel-item-cell product-price-cell cell\"},[_c('h3',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.currencySymbol+' '+item.price))])])]),_c('div',{staticClass:\"panel_item_btn_wrpr cell\"},[_c('a',{staticClass:\"panel_item_btn copy_btn\",class:{'disabled':!_vm.is('editor')},on:{\"click\":function($event){$event.preventDefault();return _vm.showCloneProductPopup(item)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon.svg')}})],1),_c('a',{staticClass:\"panel_item_btn delete_btn\",class:{'disabled':!_vm.is('editor')},on:{\"click\":function($event){$event.preventDefault();return _vm.showProductDeletePopup(item.id)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1)])],1)}),0):_vm._e(),(_vm.otherProds.length)?_c('div',{staticClass:\"panel-body panel-body_2 ordered-body entries-table\"},[_c('Container',{attrs:{\"lock-axis\":\"y\"},on:{\"drop\":_vm.onDrop}},_vm._l((_vm.otherProds),function(item,index){return _c('Draggable',{key:item.id,staticClass:\"product-result-item\"},[_c('div',{staticClass:\"panel-item entry\"},[_c('router-link',{staticClass:\"list-item-link\",attrs:{\"to\":{ path: `/funnel/${_vm.$route.params.id}/steps/${_vm.$route.params.step}/product/${item.id}`}}},[_c('div',{staticClass:\"products_panel_first_cell\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"#\"+_vm._s(index + 1))])]),_c('div',{staticClass:\"panel-item-cell\"},[_c('div',{staticClass:\"product_panel_link\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('span',{staticClass:\"result-tag\"},[_vm._v(\" \"+_vm._s(item.is_subscription ? 'Subscription' : 'One-time')+\" \")])]),(item.is_subscription)?_c('div',{staticClass:\"panel-item-cell product-price-cell\"},[_c('h3',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.currencySymbol+' '+item.billing_amount))]),_c('span',{staticClass:\"products_panel_weeks\"},[_vm._v(\" \"+_vm._s(item.billing_cycle)+\" \"+_vm._s(_vm.getCycleType(item.cycle_type))+\" \")])]):_c('div',{staticClass:\"panel-item-cell product-price-cell\"},[_c('h3',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.currencySymbol+' '+item.price))])])]),_c('div',{staticClass:\"panel_item_btn_wrpr\"},[_c('a',{staticClass:\"panel_item_btn copy_btn\",class:{'disabled':!_vm.is('editor')},on:{\"click\":function($event){$event.preventDefault();return _vm.showCloneProductPopup(item)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon.svg')}})],1),_c('a',{staticClass:\"panel_item_btn delete_btn\",class:{'disabled':!_vm.is('editor')},on:{\"click\":function($event){$event.preventDefault();return _vm.showProductDeletePopup(item.id)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1)])],1)])}),1)],1):_c('div',{staticClass:\"panel-body panel-body_2 empty-panel\"},[_c('p',[_vm._v(\"No products have been added yet\")])])],1):_c('div',{staticClass:\"panel funnels-panel products_panel\"},[_c('div',{staticClass:\"panel-head\"},[_c('h2',[_vm._v(\"Products \"),_c('Tooltip',{attrs:{\"side\":\"right\"}},[_vm._v(\" Products in your funnel step \")])],1),_c('a',{staticClass:\"btn disabled\"},[_vm._v(\"Add a new product\")])]),_vm._m(0)]),(_vm.show)?_c('router-view',{attrs:{\"products\":_vm.otherProds,\"funnelStep\":_vm.singleStep}}):_vm._e(),_c('div',{staticClass:\"popup_wrpr delete_popup_wrpr add_new_funnel_popup\",class:{active: _vm.getProductDeletePopup}},[(_vm.getProductDeletePopup)?_c('ProductDeletePopup',{attrs:{\"productId\":_vm.productId,\"step-id\":_vm.singleStep.step_id,\"funnel-id\":_vm.singleStep.funnel_id}}):_vm._e()],1),_c('div',{staticClass:\"popup_wrpr add_new_funnel_popup\",class:{active: _vm.getCloneProductPopup}},[(_vm.getCloneProductPopup)?_c('CloneProductPopup',{attrs:{\"product\":_vm.productClone,\"step-id\":_vm.singleStep.step_id,\"funnel-id\":_vm.singleStep.funnel_id}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"panel-body panel-body_2 empty-panel\"},[_c('p',[_vm._v(\"This step cannot have products, only \"),_c('b',[_vm._v(\"Order forms\")]),_vm._v(\", \"),_c('b',[_vm._v(\"Upsells\")]),_vm._v(\" and \"),_c('b',[_vm._v(\"Downsells\")]),_vm._v(\" may have products.\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Popup',{staticClass:\"create-product-popup\",attrs:{\"title\":\"Create new product\"},on:{\"close\":function($event){return _vm.closePopup()}},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('label',{staticClass:\"form_steps_label step_1\",class:{'active': _vm.step == 2}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Select a product type \"),(_vm.step == 2 && _vm.newData['is_subscription'])?_c('span',{staticStyle:{\"font-size\":\"13px\",\"color\":\"#4268df\",\"margin-left\":\"10px\"}},[_vm._v(\" Subscription \")]):(_vm.step == 2)?_c('span',{staticStyle:{\"font-size\":\"13px\",\"color\":\"#4268df\",\"margin-left\":\"10px\"}},[_vm._v(\" One-time \")]):_vm._e()]),_c('div',{staticClass:\"funnel_type_radio_wrpr\",class:{'active': _vm.step == 1}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col margin-rl-20\"},[_c('SelectButton',{attrs:{\"src\":require('@/assets/img/tg-icon-1.svg'),\"value\":false,\"label\":\"One-time\"},model:{value:(_vm.newData.is_subscription),callback:function ($$v) {_vm.$set(_vm.newData, \"is_subscription\", $$v)},expression:\"newData.is_subscription\"}})],1),_c('div',{staticClass:\"col margin-rl-20\"},[_c('SelectButton',{attrs:{\"src\":require('@/assets/img/tg-icon-3.svg'),\"value\":true,\"label\":\"Subscription\"},model:{value:(_vm.newData.is_subscription),callback:function ($$v) {_vm.$set(_vm.newData, \"is_subscription\", $$v)},expression:\"newData.is_subscription\"}})],1)])]),_c('div',{staticClass:\"funnel_details_step\",class:{'active': _vm.step == 2}},[_c('label',{staticClass:\"form_steps_label step_2\",class:{'active': _vm.newData['name']}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Your product details \")]),_c('InputField',{staticClass:\"product-name\",attrs:{\"label\":\"Product name\",\"error\":!_vm.newData['name']?'Invalid product name':null},model:{value:(_vm.newData['name']),callback:function ($$v) {_vm.$set(_vm.newData, 'name', $$v)},expression:\"newData['name']\"}}),(!_vm.newData.is_subscription)?_c('div',[_c('PriceField',{attrs:{\"label\":\"Price\",\"required\":!_vm.newData.is_subscription,\"currency-code\":_vm.currencySymbol,\"error\":!_vm.newData['price']?'Invalid price':null},model:{value:(_vm.newData.price),callback:function ($$v) {_vm.$set(_vm.newData, \"price\", _vm._n($$v))},expression:\"newData.price\"}})],1):_c('div',[_c('div',{staticClass:\"form_group_col_4\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('div',{staticClass:\"form-group mb-15 with-icon with_top_block\"},[_c('PriceField',{attrs:{\"label\":\"Billing amount\",\"currency-code\":_vm.currencySymbol,\"required\":_vm.newData.is_subscription},model:{value:(_vm.newData.billing_amount),callback:function ($$v) {_vm.$set(_vm.newData, \"billing_amount\", _vm._n($$v))},expression:\"newData.billing_amount\"}})],1),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Recurring times\")]),_c('v-select',{attrs:{\"options\":_vm.recurringTimes.selectOptions,\"label\":\"label\",\"searchable\":false,\"clearable\":false,\"reduce\":action => action.id,\"append-to-body\":\"\"},model:{value:(_vm.newData.billing_recurring_times),callback:function ($$v) {_vm.$set(_vm.newData, \"billing_recurring_times\", $$v)},expression:\"newData.billing_recurring_times\"}})],1),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Billing cycle\")]),_c('v-select',{attrs:{\"options\":_vm.billingCycle.selectOptions,\"searchable\":false,\"clearable\":false,\"append-to-body\":\"\"},model:{value:(_vm.newData.billing_cycle),callback:function ($$v) {_vm.$set(_vm.newData, \"billing_cycle\", $$v)},expression:\"newData.billing_cycle\"}})],1),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Cycle type\")]),_c('v-select',{attrs:{\"options\":_vm.cycleType.selectOptions,\"searchable\":false,\"clearable\":false,\"reduce\":action => action.id,\"append-to-body\":\"\"},model:{value:(_vm.newData.cycle_type),callback:function ($$v) {_vm.$set(_vm.newData, \"cycle_type\", $$v)},expression:\"newData.cycle_type\"}})],1)]),_c('v-switch',{staticClass:\"margin-b-20\",attrs:{\"label\":\"Has a trial period?\",\"value\":_vm.newData.has_trial},model:{value:(_vm.newData.has_trial),callback:function ($$v) {_vm.$set(_vm.newData, \"has_trial\", $$v)},expression:\"newData.has_trial\"}}),(_vm.newData.has_trial)?_c('div',{staticClass:\"form_group_col_3\"},[_c('div',{staticClass:\"form-group mb-15 with-icon with_top_block\"},[_c('PriceField',{attrs:{\"label\":\"Billing amount\",\"required\":_vm.newData.is_subscription && _vm.newData.has_trial,\"currency-code\":_vm.currencySymbol},model:{value:(_vm.newData.trial_billing_amount),callback:function ($$v) {_vm.$set(_vm.newData, \"trial_billing_amount\", _vm._n($$v))},expression:\"newData.trial_billing_amount\"}})],1),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Billing cycle\")]),_c('v-select',{attrs:{\"options\":_vm.billingCycle.selectOptions,\"searchable\":false,\"clearable\":false,\"append-to-body\":\"\"},model:{value:(_vm.newData.trial_billing_cycle),callback:function ($$v) {_vm.$set(_vm.newData, \"trial_billing_cycle\", $$v)},expression:\"newData.trial_billing_cycle\"}})],1),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Cycle type\")]),_c('v-select',{attrs:{\"options\":_vm.cycleType.selectOptions,\"searchable\":false,\"clearable\":false,\"label\":\"label\",\"reduce\":action => action.id,\"append-to-body\":\"\"},model:{value:(_vm.newData.trial_cycle_type),callback:function ($$v) {_vm.$set(_vm.newData, \"trial_cycle_type\", $$v)},expression:\"newData.trial_cycle_type\"}})],1)]):_vm._e()],1)],1)]},proxy:true},{key:\"actions\",fn:function(){return [(_vm.step==1)?_c('a',{staticClass:\"btn brdr_btn\",on:{\"click\":_vm.closePopup}},[_vm._v(\"Cancel\")]):_c('a',{staticClass:\"btn brdr_btn\",on:{\"click\":function($event){_vm.step=1}}},[_vm._v(\"Back\")]),(_vm.step==1)?_c('button',{staticClass:\"btn continue_btn\",on:{\"click\":function($event){_vm.step = 2}}},[_vm._v(\"Continue\")]):_c('v-button',{attrs:{\"label\":\"Create product\",\"loading\":_vm.isSaving,\"disabled\":!_vm.isValid},on:{\"click\":function($event){return _vm.createProduct(_vm.newData)}}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <Popup class=\"create-product-popup\" title=\"Create new product\" @close=\"closePopup()\">\n        <template v-slot:content>\n            <label class=\"form_steps_label step_1\" :class=\"{'active': step == 2}\">\n                <span class=\"icon\"></span> Select a product type\n              <span v-if=\"step == 2 && newData['is_subscription']\" style=\"font-size: 13px;color: #4268df;margin-left: 10px;\">\n                Subscription\n              </span>\n              <span v-else-if=\"step == 2\" style=\"font-size: 13px;color: #4268df;margin-left: 10px;\">\n                One-time\n              </span>\n            </label>\n            <div class=\"funnel_type_radio_wrpr\" :class=\"{'active': step == 1}\">\n              <div class=\"row\">\n                <div class=\"col margin-rl-20\" style=\"\">\n                  <SelectButton :src=\"require('@/assets/img/tg-icon-1.svg')\" :value=\"false\" v-model=\"newData.is_subscription\"\n                                label=\"One-time\"></SelectButton>\n                </div>\n                <div class=\"col margin-rl-20\">\n                  <SelectButton :src=\"require('@/assets/img/tg-icon-3.svg')\" :value=\"true\" v-model=\"newData.is_subscription\"\n                                label=\"Subscription\"></SelectButton>\n                </div>\n              </div>\n            </div>\n            <div class=\"funnel_details_step\" :class=\"{'active': step == 2}\">\n                <label class=\"form_steps_label step_2\" :class=\"{'active': newData['name']}\">\n                    <span class=\"icon\"></span> Your product details\n                </label>\n\n              <InputField class=\"product-name\" label=\"Product name\" v-model=\"newData['name']\" :error=\"!newData['name']?'Invalid product name':null\">\n\n              </InputField>\n\n              <div v-if=\"!newData.is_subscription\">\n                <PriceField label=\"Price\" v-model.number=\"newData.price\"\n                            :required=\"!newData.is_subscription\" :currency-code=\"currencySymbol\"\n                            :error=\"!newData['price']?'Invalid price':null\"></PriceField>\n              </div>\n              <div v-else>\n                <div class=\"form_group_col_4\" style=\"display: flex;flex-direction: row;\">\n\n                  <div class=\"form-group mb-15 with-icon with_top_block\">\n                    <PriceField label=\"Billing amount\" :currency-code=\"currencySymbol\"\n                                v-model.number=\"newData.billing_amount\"\n                                :required=\"newData.is_subscription\"/>\n                  </div>\n                  <div class=\"form-group mb-15 with_top_block\">\n                    <span class=\"form_group_top_block\">Recurring times</span>\n                      <v-select\n                          :options=\"recurringTimes.selectOptions\"\n                          label=\"label\"\n                          :searchable=\"false\"\n                          :clearable=\"false\"\n                          :reduce=\"action => action.id\"\n                          v-model=\"newData.billing_recurring_times\"\n                          append-to-body />\n                  </div>\n                  <div class=\"form-group mb-15 with_top_block\">\n                    <span class=\"form_group_top_block\" >Billing cycle</span>\n                    <v-select\n                        :options=\"billingCycle.selectOptions\"\n                        :searchable=\"false\"\n                        :clearable=\"false\"\n                        v-model=\"newData.billing_cycle\"\n                        append-to-body />\n                  </div>\n\n                  <div class=\"form-group mb-15 with_top_block\">\n                    <span class=\"form_group_top_block\" >Cycle type</span>\n                    <v-select\n                        :options=\"cycleType.selectOptions\"\n                        :searchable=\"false\"\n                        :clearable=\"false\"\n                        :reduce=\"action => action.id\"\n                        v-model=\"newData.cycle_type\"\n                        append-to-body />\n<!--                    <SelectField-->\n<!--                                 caption=\"Cycle type\"-->\n<!--                                 :reduce=\"t => t.id\"-->\n<!--                                 :searchable=\"false\"-->\n<!--                                 :clearable=\"false\"-->\n<!--                                 :value=\"newData.cycle_type\"-->\n<!--                                 v-model=\"newData.cycle_type\"-->\n<!--                                 :options=\"cycleType.selectOptions\">-->\n<!--                    </SelectField>-->\n                  </div>\n                </div>\n                <v-switch class=\"margin-b-20\" label=\"Has a trial period?\" :value=\"newData.has_trial\"\n                          v-model=\"newData.has_trial\" />\n                <div class=\"form_group_col_3\" v-if=\"newData.has_trial\">\n                  <div class=\"form-group mb-15 with-icon with_top_block\">\n                    <PriceField label=\"Billing amount\" v-model.number=\"newData.trial_billing_amount\"\n                                :required=\"newData.is_subscription && newData.has_trial\"\n                                :currency-code=\"currencySymbol\" />\n                  </div>\n                  <div class=\"form-group mb-15 with_top_block\">\n                    <span class=\"form_group_top_block\" >Billing cycle</span>\n                    <v-select\n                        :options=\"billingCycle.selectOptions\"\n                        :searchable=\"false\"\n                        :clearable=\"false\"\n                        v-model=\"newData.trial_billing_cycle\"\n                        append-to-body />\n                  </div>\n                  <div class=\"form-group mb-15 with_top_block\">\n                    <span class=\"form_group_top_block\" >Cycle type</span>\n                    <v-select\n                        :options=\"cycleType.selectOptions\"\n                        :searchable=\"false\"\n                        :clearable=\"false\"\n                        label=\"label\"\n                        :reduce=\"action => action.id\"\n                        v-model=\"newData.trial_cycle_type\"\n                        append-to-body />\n\n                  </div>\n                </div>\n              </div> <!-- is subscription -->\n            </div>\n        </template>\n\n        <template v-slot:actions>\n          <a v-if=\"step==1\" @click=\"closePopup\" class=\"btn brdr_btn\">Cancel</a>\n          <a v-else @click=\"step=1\" class=\"btn brdr_btn\">Back</a>\n\n          <button v-if=\"step==1\" @click=\"step = 2\" class=\"btn continue_btn\"  >Continue</button>\n          <v-button v-else label=\"Create product\" @click=\"createProduct(newData)\" :loading=\"isSaving\" :disabled=\"!isValid\"></v-button>\n        </template>\n    </Popup>\n\n</template>\n\n<script>\nimport API from \"@/api\"\nimport Popup from \"@/components/base/popup\";\nimport SelectButton from \"@/components/base/select_button\";\nimport InputField from \"@/components/base/input-field\";\nimport PriceField from \"@/components/base/price-field\";\nimport SelectField from \"@/components/base/select-field\";\nimport VSwitch from \"@/components/base/v-switch\";\nimport VButton from \"@/components/base/v-button\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport {mapGetters} from \"vuex\";\n// import Templates from \"@/views/Templates\";\nexport default {\n    name: \"CreateProductPopup\",\n    components: {\n      VButton,\n      VSwitch,\n      SelectField,\n      PriceField,\n      InputField,\n      SelectButton,\n        // Templates,\n        Popup\n    },\n    mixins: [API],\n    props: ['productsLength',],\n    data() {\n        return {\n          isSaving: false,\n          step: 1,\n          continueBtnDisabled: true,\n          isSubscription: false,\n          newData: {\n            \"name\": '',\n            \"price\": 0,\n          },\n          recurringTimes: {\n            selectValue: 4,\n            selectOptions: [],\n          },\n          billingCycle: {\n            selectValue: 4,\n            selectOptions: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24,25, 26, 27, 28, 29, 30],\n          },\n          cycleType: {\n            selectValue: 'day(s)',\n            selectOptions: [\n              {id: 1, label: \"day(s)\"},\n              {id: 2, label: \"week(s)\"},\n              {id: 3, label: \"month(s)\"},\n              {id: 4, label: \"year(s)\"}\n            ],\n          },\n        }\n    },\n  computed: {\n    currencySymbol() {\n      return this.getFunnelStore.currency_code;\n    },\n    isValid() {\n      if (!this.newData.name) return false;\n      return true;\n    },\n    ...mapGetters([\n      \"getFunnelStore\",\n    ]),\n  },\n  methods: {\n    async createProduct(newData) {\n      try {\n        this.isSaving = true;\n        let {id, step} = this.$route.params;\n\n        newData.price = parseFloat(newData.price);\n        newData.billing_amount = parseFloat(newData.billing_amount);\n\n\t      let nameId = newData.name.replace(/ /gi, \"_\").toUpperCase();\n\t      let obId = nameId + '-OB';\n\t      newData.friendly_id = nameId;\n\t      newData.order_bump_id = obId;\n\t      newData.funnel_step = parseInt(step)\n\t      newData.funnel_id = parseInt(id)\n\n\t      let result = await this.api.steps.createProduct(newData);\n        if (!result.error) {\n          this.$store.dispatch('ADD_PRODUCT', result);\n        } else {\n          throw result;\n        }\n        this.$emit('created', newData)\n      } catch (e) {\n        console.error(\"ERROR\", e);\n        this.$notify({\n          group: 'main',\n          type: 'warn',\n          duration: 6000,\n          title: 'Something went wrong! try again later.',\n        });\n      } finally {\n        this.isSaving = false;\n      }\n    },\n    priceChange(e){\n        this.newData.price = parseFloat(e.target.value);\n        console.log('priceChange:', this.newData.price);\n    },\n    closePopup() {\n        this.$emit(\"close\");\n    },\n    setupArrays() {\n      let selectOptions = [{id:0, label:'Infinity'}];\n\n      for (let i = 2; i <= 50; i++) {\n        selectOptions.push({id:i, label:i+\"\"});\n      }\n      this.recurringTimes.selectOptions = selectOptions;\n\n      this.billingCycle.selectOptions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24,25, 26, 27, 28, 29, 30];\n\n    },\n  },\n  created(){\n    var { id, step } = this.$route.params;\n\n    var currentProduct = {\n        'product_variants' : null,\n        'billing_amount' : 0,\n        'billing_cycle' : 1,\n        'billing_recurring_times' : 0,\n        'config' : \"{\\\"highlight\\\":false,\\\"tag\\\":\\\"\\\",\\\"color\\\":\\\"silver\\\",\\\"size\\\":\\\"small\\\"}\",\n        'created_at' : null,\n        'cycle_type' : 1,\n        'deleted_at' : null,\n        'display_price' : \"\",\n        'funnel_id' : parseInt(id),\n        'has_trial' : false,\n        'is_ob' : false,\n        'is_physical' : false,\n        'is_subscription' : false,\n        'name' : \"\",\n        'order_index' : this.productsLength + 1,\n        'price' : 0,\n        'step_id' : parseInt(step),\n        'trial_billing_amount' : 0,\n        'trial_billing_cycle' : 1,\n        'trial_cycle_type' : 1,\n        'updated_at' : null,\n        'user_id' : parseInt(this.$store.state.user)\n    }\n\n    this.newData = currentProduct;\n\n    this.setupArrays();\n  },\n}\n</script>\n<style lang=\"scss\">\n.create-product-popup {\n  .funnel_details_step {\n    .product-name {\n      margin-bottom: 20px;\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!./create_product_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!./create_product_popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./create_product_popup.vue?vue&type=template&id=018bd841&\"\nimport script from \"./create_product_popup.vue?vue&type=script&lang=js&\"\nexport * from \"./create_product_popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./create_product_popup.vue?vue&type=style&index=0&id=018bd841&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","<template>\n    <div class=\"main-content scroll\">\n        <Loading v-show=\"loading\"/>\n\n        <div class=\"funnel_steps_top\" v-if=\"getSingleStepStore\">\n\t        <v-button :locked=\"!is('editor')\"\n\t\t\t        @click=\"$router.push(`/funnel/${$route.params.id}/steps/${$route.params.step}/settings`)\"\n\t\t\t        :icon=\"require('@/assets/img/settings_btn.svg')\" flat class=\"small-btn settings_btn\" />\n\n            <div class=\"left_img_wrpr\" style=\"position: relative;\">\n                <img :src=\"singleStep.thumbnail_hash\"\n                     alt=\"\" @load=\"imageLoading=false\">\n              <loading v-if=\"!show && imageLoading && !loading\"></loading>\n            </div>\n\n            <div class=\"right\">\n                <div class=\"funnel_tag_wrpr\">\n                    <div class=\"funnel_tag\">\n                        <span class=\"icon\">\n                            <inline-svg :src=\"stepTypeDetails.img\"/>\n                        </span>\n                        {{ stepTypeDetails.title }}\n                    </div>\n                </div>\n                <h3>{{ getSingleStepStore.name || ''}}</h3>\n                <div class=\"funnel_steps_urls_wrpr\" v-if=\"(getSingleStepStore.url || getSingleStepStore.url2)\">\n                    <div class=\"funnel_steps_url_item\">\n                        <span class=\"item_title\">Step URL</span>\n                        <div class=\"links-items-group\">\n                            <a :href=\"'http://'+getSingleStepStore.url\" target=\"_blank\" class=\"link_item\">{{getSingleStepStore.url}}</a>\n                            <input type=\"hidden\" id=\"step_url_hidden\" :value=\"getSingleStepStore.url\">\n                            <div class=\"icon icon-circle pointer\" @click=\"copyToClipboard('#step_url_hidden')\">\n                                <inline-svg :src=\"require('@/assets/img/copy_icon_sm.svg')\"/>\n                            </div>\n                            <a :href=\"'http://'+getSingleStepStore.url\" target=\"_blank\" class=\"icon icon-circle pointer\">\n                                <inline-svg :src=\"require('@/assets/img/external_link_icon.svg')\"/>\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"funnel_steps_url_item\" v-if=\"getSingleStepStore.url2\">\n                        <span class=\"item_title\">Step Variant URL</span>\n                        <div class=\"links-items-group\">\n                            <a :href=\"'http://'+getSingleStepStore.url2\" target=\"_blank\" class=\"link_item\">{{getSingleStepStore.url2}}</a>\n                            <input type=\"hidden\" id=\"step_variant_url_hidden\" :value=\"getSingleStepStore.url2\">\n                            <div class=\"icon icon-circle pointer\" @click=\"copyToClipboard('#step_variant_url_hidden')\">\n                                <inline-svg :src=\"require('@/assets/img/copy_icon_sm.svg')\"/>\n                            </div>\n                            <a :href=\"'http://'+getSingleStepStore.url2\" target=\"_blank\" class=\"icon icon-circle pointer\">\n                                <inline-svg :src=\"require('@/assets/img/external_link_icon.svg')\"/>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- STEP CAN HAVE PRODUCTS -->\n        <div class=\"panel funnels-panel products_panel\" v-if=\"getSingleStepStore && canHaveProducts(getSingleStepStore.step_type)\">\n            <div class=\"panel-head\">\n                <h2>Products\n                    <Tooltip side='right'> Products in your funnel step</Tooltip>\n                </h2>\n              <v-button @click=\"createProductOpen=true\" :locked=\"!is('editor')\" label=\"Add a new product\" />\n            </div>\n\t\t        <CreateProductPopup  v-if=\"createProductOpen===true\" :productsLength=\"getObProducts.length + otherProds.length\"\n\t                             @close=\"createProductOpen=false\" @created=\"createProductOpen=false\" />\n\n            <!-- Orderbump -->\n            <div class=\"panel-body panel-body_2 ordered-body entries-table\" v-if=\"getObProducts.length\">\n<!--               TODO: <ProductEntry v-for=\"(item, index) in getObProducts\" :key=\"item.id\" :product=\"item\"></ProductEntry>-->\n                <div class=\"entry panel-item\" v-for=\"(item, index) in getObProducts\" :key=\"item.id\" >\n                    <router-link class=\"list-item-link cell\" :to=\"{ path: `/funnel/${$route.params.id}/steps/${$route.params.step}/product/${item.id}`}\">\n                        <div class=\"products_panel_first_cell cell\">\n                            <div class=\"products_panel_square_label\">\n                                <img :src=\"require('@/assets/img/ob_label.svg')\" alt=\"\">\n                            </div>\n                        </div>\n                        <div class=\"panel-item-cell cell\">\n                            <div class=\"product_panel_link\">{{item.name}}</div>\n                            <span class=\"result-tag\">\n                                {{item.is_subscription ? 'Subscription' : 'One-time'}}\n                            </span>\n                        </div>\n                        <div class=\"panel-item-cell product-price-cell cell\" v-if=\"item.is_subscription\">\n                            <h3 class=\"price\">{{currencySymbol+' '+item.billing_amount}}</h3>\n                            <span class=\"products_panel_weeks\">\n                                {{item.billing_cycle}}\n                                {{ getCycleType(item.cycle_type) }}\n                            </span>\n                        </div>\n                        <div class=\"panel-item-cell product-price-cell cell\" v-else>\n                            <h3 class=\"price\">{{currencySymbol+' '+item.price}}</h3>\n                        </div>\n                    </router-link>\n                    <div class=\"panel_item_btn_wrpr cell\">\n                        <a @click.prevent=\"showCloneProductPopup(item)\" class=\"panel_item_btn copy_btn\"\n                           :class=\"{'disabled':!is('editor')}\">\n                            <inline-svg :src=\"require('@/assets/img/copy_icon.svg')\"/>\n                        </a>\n                        <a @click.prevent=\"showProductDeletePopup(item.id)\" class=\"panel_item_btn delete_btn\"\n                           :class=\"{'disabled':!is('editor')}\">\n                            <inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/>\n                        </a>\n                    </div>\n                </div>\n            </div>\n            <!-- Other products -->\n            <div class=\"panel-body panel-body_2 ordered-body entries-table\" v-if=\"otherProds.length\">\n                <Container @drop=\"onDrop\" lock-axis=\"y\">\n                    <Draggable v-for=\"(item, index) in otherProds\" :key=\"item.id\" class=\"product-result-item\">\n                        <div class=\"panel-item entry\">\n                            <router-link class=\"list-item-link\" :to=\"{ path: `/funnel/${$route.params.id}/steps/${$route.params.step}/product/${item.id}`}\">\n                                <div class=\"products_panel_first_cell\">\n                                    <div class=\"number\">#{{index + 1}}</div>\n                                </div>\n                                <div class=\"panel-item-cell\">\n                                    <div class=\"product_panel_link\">\n                                        {{item.name}}\n                                    </div>\n                                    <span class=\"result-tag\">\n                                        {{item.is_subscription ? 'Subscription' : 'One-time'}}\n                                    </span>\n                                </div>\n                                <div class=\"panel-item-cell product-price-cell\" v-if=\"item.is_subscription\">\n                                    <h3 class=\"price\">{{currencySymbol+' '+item.billing_amount}}</h3>\n                                    <span class=\"products_panel_weeks\">\n                                        {{item.billing_cycle}}\n                                        {{ getCycleType(item.cycle_type) }}\n                                    </span>\n                                </div>\n                                <div class=\"panel-item-cell product-price-cell\" v-else>\n                                    <h3 class=\"price\">{{currencySymbol+' '+item.price}}</h3>\n                                </div>\n                            </router-link >\n                            <div class=\"panel_item_btn_wrpr\">\n                                <a @click.prevent=\"showCloneProductPopup(item)\" class=\"panel_item_btn copy_btn\"\n                                   :class=\"{'disabled':!is('editor')}\">\n                                    <inline-svg :src=\"require('@/assets/img/copy_icon.svg')\"/>\n                                </a>\n                                <a @click.prevent=\"showProductDeletePopup(item.id)\" class=\"panel_item_btn delete_btn\"\n                                   :class=\"{'disabled':!is('editor')}\">\n                                    <inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/>\n                                </a>\n                            </div>\n                        </div>\n                    </Draggable>\n                </Container>\n            </div>\n\n            <div class=\"panel-body panel-body_2 empty-panel\" v-else>\n                <p>No products have been added yet</p>\n            </div>\n\n        </div>\n\n        <!-- STEP CAN'T HAVE PRODUCTS -->\n        <div class=\"panel funnels-panel products_panel\" v-else>\n            <div class=\"panel-head\">\n                <h2>Products\n                    <Tooltip side='right'>\n                        Products in your funnel step\n                    </Tooltip>\n                </h2>\n                <a class=\"btn disabled\">Add a new product</a>\n            </div>\n\n            <div class=\"panel-body panel-body_2 empty-panel\">\n                <p>This step cannot have products, only <b>Order forms</b>, <b>Upsells</b> and <b>Downsells</b> may have products.</p>\n            </div>\n        </div>\n\n        <!-- PRODUCT DETAILS || STEP SETTINGS -->\n        <router-view v-if=\"show\" :products=\"otherProds\" :funnelStep=\"singleStep\"/>\n\n        <!-- POPUPS -->\n        <div class=\"popup_wrpr delete_popup_wrpr add_new_funnel_popup\" :class=\"{active: getProductDeletePopup}\">\n            <ProductDeletePopup :productId=\"productId\" v-if=\"getProductDeletePopup\"\n            :step-id=\"singleStep.step_id\" :funnel-id=\"singleStep.funnel_id\"/>\n        </div>\n\n        <div class=\"popup_wrpr add_new_funnel_popup\" :class=\"{active: getCloneProductPopup}\">\n            <CloneProductPopup v-if=\"getCloneProductPopup\" :product=\"productClone\"\n               :step-id=\"singleStep.step_id\" :funnel-id=\"singleStep.funnel_id\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport MainSearch from \"@/components/MainSearch.vue\";\nimport ActivateAutomationPopup from \"@/components/popups/automation/ActivateAutomationPopup.vue\";\nimport ProductDeletePopup from \"@/components/popups/delete/ProductDeletePopup.vue\"\nimport CloneProductPopup from \"@/components/popups/clone_product_popup\"\nimport Loading from \"@/components/Loading.vue\"\nimport {mapGetters} from \"vuex\"\nimport API from \"@/api\"\nimport {getSymbol} from \"@/helpers/currencies\"\nimport { Container, Draggable } from 'vue-smooth-dnd'\nimport { applyDrag } from '@/helpers/sort'\nimport stepTypes from \"@/helpers/stepTypes\"\nimport Tooltip from \"@/components/Tooltip.vue\"\nimport ProductEntry from \"@/components/base/product-entry\";\nimport CreateProductPopup from \"@/views/funnels/steps/create_product_popup\";\nimport VButton from \"@/components/base/v-button\";\nimport {is} from \"@/helpers/roles\";\n\nexport default {\n    name: \"FunnelSteps\",\n    components: {\n\t    VButton,\n        CreateProductPopup,\n        ProductEntry,\n        MainSearch,\n        Loading,\n        ActivateAutomationPopup,\n        ProductDeletePopup,\n        CloneProductPopup,\n        Container, Draggable,\n        Tooltip\n    },\n    mixins: [API],\n    props: ['step'],\n    data: function() {\n        return {\n          imageLoading: true,\n            createProductOpen: false,\n            show: false,\n            currentAutomation: false,\n            isDragging: false,\n            showEdit: false,\n            loading: true,\n            oldList: [],\n            funnel: {},\n            stepData: [],\n            singleStep: {\n            },\n            products: [],\n            otherProds: [],\n            currentProduct: {},\n            productId: this.$route.params.productId,\n            productClone: {},\n            userData: {\n                \"id\": \"\",\n            }\n        };\n    },\n    computed: {\n\t    stepTypeDetails() {\n\t\t    let type = this.getSingleStepStore.step_type\n\n\t\t    if (type > 0) type -= 1;\n\t\t    if (type >= stepTypes.length || !type) type = 0;\n\n\t\t    return stepTypes[type];\n\t    },\n        currencySymbol() {\n            var symbol;\n            if(this.getFunnelStore.currency_code !== \"\") {\n                symbol = getSymbol(this.getFunnelStore.currency_code);\n            } else {\n                symbol = '$';\n            }\n            return symbol\n        },\n        ...mapGetters([\n            \"getProductSettingsPopup\",\n            \"getFunnelSettingPopup\",\n            \"getActivateAutomationPopup\",\n            \"getAddNewStepPopup\",\n            \"getProductDeletePopup\",\n            \"getStepDataStore\",\n            \"getSingleStepStore\",\n            \"getProductsStore\",\n            \"getFunnelStore\",\n            \"getCloneProductPopup\"\n        ]),\n        getObProducts() {\n            if(this.getProductsStore && this.getProductsStore.length) {\n                console.log(this.getProductsStore);\n                return this.sortProducts(this.getProductsStore.filter(item => item.is_ob));\n            } else return []\n\n        },\n        getOtherProducts() {\n            if(this.getProductsStore && this.getProductsStore.length) {\n                console.log(this.getProductsStore);\n                return this.sortProducts(this.getProductsStore.filter(item => !item.is_ob));\n            } else return []\n        }\n    },\n    watch: {\n        step(val) {\n            this.loading = true;\n            this.singleStep = {  };\n            this.init(val);\n        },\n        getOtherProducts(val) {\n            this.otherProds = val;\n        }\n    },\n    methods: {\n    \tis(role){\n    \t\treturn is(role)\n\t    },\n        canHaveProducts(id) {\n            if(id) {\n                switch (parseInt(id)) {\n                    case 1: // order form\n                    case 2: // upsell\n                    case 4: // downsell\n                        return true\n                    break;\n                    default:\n                        return false\n                }\n            } else return false\n        },\n        sortProducts(arr) {\n            function compare(a, b) {\n              if (a.order_index < b.order_index) return -1;\n              if (a.order_index > b.order_index) return 1;\n              return 0;\n            }\n            return arr.sort(compare);\n        },\n        async onDrop (dropResult) {\n            if(dropResult.removedIndex !== dropResult.addedIndex) {\n                this.otherProds = applyDrag(this.otherProds, dropResult);\n\n                var first = this.otherProds[dropResult.removedIndex];\n                var second = this.otherProds[dropResult.addedIndex];\n\n                var firstOrder = first.order_index;\n                var secondOrder = second.order_index;\n\n                first.order_index = secondOrder;\n                second.order_index = firstOrder;\n\n                this.otherProds.forEach(async (item, index) => {\n                    item.order_index = index + 1;\n                    var update = await this.api.steps.patchProduct(item.id, item);\n                })\n\n                // var resFirst = await this.api.steps.patchProduct(first.id, first);\n                // var resSecond = await this.api.steps.patchProduct(second.id, second);\n\n                // this.$store.dispatch('EDIT_PRODUCT', resFirst.data);\n                // this.$store.dispatch('EDIT_PRODUCT', resSecond.data);\n            }\n        },\n        getCycleType(type) {\n            var string = '';\n            switch (type) {\n                case 1:\n                    string = ' day(s)';\n                    break;\n                case 2:\n                    string = ' week(s)';\n                    break;\n                case 3:\n                    string = ' month(s)';\n                    break;\n                case 4:\n                    string = ' year(s)';\n                    break;\n            }\n            return string\n        },\n        showAddNewStepPopup() {\n            this.$store.commit(\"showAddNewStepPopup\");\n        },\n        showProductDeletePopup(thisProductId) {\n            this.productId = thisProductId;\n            this.$store.commit(\"showProductDeletePopup\");\n        },\n        showCloneProductPopup(item) {\n            this.productClone = item;\n            this.$store.commit(\"showCloneProductPopup\");\n        },\n        copyToClipboard(queryElem) {\n            let elemToCopy = document.querySelector(queryElem);\n            elemToCopy.setAttribute('type', 'text');\n            elemToCopy.select();\n\n            try {\n                var successful = document.execCommand('copy');\n\n            } catch (err) {\n                alert('Oops, unable to copy');\n            }\n\n            elemToCopy.setAttribute('type', 'hidden')\n            window.getSelection().removeAllRanges()\n        },\n        async init(step) {\n          this.imageLoading = true;\n            var res = await this.api.steps.get(step);\n            this.$store.dispatch('setSingleStepStore', res);\n\n            var check = await this.canHaveProducts(res.step_type);\n            if(check) {\n                var prodRes = await this.api.steps.getProducts(step);\n                this.$store.dispatch('setProductsStore', prodRes);\n                // this.products = await this.sortProducts(prodRes.data);\n                // this.otherProds = this.getOtherProducts;\n            }\n            this.singleStep = await res;\n\n            this.$nextTick(()=> {\n                this.loading = false;\n                this.show = true;\n            });\n\n        },\n    },\n    created() {\n        var {id, step} = this.$route.params;\n        this.init(step);\n    }\n}\n</script>\n\n<style lang=\"scss\">\n    .funnel_steps_top .settings_btn {\n      position: absolute;\n      right: 0;\n      top: 15px;\n\t    padding: 10px 14px;\n    }\n\n    .funnel_steps_top .settings_btn:hover svg path {\n        fill: #4368E0;\n    }\n    .product-result-item {\n        cursor: pointer;\n        & a.list-item-link {\n            cursor: pointer;\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!./funnel_step.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_step.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./funnel_step.vue?vue&type=template&id=3838b89c&\"\nimport script from \"./funnel_step.vue?vue&type=script&lang=js&\"\nexport * from \"./funnel_step.vue?vue&type=script&lang=js&\"\nimport style0 from \"./funnel_step.vue?vue&type=style&index=0&id=3838b89c&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!./funnel_step.vue?vue&type=style&index=0&id=3838b89c&prod&lang=scss&\""],"sourceRoot":""}