{"version":3,"sources":["webpack:///./src/views/funnels/steps/product-side-panel.vue?357f","webpack:///./src/views/funnels/steps/product-side-panel.vue","webpack:///src/views/funnels/steps/product-side-panel.vue","webpack:///./src/views/funnels/steps/product-side-panel.vue?36a1","webpack:///./src/views/funnels/steps/product-side-panel.vue?bef0","webpack:///./src/assets/img/copy_icon_sm.svg"],"names":["render","_vm","this","_c","_self","staticClass","class","right_open","showRightPanel","directives","name","rawName","value","loading","expression","attrs","on","$event","preventDefault","closePopup","apply","arguments","require","active","newData","validationError","staticStyle","_v","_s","handleNameId","model","callback","$$v","$set","_m","is_ob","editCheckbox","is_subscription","_e","currencyCode","editNumber","price","_n","billing_amount","recurringTimes","selectOptions","dropdownAutoWidth","width","dropdownCssClass","selectNumber","billing_recurring_times","required","requiredField","billingCycle","billing_cycle","cycleType","cycle_type","has_trial","trial_billing_amount","trial_billing_cycle","trial_cycle_type","scopedSlots","_u","key","fn","proxy","display_price","config","highlight","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","default","super_highlight","top_tag","swatches","paddingLeft","height","borderStyle","borderColor","borderWidth","marginRight","marginLeft","color","size","_q","tag","friendly_id","composing","copyClipboard","order_bump_id","_l","newVariants","item","index","deleteVariant","options","length","option","optindex","deleteOption","is","addNewOption","addNewVariant","newAutomations","id","automationTitle","trigger_id","editAutomationItem","itemEntryDeleteClick","isdeleteAutomationOpen","currentAutomation","deleteAutomationItem","showAutomationPopup","validation","saving","saveData","currentProduct","deleteProduct","funnelStep","products","clipboardValue","openAutomation","$route","params","step","automationSaved","staticRenderFns","props","type","delete","components","AutomationEntry","InfoIcon","VButton","PriceField","VSwitch","InputField","DeleteAutomationPopup","automationItemEntry","ProductPreview","AutomationPopup","VSwatches","Loading","mixins","data","settingsToggle","selectValue","text","computed","watch","handler","deep","getAutomationData","console","methods","conditionTwo","conditionOne","setTimeout","elemToCopy","window","isNaN","editInfo","path","soldout","title","user_id","variants","group","product_id","productId","mounted","component","module","exports"],"mappings":"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H,kBACAyH,gBACA,+BAEAlI,gBACAkI,wBACA,mCAEAtI,kBACA,mBAEAuI,cACA,gCAEApC,kBACA,uBACA,0BACA,0BAEAlB,sBACA,kBACA,yBACA,wBAEAK,sBACA,0BACA,kBACA,wBAEAvG,aACA,OAAA+F,OAAAoB,GAAA,mBACA,mBAAAsC,kCAEA5D,gBACA,uBACAtG,QACA+F,UAAA/F,QAAAmK,gBAGArE,iBACA,8BAEAO,gBACA,kCACArG,QACAmK,cAGAhE,kBACA,yCAEAkB,iBACA,8CAEAZ,mBACA,oBACA,cACA,UACA,OACA2D,gBACA,MACA,OACAA,cACA,MACA,OACAA,qBACA,MACA,OACAA,2BACA,MAEA,UAEAxD,wBACA,yBACA,gCAGA,mBACA,0BAEA,QACAJ,0BACA6D,yCACAC,4DAEA,2DACA,CAEA,uDACA,mDACA,CACA,iBACA,GACA9D,KACA6D,yCACAC,4DAEA,kCACA,qBACA,OAAA9D,OAAAoB,GAAA,mBACA,mBAAAsC,iDAIA,8BACA,4BACA,+BACA,6DAEA,iBACA,iEACA,YACA,wBACA,cACAlC,YACAuC,aACAH,oDAEAP,gBACA,yBACA,UAEA,IAKA,GAJA,wBACA,eACA,gDAEA,wBACA,6EACA,2CAEA,CACA,mDACA,sCAGA,kBACA,OACAW,gBACAH,yCACAC,4DAGA,2BAEA,mBAEA,SACA,eA1BC,QA4BD,iBAIA,aACA,+CACA,OAAA9D,OAAAoB,YAAA6C,GAAA,mBACA,qBAEA,0CACA,sBAEA,IACA,0DACA,SACAhB,iBACA,oBAGA,oFACA,CAEA,0CACA,gBAEA,qBACA,yBACA,WACA,gBACA,gBACA,oBACA,sBACA,mCACA,gCACA,qCACA,mBACA,oBACA,mBACA,gBACA,aACA,0BACA,yBACA,sBACA,6BACA,2HACA,eACA,eACA,mBACA,UAEA,oBAEA,0CACA,2BAEA,gDACA,gDAEA,eAGA,qCAEA,0BACA,kFAGAiB,UACA,cC/rB0X,I,wBCQtXC,EAAY,eACd,EACArL,EACAwI,GACA,EACA,KACA,WACA,MAIa,aAAA6C,E,8BCnBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-d5f94e10.dcbe6894.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!./product-side-panel.vue?vue&type=style&index=0&id=acb9588a&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_wrpr product-settings-popup-wrap active\"},[_c('div',{staticClass:\"app_settings_popup\",class:{right_open: _vm.showRightPanel}},[_c('div',{staticClass:\"popup_left_side\"},[_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.closePopup.apply(null, arguments)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1),_c('a',{staticClass:\"right_toggle\",class:{active: _vm.showRightPanel},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.showRightPanel = !_vm.showRightPanel}}},[_c('svg',{attrs:{\"width\":\"10\",\"height\":\"10\",\"viewBox\":\"0 0 10 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M6.96124 8.03874L6.37208 8.6279L2.74416 4.99999L6.37208 1.37207L6.96124 1.96124L3.92249 4.99999L6.96124 8.03874Z\",\"fill\":\"#E4E6F1\"}})])]),(_vm.newData)?_c('div',{staticClass:\"popup_side_content scroll\",class:{'not-valid': _vm.validationError}},[_c('h3',{staticClass:\"popup_title product-name layout-row\",staticStyle:{\"border-bottom\":\"1px solid #e5e6f1\"}},[_c('span',{staticClass:\"flex\"},[_vm._v(\" \"+_vm._s(_vm.newData.name || '')+\" \")]),_c('div',{staticClass:\"flex-none info_btn\",on:{\"click\":function($event){_vm.showRightPanel = !_vm.showRightPanel}}},[_c('span',[_vm._v(\"Preview\")]),_c('inline-svg',{attrs:{\"src\":require('@/assets/img/info_icon.svg')}})],1)]),_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Basic\")]),_c('input-field',{attrs:{\"required\":\"\",\"label\":\"Product name\",\"info\":\"This is the product name your customers will see, We recommend using the same product name in Clickfunnels.\"},on:{\"input\":function($event){return _vm.handleNameId($event)}},model:{value:(_vm.newData.name),callback:function ($$v) {_vm.$set(_vm.newData, \"name\", $$v)},expression:\"newData.name\"}}),_vm._m(0),_c('v-switch',{attrs:{\"label\":\"Is this an order bump?\",\"value\":_vm.newData.is_ob},on:{\"change\":function($event){return _vm.editCheckbox($event, 'is_ob')}},model:{value:(_vm.newData.is_ob),callback:function ($$v) {_vm.$set(_vm.newData, \"is_ob\", $$v)},expression:\"newData.is_ob\"}})],1),_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Price\")]),_c('v-switch',{attrs:{\"label\":\"Is a subscription?\",\"value\":_vm.newData.is_subscription},on:{\"change\":function($event){return _vm.editCheckbox($event, 'is_subscription')}},model:{value:(_vm.newData.is_subscription),callback:function ($$v) {_vm.$set(_vm.newData, \"is_subscription\", $$v)},expression:\"newData.is_subscription\"}}),(!_vm.newData.is_subscription)?_c('div',{staticClass:\"mb-15\",staticStyle:{\"margin-top\":\"25px\"}},[_c('price-field',{attrs:{\"currency-code\":_vm.currencyCode,\"label\":\"Price\",\"required\":\"\"},on:{\"change\":function($event){return _vm.editNumber($event, 'price')}},model:{value:(_vm.newData.price),callback:function ($$v) {_vm.$set(_vm.newData, \"price\", _vm._n($$v))},expression:\"newData.price\"}})],1):_vm._e(),(_vm.newData.is_subscription)?_c('div',{staticClass:\"form_group_col_4 billing-panel\",staticStyle:{\"margin-top\":\"25px\"}},[_c('price-field',{staticClass:\"billing-box\",staticStyle:{\"width\":\"130px\"},attrs:{\"currency-code\":_vm.currencyCode,\"label\":\"Billing amount\",\"required\":\"\"},on:{\"change\":function($event){return _vm.editNumber($event,'billing_amount')}},model:{value:(_vm.newData.billing_amount),callback:function ($$v) {_vm.$set(_vm.newData, \"billing_amount\", _vm._n($$v))},expression:\"newData.billing_amount\"}}),_c('div',{staticClass:\"form-group mb-15 with_top_block billing-box\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Recurring times\")]),_c('Select2',{staticClass:\"select2_arrow\",attrs:{\"options\":_vm.recurringTimes.selectOptions,\"settings\":{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}},on:{\"change\":function($event){return _vm.selectNumber($event, 'billing_recurring_times')}},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 billing-box\"},[_c('span',{staticClass:\"form_group_top_block\",class:{required: _vm.requiredField('billing_cycle', 'is_subscription')}},[_vm._v(\"Billing cycle\")]),_c('Select2',{staticClass:\"select2_arrow\",attrs:{\"options\":_vm.billingCycle.selectOptions,\"settings\":{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}},on:{\"change\":function($event){return _vm.selectNumber($event, 'billing_cycle')}},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 billing-box\"},[_c('span',{staticClass:\"form_group_top_block\",class:{required: _vm.requiredField('cycle_type', 'is_subscription')}},[_vm._v(\"Cycle type\")]),_c('Select2',{staticClass:\"select2_arrow\",attrs:{\"options\":_vm.cycleType.selectOptions,\"settings\":{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}},on:{\"change\":function($event){return _vm.selectNumber($event, 'cycle_type')}},model:{value:(_vm.newData.cycle_type),callback:function ($$v) {_vm.$set(_vm.newData, \"cycle_type\", $$v)},expression:\"newData.cycle_type\"}})],1)],1):_vm._e(),(_vm.newData.is_subscription)?_c('div',{staticClass:\"p-0 b-0\"},[_c('v-switch',{staticClass:\"margin-b-20\",attrs:{\"label\":\"Has a trial period?\",\"value\":_vm.newData.has_trial},on:{\"change\":function($event){return _vm.editCheckbox($event, 'has_trial')}},model:{value:(_vm.newData.has_trial),callback:function ($$v) {_vm.$set(_vm.newData, \"has_trial\", $$v)},expression:\"newData.has_trial\"}})],1):_vm._e(),(_vm.newData.has_trial && _vm.newData.is_subscription)?_c('div',{staticClass:\"form_group_col_3\"},[_c('price-field',{staticClass:\"billing-box\",staticStyle:{\"min-width\":\"130px\"},attrs:{\"currency-code\":_vm.currencyCode,\"label\":\"Billing amount\",\"required\":\"\"},on:{\"change\":function($event){return _vm.editNumber($event, 'trial_billing_amount')}},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\"}}),_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\",class:{required: _vm.requiredField('trial_billing_cycle', 'has_trial')}},[_vm._v(\"Billing cycle\")]),_c('Select2',{staticClass:\"select2_arrow\",attrs:{\"options\":_vm.billingCycle.selectOptions,\"settings\":{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}},on:{\"change\":function($event){return _vm.selectNumber($event, 'trial_billing_cycle')}},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\",class:{required: _vm.requiredField('trial_cycle_type', 'has_trial')}},[_vm._v(\"Cycle type\")]),_c('Select2',{staticClass:\"select2_arrow\",attrs:{\"options\":_vm.cycleType.selectOptions,\"settings\":{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}},on:{\"change\":function($event){return _vm.selectNumber($event, 'trial_cycle_type')}},model:{value:(_vm.newData.trial_cycle_type),callback:function ($$v) {_vm.$set(_vm.newData, \"trial_cycle_type\", $$v)},expression:\"newData.trial_cycle_type\"}})],1)],1):_vm._e(),(!_vm.newData.is_ob)?_c('div',{staticClass:\"margin-t-25\"},[_c('input-field',{attrs:{\"interactive\":\"\",\"label\":\"Displayed price (optional)\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('p',[_vm._v(\" This will be the price \\\"text\\\" that will be shown to your customers on your order form (it will not affect the price they get charged). \")]),_c('p',{staticClass:\"info-message\"},[_vm._v(\"This is only supported when using \"),_c('b',[_vm._v(\"Funnelish Pay\")]),_vm._v(\".\")]),_c('div',{staticClass:\"info-message\"},[_vm._v(\" You can use dynamic texts such as: \"),_c('ul',{staticStyle:{\"line-height\":\"20px\"}},[_c('li',[_c('b',[_vm._v(\"{PRICE} :\")]),_vm._v(\" it will render the actual price of your product dynamically.\")]),_c('li',[_c('b',[_vm._v(\"{CURRENCY} :\")]),_vm._v(\" it will render the actual currency of your funnel dynamically.\")]),_c('li',[_c('b',[_vm._v(\"{TRIAL-PRICE} :\")]),_vm._v(\" it will render the actual billing amount of your product trial amount or \\\"free\\\" if it's free trial dynamically.\")])])])]},proxy:true}],null,false,1551838343),model:{value:(_vm.newData.display_price),callback:function ($$v) {_vm.$set(_vm.newData, \"display_price\", $$v)},expression:\"newData.display_price\"}})],1):_vm._e()],1),(!_vm.newData.is_ob)?_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Highlighting\")]),_c('div',{staticClass:\"brdr_box_w_checkbox p-0 b-0\"},[_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.highlight),expression:\"config.highlight\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.config.highlight)?_vm._i(_vm.config.highlight,null)>-1:(_vm.config.highlight)},on:{\"change\":function($event){var $$a=_vm.config.highlight,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config, \"highlight\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config, \"highlight\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config, \"highlight\", $$c)}}}}),_vm._m(1)]),_c('h3',[_vm._v(\"Is highlighted?\")])]),_vm._m(2),(_vm.config.highlight)?_c('div',{staticClass:\"brdr_box_w_checkbox p-0 b-0\"},[_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.default),expression:\"config.default\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.config.default)?_vm._i(_vm.config.default,null)>-1:(_vm.config.default)},on:{\"change\":function($event){var $$a=_vm.config.default,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config, \"default\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config, \"default\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config, \"default\", $$c)}}}}),_vm._m(3)]),_c('h3',[_vm._v(\"Select by default\")])]):_vm._e(),(_vm.config.highlight)?_c('div',{staticClass:\"brdr_box_w_checkbox p-0 b-0 mb-24\"},[_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.super_highlight),expression:\"config.super_highlight\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.config.super_highlight)?_vm._i(_vm.config.super_highlight,null)>-1:(_vm.config.super_highlight)},on:{\"change\":function($event){var $$a=_vm.config.super_highlight,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config, \"super_highlight\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config, \"super_highlight\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config, \"super_highlight\", $$c)}}}}),_vm._m(4)]),_c('h3',[_vm._v(\"Bring Forward\")])]):_vm._e(),(_vm.config.highlight)?_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('input-field',{attrs:{\"label\":\"Top tag (Optional)\"},model:{value:(_vm.config.top_tag),callback:function ($$v) {_vm.$set(_vm.config, \"top_tag\", $$v)},expression:\"config.top_tag\"}})],1):_vm._e(),(_vm.config.highlight)?_c('div',{staticClass:\"form-group inline mb-24\"},[_c('div',{staticClass:\"color-control\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Color:\")]),_c('v-swatches',{attrs:{\"show-fallback\":\"\",\"shapes\":\"circles\",\"popover-x\":\"right\",\"fallback-ok-text\":\"Set color\",\"swatches\":_vm.swatches,\"wrapper-style\":{width: '145px', paddingLeft: '0'},\"swatch-style\":{width: '25px', height: '25px', borderStyle: 'solid', borderColor: '#FFFFFF', borderWidth: '2px', marginRight: '5px', marginLeft: '5px'}},model:{value:(_vm.config.color),callback:function ($$v) {_vm.$set(_vm.config, \"color\", $$v)},expression:\"config.color\"}})],1),_c('div',{staticClass:\"font-options\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Text Size:\")]),_c('label',{staticClass:\"radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.size),expression:\"config.size\"}],attrs:{\"type\":\"radio\",\"name\":\"font\",\"value\":\"small\"},domProps:{\"checked\":_vm._q(_vm.config.size,\"small\")},on:{\"change\":function($event){return _vm.$set(_vm.config, \"size\", \"small\")}}}),_c('span',{staticClass:\"radiomark\"}),_vm._v(\" Small \")]),_c('label',{staticClass:\"radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.size),expression:\"config.size\"}],attrs:{\"type\":\"radio\",\"name\":\"font\",\"value\":\"big\"},domProps:{\"checked\":_vm._q(_vm.config.size,\"big\")},on:{\"change\":function($event){return _vm.$set(_vm.config, \"size\", \"big\")}}}),_c('span',{staticClass:\"radiomark\"}),_vm._v(\" Big \")])])]):_vm._e(),(_vm.config.highlight)?_c('div',{staticClass:\"form-group mb-15 with_top_block\"},[_c('input-field',{attrs:{\"label\":\"Side tag (Optional)\"},model:{value:(_vm.config.tag),callback:function ($$v) {_vm.$set(_vm.config, \"tag\", $$v)},expression:\"config.tag\"}})],1):_vm._e()]):_vm._e(),(_vm.newData.is_ob)?_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Clickfunnels Tracking\")]),_vm._m(5)]):_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Clickfunnels Tracking\")]),_vm._m(6),_c('div',{staticClass:\"form-group with-copy-icon mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Cart product ID\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newData.friendly_id),expression:\"newData.friendly_id\"}],staticClass:\"control-input\",attrs:{\"disabled\":\"\",\"type\":\"text\"},domProps:{\"value\":(_vm.newData.friendly_id)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newData, \"friendly_id\", $event.target.value)}}}),_c('div',{staticClass:\"copy-icon\",on:{\"click\":function($event){return _vm.copyClipboard($event, _vm.newData.friendly_id)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon_sm.svg')}})],1)]),_c('div',{staticClass:\"control-info mb-24\"},[_vm._v(\" Use this ID to track sales of the current product when bought alone. \")]),_c('div',{staticClass:\"form-group with-copy-icon mb-15 with_top_block\"},[_c('span',{staticClass:\"form_group_top_block\"},[_vm._v(\"Cart Product ID + Orderbump\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newData.order_bump_id),expression:\"newData.order_bump_id\"}],staticClass:\"control-input\",attrs:{\"disabled\":\"\",\"type\":\"text\"},domProps:{\"value\":(_vm.newData.order_bump_id)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newData, \"order_bump_id\", $event.target.value)}}}),_c('div',{staticClass:\"copy-icon\",on:{\"click\":function($event){return _vm.copyClipboard($event, _vm.newData.order_bump_id)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/copy_icon_sm.svg')}})],1)]),_c('div',{staticClass:\"control-info\"},[_vm._v(\" Use this ID to track sales of the current product when bought with the order bump. \")])]),(_vm.newData.is_ob)?_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Variants\")]),_vm._m(7)]):_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Variants\")]),_vm._m(8),_c('div',{staticClass:\"variants-wrap\"},[_vm._l((_vm.newVariants),function(item,index){return _c('div',{key:index,staticClass:\"variant-box\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"label with-icon\"},[_vm._v(\" Variant \"),_c('info-icon',[_vm._v(\"eg. color, size...\")])],1),_c('div',{staticClass:\"form-group\"},[_c('input-field',{model:{value:(item.name),callback:function ($$v) {_vm.$set(item, \"name\", $$v)},expression:\"item.name\"}})],1),_c('div',{staticClass:\"delete-icon\",on:{\"click\":function($event){return _vm.deleteVariant(index)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1)]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"label-top-group\"},[_c('div',{staticClass:\"label with-icon\"},[_vm._v(\" Options \"),_c('info-icon',[_vm._v(\"eg. Blue, Green, M, L, XS...etc\")])],1)]),(!item.options.length)?_c('p',{staticClass:\"msg\"},[_vm._v(\"No options yet, add an option to get started.\")]):_c('div',{staticClass:\"option-items-wrap\"},_vm._l((item.options),function(option,optindex){return _c('div',{key:optindex,staticClass:\"option-item\"},[_c('input-field',{model:{value:(option.name),callback:function ($$v) {_vm.$set(option, \"name\", $$v)},expression:\"option.name\"}}),_c('div',{staticClass:\"delete-icon\",on:{\"click\":function($event){return _vm.deleteOption(index, optindex)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1)],1)}),0),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"border\":\"\",\"label\":\"Add new option\",\"locked\":!_vm.is('editor')},on:{\"click\":function($event){return _vm.addNewOption(index)}}})],1)])])}),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"border\":\"\",\"label\":\"Add new variant\",\"locked\":!_vm.is('editor')},on:{\"click\":_vm.addNewVariant}})],1)],2)]),_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Automations\")]),_vm._m(9),(_vm.newAutomations.length)?_c('div',{staticClass:\"automation-items entries-table\"},[_vm._l((_vm.newAutomations),function(item){return _c('automation-entry',{key:item.id,attrs:{\"item\":item,\"title\":_vm.automationTitle(item.trigger_id)},on:{\"click\":function($event){return _vm.editAutomationItem(item)},\"delete\":_vm.itemEntryDeleteClick}})}),(_vm.isdeleteAutomationOpen)?_c('DeleteAutomationPopup',{attrs:{\"automation\":_vm.currentAutomation},on:{\"done\":function($event){return _vm.deleteAutomationItem($event.id)},\"close\":function($event){_vm.isdeleteAutomationOpen=false,_vm.currentAutomation=null}}}):_vm._e()],2):_vm._e(),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"border\":\"\",\"locked\":!_vm.is('automations'),\"label\":\"Create new automation\"},on:{\"click\":_vm.showAutomationPopup}})],1)])]):_vm._e(),_c('div',{staticClass:\"bottom_btns_wrpr\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"layout-row\"},[_c('a',{staticClass:\"btn brdr_btn\",on:{\"click\":function($event){$event.preventDefault();return _vm.closePopup.apply(null, arguments)}}},[_vm._v(\"Cancel\")]),_c('v-button',{attrs:{\"disabled\":_vm.validation.length>0,\"locked\":!_vm.is('editor'),\"loading\":_vm.saving,\"label\":\"Save changes\"},on:{\"click\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}})],1)]),(_vm.currentProduct && _vm.currentProduct.id)?_c('v-button',{attrs:{\"label\":\"Delete Product\",\"border\":\"\",\"red\":\"\",\"locked\":!_vm.is('editor')},on:{\"click\":function($event){return _vm.deleteProduct(_vm.currentProduct.id)}}}):_vm._e()],1)],1),_c('div',{staticClass:\"popup_right_side\"},[_c('product-preview',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showRightPanel),expression:\"showRightPanel\"}],attrs:{\"variants\":_vm.newVariants,\"step\":_vm.funnelStep,\"products\":_vm.products,\"product\":_vm.newData}})],1)]),_c('input',{attrs:{\"type\":\"hidden\",\"id\":\"cfw_url_hidden\"},domProps:{\"value\":`${_vm.clipboardValue}`}}),(_vm.openAutomation)?_c('portal',{attrs:{\"to\":\"popup\"}},[_c('AutomationPopup',{attrs:{\"is-edit\":!_vm.currentAutomation || !!_vm.currentAutomation.id,\"product\":_vm.currentProduct,\"automation\":_vm.currentAutomation,\"step-id\":_vm.$route.params.step,\"funnel-id\":_vm.$route.params.id,\"is-plus\":false},on:{\"close\":function($event){_vm.openAutomation=false},\"done\":_vm.automationSaved}})],1):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"control-info\"},[_vm._v(\" If you changed your product name, make sure to copy new product cart id from \"),_c('strong',[_vm._v(\"\\\"Clickfunnels Tracking\\\"\")]),_vm._v(\" panel below if needed. \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"control-info mb-15\"},[_vm._v(\" Activate the \\\"Fancify\\\" App under \"),_c('strong',[_vm._v(\"/Apps\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"Funnel > Apps,\")]),_vm._v(\" in order to use highlighting. \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"txt-wrap\"},[_c('p',[_c('strong',[_vm._v(\"This is an order bump,\")]),_vm._v(\" in order to track your order bump sales you'll have to use the tracking ID provided within each product. \")]),_c('p',[_vm._v(\" The \"),_c('strong',[_vm._v(\"\\\"Cart Product ID + Orderbump\\\"\")]),_vm._v(\" ID can be used to create a tracking product within Clickfunnels for the order bump when combined with each product. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"txt-wrap\"},[_c('p',[_vm._v(\" In order to have your sales tracked in Clickfunnels, you'll have to copy the Product Cart ID below and add it to your PayPal product in Clickfunnels under \"),_c('strong',[_vm._v(\"\\\"Your Funnel\\\" > Settings > 3rd Party Membership Access.\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"txt-wrap\"},[_c('p',[_vm._v(\" Order bumps do not support having variants, If you believe this is something we should work on then do let us know at \"),_c('a',{attrs:{\"href\":\"mailto:support@funnelish.com\",\"target\":\"_blank\"}},[_vm._v(\"support@funnelish.com\")]),_vm._v(\". \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"txt-wrap\"},[_c('p',[_vm._v(\" Add variants if this product has multiple options, such as size or color. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"txt-wrap mb-15\"},[_c('p',[_vm._v(\" Trigger any action with our 3rd party integrations when the product is purchased, refunded, subscribed to, or canceled. \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"popup_wrpr product-settings-popup-wrap active\">\n        <div class=\"app_settings_popup\" :class=\"{right_open: showRightPanel}\">\n            <div class=\"popup_left_side\">\n\n                <Loading v-show=\"loading\"/>\n\n                <a href=\"#\" class=\"close_popup_btn\" @click.prevent=\"closePopup\">\n                    <inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n                </a>\n\n                <a href=\"#\" class=\"right_toggle\" :class=\"{active: showRightPanel}\" @click.prevent=\"showRightPanel = !showRightPanel\">\n                    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.96124 8.03874L6.37208 8.6279L2.74416 4.99999L6.37208 1.37207L6.96124 1.96124L3.92249 4.99999L6.96124 8.03874Z\" fill=\"#E4E6F1\"></path>\n                    </svg>\n                </a>\n\n                <div class=\"popup_side_content scroll\" v-if=\"newData\" :class=\"{'not-valid': validationError}\">\n                    <h3 class=\"popup_title product-name layout-row\" style=\"  border-bottom: 1px solid #e5e6f1;\">\n                      <span class=\"flex\">\n                        {{newData.name || ''}}\n                      </span>\n\n                      <div class=\"flex-none info_btn\" @click=\"showRightPanel = !showRightPanel\">\n                        <span>Preview</span>\n                        <inline-svg :src=\"require('@/assets/img/info_icon.svg')\"/>\n                      </div>\n                    </h3>\n                    <div class=\"brdr_content_wrpr\">\n                        <h3 class=\"brdr_content_title\">Basic</h3>\n                      <input-field required label=\"Product name\" v-model=\"newData.name\" @input=\"handleNameId($event)\"\n                                   info=\"This is the product name your customers will see, We recommend using the same product name in Clickfunnels.\">\n                      </input-field>\n                      <div class=\"control-info\" >\n                        If you changed your product name, make sure to copy new product cart id from <strong>\"Clickfunnels Tracking\"</strong> panel below if needed.\n                      </div>\n\n                      <v-switch label=\"Is this an order bump?\" v-model=\"newData.is_ob\"\n                                :value=\"newData.is_ob\" @change=\"editCheckbox($event, 'is_ob')\"></v-switch>\n                    </div>\n                    <div class=\"brdr_content_wrpr\" >\n                      <h3 class=\"brdr_content_title\">Price</h3>\n\n                      <v-switch label=\"Is a subscription?\" v-model=\"newData.is_subscription\"\n                                :value=\"newData.is_subscription\" @change=\"editCheckbox($event, 'is_subscription')\"></v-switch>\n\n                      <div class=\"mb-15\" style=\"margin-top: 25px;\" v-if=\"!newData.is_subscription\">\n                        <price-field :currency-code=\"currencyCode\" label=\"Price\" required\n                                     v-model.number=\"newData.price\" @change=\"editNumber($event, 'price')\" />\n                      </div>\n\n                      <div class=\"form_group_col_4 billing-panel\" style=\"margin-top: 25px;\" v-if=\"newData.is_subscription\">\n                        <price-field class=\"billing-box\" style=\"width: 130px;\" :currency-code=\"currencyCode\" label=\"Billing amount\" required\n                                     v-model.number=\"newData.billing_amount\" @change=\"editNumber($event,'billing_amount')\"></price-field>\n\n                        <div class=\"form-group mb-15 with_top_block billing-box\">\n                          <span class=\"form_group_top_block\">Recurring times</span>\n                          <Select2 class=\"select2_arrow\" @change=\"selectNumber($event, 'billing_recurring_times')\"\n                                   v-model=\"newData.billing_recurring_times\" :options=\"recurringTimes.selectOptions\" :settings=\"{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}\" />\n                        </div>\n                        <div class=\"form-group mb-15 with_top_block billing-box\">\n                          <span class=\"form_group_top_block\" :class=\"{required: requiredField('billing_cycle', 'is_subscription')}\">Billing cycle</span>\n                          <Select2 class=\"select2_arrow\" @change=\"selectNumber($event, 'billing_cycle')\"\n                                   v-model=\"newData.billing_cycle\" :options=\"billingCycle.selectOptions\"\n                                   :settings=\"{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}\" />\n                        </div>\n                        <div class=\"form-group mb-15 with_top_block billing-box\">\n                          <span class=\"form_group_top_block\" :class=\"{required: requiredField('cycle_type', 'is_subscription')}\">Cycle type</span>\n                          <Select2 class=\"select2_arrow\" @change=\"selectNumber($event, 'cycle_type')\"\n                                   v-model=\"newData.cycle_type\" :options=\"cycleType.selectOptions\"\n                                   :settings=\"{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}\" />\n                        </div>\n                      </div>\n\n                      <div class=\"p-0 b-0 \" v-if=\"newData.is_subscription\">\n                        <v-switch class=\"margin-b-20\" label=\"Has a trial period?\" v-model=\"newData.has_trial\"\n                                  :value=\"newData.has_trial\" @change=\"editCheckbox($event, 'has_trial')\"></v-switch>\n                      </div>\n\n                      <div class=\"form_group_col_3\" v-if=\"newData.has_trial && newData.is_subscription\" >\n\n                        <price-field class=\"billing-box\" style=\"min-width: 130px;\" :currency-code=\"currencyCode\"\n                                     label=\"Billing amount\" required v-model.number=\"newData.trial_billing_amount\"\n                                     @change=\"editNumber($event, 'trial_billing_amount')\"></price-field>\n\n                        <div class=\"form-group mb-15 with_top_block\">\n                          <span class=\"form_group_top_block\" :class=\"{required: requiredField('trial_billing_cycle', 'has_trial')}\">Billing cycle</span>\n                          <Select2 class=\"select2_arrow\" @change=\"selectNumber($event, 'trial_billing_cycle')\"\n                                   v-model=\"newData.trial_billing_cycle\" :options=\"billingCycle.selectOptions\" :settings=\"{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}\" />\n                        </div>\n                        <div class=\"form-group mb-15 with_top_block\">\n                          <span class=\"form_group_top_block\" :class=\"{required: requiredField('trial_cycle_type', 'has_trial')}\">Cycle type</span>\n                          <Select2 class=\"select2_arrow\" @change=\"selectNumber($event, 'trial_cycle_type')\"\n                                   v-model=\"newData.trial_cycle_type\" :options=\"cycleType.selectOptions\"\n                                   :settings=\"{dropdownAutoWidth: false, width: '100%', dropdownCssClass: 'no-search'}\" />\n                        </div>\n                      </div>\n\n                      <div v-if=\"!newData.is_ob\" class=\"margin-t-25\">\n                        <input-field interactive label=\"Displayed price (optional)\"\n                                     v-model=\"newData.display_price\">\n                          <template v-slot:info>\n                            <p>\n                              This will be the price \"text\" that will be shown to your customers on your order form (it will not affect the price they get charged).\n                            </p>\n                            <p class=\"info-message\">This is only supported when using <b>Funnelish Pay</b>.</p>\n                            <div class=\"info-message\">\n                              You can use dynamic texts such as:\n                              <ul style=\"line-height: 20px\">\n                                <li><b>{PRICE} :</b> it will render the actual price of your product dynamically.</li>\n                                <li><b>{CURRENCY} :</b> it will render the actual currency of your funnel dynamically.</li>\n                                <li><b>{TRIAL-PRICE} :</b> it will render the actual billing amount of your product trial amount or \"free\" if it's free trial dynamically.</li>\n                              </ul>\n                            </div>\n                          </template>\n                        </input-field>\n                      </div>\n                    </div>\n\n                    <div class=\"brdr_content_wrpr\" v-if=\"!newData.is_ob\">\n                        <h3 class=\"brdr_content_title\">Highlighting</h3>\n                        <div class=\"brdr_box_w_checkbox p-0 b-0\">\n                            <label class=\"switch_checkbox_item\">\n                                <input type=\"checkbox\" v-model=\"config.highlight\">\n                                <div class=\"switch_checkbox\"><span></span></div>\n                            </label>\n                            <h3>Is highlighted?</h3>\n                        </div>\n                        <div class=\"control-info mb-15\">\n                            Activate the \"Fancify\" App under <strong>/Apps</strong> and <strong>Funnel > Apps,</strong> in order to use highlighting.\n                        </div>\n                        <div class=\"brdr_box_w_checkbox p-0 b-0\" v-if=\"config.highlight\">\n                            <label class=\"switch_checkbox_item\">\n                                <input type=\"checkbox\" v-model=\"config.default\">\n                                <div class=\"switch_checkbox\"><span></span></div>\n                            </label>\n                            <h3>Select by default</h3>\n                        </div>\n                        <div class=\"brdr_box_w_checkbox p-0 b-0 mb-24\" v-if=\"config.highlight\">\n                            <label class=\"switch_checkbox_item\">\n                                <input type=\"checkbox\" v-model=\"config.super_highlight\">\n                                <div class=\"switch_checkbox\"><span></span></div>\n                            </label>\n                            <h3>Bring Forward</h3>\n                        </div>\n                        <div class=\"form-group mb-15 with_top_block\" v-if=\"config.highlight\">\n                          <input-field label=\"Top tag (Optional)\" v-model=\"config.top_tag\"></input-field>\n                        </div>\n                        <div class=\"form-group inline mb-24\" v-if=\"config.highlight\">\n                            <div class=\"color-control\">\n                                <span class=\"label\">Color:</span>\n                                <v-swatches\n                                    v-model=\"config.color\"\n                                    show-fallback\n                                    shapes=\"circles\"\n                                    popover-x=\"right\"\n                                    fallback-ok-text=\"Set color\"\n                                    :swatches=\"swatches\"\n                                    :wrapper-style=\"{width: '145px', paddingLeft: '0'}\"\n                                    :swatch-style=\"{width: '25px', height: '25px', borderStyle: 'solid', borderColor: '#FFFFFF', borderWidth: '2px', marginRight: '5px', marginLeft: '5px'}\"\n                                ></v-swatches>\n                            </div>\n                            <div class=\"font-options\">\n                                <span class=\"label\">Text Size:</span>\n                                <label class=\"radio\">\n                                    <input type=\"radio\" name=\"font\" value=\"small\" v-model=\"config.size\">\n                                    <span class=\"radiomark\"></span>\n                                    Small\n                                </label>\n                                <label class=\"radio\">\n                                    <input type=\"radio\" name=\"font\" value=\"big\" v-model=\"config.size\">\n                                    <span class=\"radiomark\"></span>\n                                    Big\n                                </label>\n                            </div>\n                        </div>\n                        <div class=\"form-group mb-15 with_top_block\" v-if=\"config.highlight\">\n                          <input-field label=\"Side tag (Optional)\" v-model=\"config.tag\"></input-field>\n                        </div>\n                    </div>\n                    <div class=\"brdr_content_wrpr\" v-if=\"newData.is_ob\">\n                        <h3 class=\"brdr_content_title\">Clickfunnels Tracking</h3>\n                        <div class=\"txt-wrap\">\n                            <p>\n                                <strong>This is an order bump,</strong> in order to track your order bump sales you'll have to use the tracking ID provided within each product.\n                            </p>\n                            <p>\n                                The <strong>\"Cart Product ID + Orderbump\"</strong> ID can be used to create a tracking product within Clickfunnels for the order bump when combined with each product.\n                            </p>\n                        </div>\n                    </div>\n                    <div class=\"brdr_content_wrpr\" v-else>\n                        <h3 class=\"brdr_content_title\">Clickfunnels Tracking</h3>\n                        <div class=\"txt-wrap\">\n                            <p>\n                                In order to have your sales tracked in Clickfunnels,\n                                you'll have to copy the Product Cart ID below and add it to your PayPal product in Clickfunnels under <strong>\"Your Funnel\" > Settings > 3rd Party Membership Access.</strong>\n                            </p>\n                        </div>\n                        <div class=\"form-group with-copy-icon mb-15 with_top_block\">\n                            <span class=\"form_group_top_block\">Cart product ID</span>\n                            <input disabled type=\"text\" class=\"control-input\" v-model=\"newData.friendly_id\">\n                            <div class=\"copy-icon\" @click=\"copyClipboard($event, newData.friendly_id)\">\n                                <inline-svg :src=\"require('@/assets/img/copy_icon_sm.svg')\"/>\n                            </div>\n                        </div>\n                        <div class=\"control-info mb-24\">\n                            Use this ID to track sales of the current product when bought alone.\n                        </div>\n                        <div class=\"form-group with-copy-icon mb-15 with_top_block\">\n                            <span class=\"form_group_top_block\">Cart Product ID + Orderbump</span>\n                            <input disabled type=\"text\" class=\"control-input\" v-model=\"newData.order_bump_id\">\n                            <div class=\"copy-icon\" @click=\"copyClipboard($event, newData.order_bump_id)\">\n                                <inline-svg :src=\"require('@/assets/img/copy_icon_sm.svg')\"/>\n                            </div>\n                        </div>\n                        <div class=\"control-info\">\n                            Use this ID to track sales of the current product when bought with the order bump.\n                        </div>\n                    </div>\n                    <div class=\"brdr_content_wrpr\" v-if=\"newData.is_ob\">\n                        <h3 class=\"brdr_content_title\">Variants</h3>\n                        <div class=\"txt-wrap\">\n                            <p>\n                                Order bumps do not support having variants, If you believe this is something we should work on then do let us know at <a href=\"mailto:support@funnelish.com\" target=\"_blank\">support@funnelish.com</a>.\n                            </p>\n                        </div>\n                    </div>\n\n                  <!-- Variants -->\n                    <div class=\"brdr_content_wrpr\" v-else>\n                        <h3 class=\"brdr_content_title\">Variants</h3>\n                        <div class=\"txt-wrap\">\n                            <p>\n                                Add variants if this product has multiple options, such as size or color.\n                            </p>\n                        </div>\n                        <div class=\"variants-wrap\">\n                            <div class=\"variant-box\" v-for=\"(item, index) in newVariants\" :key=\"index\">\n                                <div class=\"left\">\n                                    <div class=\"label with-icon\">\n\t                                    Variant <info-icon>eg. color, size...</info-icon>\n                                    </div>\n                                    <div class=\"form-group\">\n                                      <input-field v-model=\"item.name\"></input-field>\n                                    </div>\n                                    <div class=\"delete-icon\" @click=\"deleteVariant(index)\"><inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/></div>\n                                </div>\n                                <div class=\"right\">\n                                    <div class=\"label-top-group\">\n                                        <div class=\"label with-icon\">\n                                            Options <info-icon>eg. Blue, Green, M, L, XS...etc</info-icon>\n                                        </div>\n                                    </div>\n                                    <p v-if=\"!item.options.length\" class=\"msg\">No options yet, add an option to get started.</p>\n                                    <div v-else class=\"option-items-wrap\">\n                                        <div class=\"option-item\" v-for=\"(option, optindex) in item.options\" :key=\"optindex\">\n                                          <input-field v-model=\"option.name\"></input-field>\n                                            <div class=\"delete-icon\" @click=\"deleteOption(index, optindex)\">\n                                                <inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/>\n                                            </div>\n                                        </div>\n                                    </div>\n\t                                <div class=\"layout-row\">\n\t\t                                <v-button border label=\"Add new option\" :locked=\"!is('editor')\"\n\t\t                                          @click=\"addNewOption(index)\" />\n\t                                </div>\n                                </div>\n                            </div>\n\t                        <div class=\"layout-row\">\n\t\t                        <v-button border label=\"Add new variant\" :locked=\"!is('editor')\"\n\t\t                                  @click=\"addNewVariant\" />\n\t                        </div>\n                        </div>\n                    </div>\n                    <!-- Automations -->\n                    <div class=\"brdr_content_wrpr\">\n                        <h3 class=\"brdr_content_title\">Automations</h3>\n                        <div class=\"txt-wrap mb-15\">\n                            <p>\n                                Trigger any action with our 3rd party integrations when the product is purchased, refunded, subscribed to, or canceled.\n                            </p>\n                        </div>\n                        <div class=\"automation-items entries-table\" v-if=\"newAutomations.length\">\n                            <automation-entry\n                                v-for=\"item in newAutomations\" :key=\"item.id\"\n                                :item=\"item\"\n                                :title=\"automationTitle(item.trigger_id)\"\n                                @click=\"editAutomationItem(item)\"\n                                @delete=\"itemEntryDeleteClick\"\n                            />\n\n                            <DeleteAutomationPopup\n                                :automation=\"currentAutomation\"\n                                v-if=\"isdeleteAutomationOpen\"\n                                @done=\"deleteAutomationItem($event.id)\"\n                                @close=\"isdeleteAutomationOpen=false,currentAutomation=null\"\n                            />\n                        </div>\n\n\t                    <div class=\"layout-row\">\n\t\t                    <v-button border :locked=\"!is('automations')\"\n\t\t                              @click=\"showAutomationPopup\" label=\"Create new automation\"></v-button>\n\t                    </div>\n                    </div>\n                </div>\n                <div class=\"bottom_btns_wrpr\">\n                    <div class=\"left\">\n\t                    <div class=\"layout-row\">\n\t\t                    <a @click.prevent=\"closePopup\" class=\"btn brdr_btn\">Cancel</a>\n\t\t                    <v-button @click.prevent=\"saveData\" :disabled=\"validation.length>0\"\n\t\t                              :locked=\"!is('editor')\"\n\t\t                              :loading=\"saving\" label=\"Save changes\"></v-button>\n\t                    </div>\n                    </div>\n                    <v-button label=\"Delete Product\" v-if=\"currentProduct && currentProduct.id\" border red\n                              :locked=\"!is('editor')\"\n                         @click=\"deleteProduct(currentProduct.id)\" />\n                </div>\n            </div>\n            <div class=\"popup_right_side\">\n                <product-preview v-show=\"showRightPanel\" :variants=\"newVariants\" :step=\"funnelStep\"\n                                 :products=\"products\" :product=\"newData\"></product-preview>\n            </div>\n        </div>\n        <input type=\"hidden\" id=\"cfw_url_hidden\" :value=\"`${clipboardValue}`\">\n\n\t    <portal to=\"popup\" v-if=\"openAutomation\">\n\t\t\t    <AutomationPopup :is-edit=\"!currentAutomation || !!currentAutomation.id\" :product=\"currentProduct\"\n\t\t\t                     :automation=\"currentAutomation\"\n\t\t\t                     :step-id=\"$route.params.step\" :funnel-id=\"$route.params.id\" :is-plus=\"false\"\n\t\t\t                     @close=\"openAutomation=false\" @done=\"automationSaved\"  />\n\t\t    </portal>\n    </div>\n</template>\n\n<script>\nimport VSwatches from 'vue-swatches'\nimport 'vue-swatches/dist/vue-swatches.css'\nimport API from \"@/api\"\nimport Loading from \"@/components/Loading.vue\"\nimport {mapGetters} from \"vuex\"\nimport ProductPreview from \"@/views/funnels/steps/product_preview/product_preview\";\n\nimport DeleteAutomationPopup from \"@/views/funnels/steps/products/delete_automation_popup\";\nimport automationItemEntry from \"@/views/funnels/steps/products/automationItemEntry.vue\";\n\nimport InputField from \"@/components/base/input-field\";\nimport VSwitch from \"@/components/base/v-switch\";\nimport PriceField from \"@/components/base/price-field\";\nimport VButton from \"@/components/base/v-button\";\nimport AutomationPopup from \"@/components/popups/automation/AutomationPopup.vue\";\nimport InfoIcon from \"@/components/base/info-icon\";\nimport {is} from \"@/helpers/roles\";\nimport AutomationEntry from \"@/views/funnels/funnel-plus/steps/products/automation-entry\";\n\nexport default {\n    name: \"ProductSidePanel\",\n    props: {\n      funnelStep: {\n        default: () => {},\n      },\n        products: {\n          require: true,\n          type: Array,\n          default: () => [],\n        },\n        delete: {\n            require: true,\n            type: Function\n        }\n    },\n    components: {\n\t    AutomationEntry,\n\t    InfoIcon,\n        VButton,\n        PriceField,\n        VSwitch,\n        InputField,\n        DeleteAutomationPopup,\n        automationItemEntry,\n        ProductPreview,\n\t    AutomationPopup,\n        VSwatches,\n        Loading\n    },\n    mixins: [API],\n    data() {\n        return {\n          saving: false,\n          isdeleteAutomationOpen: false,\n          currentAutomation: null,\n\t        openAutomation:false,\n            validationError: false,\n            newData: {},\n            loading: true,\n            config: {},\n            color: \"#68C2E9\",\n            swatches: ['#FB595B', '#68C2E9', '#15D7AE', '#FDCC5E', '#4368E0', '#252A32', '#636A7B', '#C5C7D2', '#2E408C', '#97AACD', '#449CF4', '#6689FC'],\n            newVariants: [],\n            newAutomations: [],\n            showRightPanel: false,\n            settingsToggle: true,\n            recurringTimes: {\n                selectValue: 4,\n                selectOptions: [{id:0, text:'Infinite'}, 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, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52],\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, text: \"day(s)\"},\n                    {id: 2, text: \"week(s)\"},\n                    {id: 3, text: \"month(s)\"},\n                    {id: 4, text: \"year(s)\"}\n                ],\n            },\n            validation: [],\n            currentProduct: {},\n            clipboardValue: ''\n        }\n    },\n    computed: {\n        ...mapGetters([\"getAutomationData\", \"getAutomationPopup\", \"ifError\", 'getFunnelStore']),\n      currencyCode: function () {\n          return this.getFunnelStore.currency_code;\n      },\n    },\n    watch: {\n        config: {\n          handler(val){\n            try {\n              this.newData.config = JSON.stringify(val)\n            }catch (e) {}\n          },\n          deep: true\n        },\n        getAutomationData(val) {\n            console.log('getAutomationData', val);\n            this.$nextTick(() => this.init());\n        },\n    },\n    methods: {\n    \tis(role){\n    \t\treturn is(role)\n\t    },\n        //UI\n        requiredField(optionOne, optionTwo = false) {\n            var conditionOne = false, conditionTwo = false;\n            if(optionTwo) {\n                conditionTwo = this.newData[optionTwo]\n            }\n            conditionOne = this.newData[optionOne] ? this.newData[optionOne] > 0 : false;\n\n            var result = (!conditionOne);\n            return result\n        },\n        handleNameId(value) {\n            let id = value.replace(/ /gi, \"_\").toUpperCase();\n            let obId = id + '-OB';\n            this.newData['friendly_id'] = id;\n            this.newData['order_bump_id'] = obId;\n        },\n        copyClipboard(event, text) {\n            this.clipboardValue = text;\n\n            setTimeout(() => {\n                let elemToCopy = document.querySelector('#cfw_url_hidden');\n                elemToCopy.setAttribute('type', 'text');\n                elemToCopy.select();\n\n                try {\n                    var successful = document.execCommand('copy');\n                } catch (err) {\n                    console.log('Oops, unable to copy');\n                }\n\n                elemToCopy.setAttribute('type', 'hidden')\n                window.getSelection().removeAllRanges()\n            }, 100);\n        },\n        selectNumber(event, field) {\n            isNaN(event) ? event = 0 : '';\n            this.newData[field] = parseFloat(event);\n        },\n        editNumber(event, field) {\n            isNaN(value) ? value = 0 : '';\n            this.newData[field] = parseFloat(value);\n        },\n        editCheckbox(checked, field) {\n            this.newData[field] = checked\n        },\n        editInfo(event, field) {\n            this.newData[field] = event.target.value\n        },\n\t    automationSaved() {\n\t\t    this.openAutomation = false;\n\t\t    this.currentAutomation = false;\n\t\t    this.updateAutomations();\n\t    },\n        editAutomationItem(item) {\n            this.updateInfo();\n\t\t\t\t\t\tthis.currentAutomation = item;\n\t\t\t\t\t\tthis.openAutomation = true;\n        },\n        showAutomationPopup() {\n\t        this.currentAutomation = {};\n\t        this.updateInfo();\n\t        this.openAutomation = true;\n        },\n        closePopup() {\n            var {id, step} = this.$route.params;\n            this.$router.push({path: `/funnel/${id}/steps/${step}`});\n        },\n        addNewVariant() {\n            this.newVariants.push({\n                name: '',\n                options: [{ name: '', soldout: false }]\n            })\n        },\n        deleteVariant(index) {\n            this.newVariants.splice(index, 1);\n        },\n        addNewOption(index) {\n            this.newVariants[index].options.push({\n                name: '',\n                soldout: false\n            })\n        },\n        deleteOption(index, optindex) {\n            this.newVariants[index].options.splice(optindex, 1)\n        },\n        deleteProduct(id) {\n            this.$store.commit(\"showProductDeletePopup\");\n        },\n        automationTitle(id) {\n            var title = 'On Purchase';\n            var trigger = parseInt(id);\n            switch(trigger) {\n                case 1:\n                    title = 'On Purchase'\n                    break;\n                case 2:\n                    title = 'On Refund'\n                    break\n                case 3:\n                    title = 'New Subscription'\n                    break\n                case 4:\n                    title = 'Subscription Cancelled'\n                    break\n            }\n            return title\n        },\n        itemEntryDeleteClick(item){\n            this.currentAutomation = item;\n            this.isdeleteAutomationOpen = true;\n        },\n        //API\n        async updateInfo() {\n            if(this.currentProduct.id) {\n                //EXISTING PRODUCT\n                var data = {\n                    id: this.currentProduct.id,\n                    user_id: parseInt(this.$store.state.user),\n                    variants: JSON.stringify({variants: this.newVariants})\n                }\n                var varinatsResult = await this.api.steps.patchVariants(this.currentProduct.id, data);\n            } else {\n                //NEW PRODUCT\n                var result = await this.api.steps.createProduct(this.newData);\n                if(result.error) console.log('PRODUCT CREATE ERROR');\n                else {\n                    var newId = await result.id;\n                    var data = {\n                        id: newId,\n                        user_id: parseInt(this.$store.state.user),\n                        variants: JSON.stringify({variants: this.newVariants})\n                    }\n                    var varinatsResult = await this.api.steps.patchVariants(newId, data);\n                    this.$emit('update');\n                    var { id, step } = this.$route.params;\n                    this.$router.push({path: `/funnel/${id}/steps/${step}/product/${newId}`})\n                }\n            }\n        },\n        async deleteAutomationItem(id) {\n          this.currentAutomation = null;\n          this.isdeleteAutomationOpen = false;\n          this.newAutomations = this.newAutomations.filter((item) => item.id !== id)\n        },\n        async saveData() {\n            var errors = document.querySelectorAll('.app_settings_popup .required');\n            if(errors.length) {\n                this.validationError = true;\n                this.$notify({\n                  type:\"warn\",\n                  group: \"main\",\n                  title: \"Looks like some required fields are empty\",\n                });\n                setTimeout(()=> {\n                    this.validationError = false;\n                }, 5000)\n            } else {\n              try {\n                this.validationError = false;\n                this.saving = true;\n                this.newData.config = JSON.stringify(this.config);\n\n                if (this.currentProduct.id) {\n                  var result = await this.api.steps.patchProduct(this.currentProduct.id, this.newData);\n                  this.$store.dispatch('EDIT_PRODUCT', result);\n\n                } else {\n                  var result = await this.api.steps.createProduct(this.newData);\n                  this.$store.dispatch('ADD_PRODUCT', result);\n                }\n\n                if (!this.ifError) {\n                  var data = {\n                    product_id: result.id,\n                    user_id: parseInt(this.$store.state.user),\n                    variants: JSON.stringify({variants: this.newVariants})\n                  }\n\n                  var varinatsResult = await this.patchVariants(result.id, data);\n\n                  this.closePopup();\n                }\n              } catch (e) {\n                this.$error(e)\n              } finally {\n                this.saving = false;\n              }\n            }\n        },\n        async init() {\n            this.$store.commit(\"showProductSettingsPopup\");\n            var { id, step, productId } = this.$route.params;\n            if(productId !== 'create-new') {\n                //EXISTING PRODUCT\n                var productRes =  await this.api.steps.getVariants(productId);\n                this.currentProduct = productRes;\n\n                try {\n\t                this.newVariants = JSON.parse(productRes.variants.variants).variants\n                } catch (e) {\n\t                console.error(e)\n\t                this.newVariants = [];\n                }\n\n\t            this.newAutomations = await this.api.steps.getAutomations(this.currentProduct.id);\n            } else {\n                //NEW PRODUCT\n                var prodRes = await this.api.steps.getProducts(step);\n                this.products = prodRes;\n                //EMPTY PRODUCT MODEL\n                this.currentProduct = {\n\t                \"name\": 'BRAND NEW PRODUCT',\n\t                \"price\": null,\n\t                \"created_at\":null,\n\t                \"updated_at\":null,\n\t                \"step_id\": parseInt(step),\n\t                \"funnel_id\": parseInt(id),\n\t                \"order_index\": this.products.length + 1,\n\t                \"friendly_id\": 'BRAND_NEW_PRODUCT',\n\t                \"order_bump_id\": 'BRAND_NEW_PRODUCT-OB',\n\t                \"is_subscription\": false,\n\t                \"billing_amount\": null,\n\t                \"billing_cycle\": null,\n\t                \"cycle_type\": null,\n\t                \"has_trial\": false,\n\t                \"trial_billing_amount\": null,\n\t                \"trial_billing_cycle\": null,\n\t                \"trial_cycle_type\": null,\n\t                \"billing_recurring_times\": null,\n\t                \"config\": \"{\\\"highlight\\\":false,\\\"default\\\":false,\\\"super_highlight\\\":false,\\\"top_tag\\\":\\\"\\\",\\\"tag\\\":\\\"\\\",\\\"color\\\":\\\"silver\\\",\\\"size\\\":\\\"small\\\"}\",\n\t                \"min_order\": null,\n\t                \"max_order\": null,\n\t                \"checkout_type\": null,\n\t                \"is_ob\": false\n                }\n                this.newVariants = []\n            }\n            var safeString = JSON.stringify(this.currentProduct);\n            this.newData = JSON.parse(safeString);\n\n            if(this.newData.config && this.newData.config.length) {\n                this.config = JSON.parse(this.newData.config) || {};\n            } else {\n                this.config = {};\n            }\n\n            this.$nextTick(()=> this.loading = false );\n        },\n        async updateAutomations() {\n\t        this.newAutomations = await this.api.steps.getAutomations(this.currentProduct.id);\n        },\n    },\n    mounted() {\n        this.init();\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.automation-items {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin-bottom: 15px;\n}\n.variants-wrap {\n  .input-field {\n    height: 32px;\n    background: white;\n  }\n}\n.product-name {\n  max-width: 625px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: flex;\n  > span {\n    display: block;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n}\n.billing-panel {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  flex-wrap: nowrap;\n\n  .billing-box {\n    margin-right: 10px;\n    flex-grow: 1;\n    flex-shrink: 0;\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n  .form-group.with_top_block .copy-icon {\n      transition: 0.15s;\n  }\n  .form-group.with_top_block .copy-icon:hover {\n      background: #D5E5FF;\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!./product-side-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!./product-side-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-side-panel.vue?vue&type=template&id=acb9588a&scoped=true&\"\nimport script from \"./product-side-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./product-side-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-side-panel.vue?vue&type=style&index=0&id=acb9588a&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  \"acb9588a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/copy_icon_sm.d84bb984.svg\";"],"sourceRoot":""}