{"version":3,"sources":["webpack:///./src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue?31f5","webpack:///./src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue","webpack:///./src/views/funnels/funnel-plus/steps/products/product-image-panel.vue","webpack:///src/views/funnels/funnel-plus/steps/products/product-image-panel.vue","webpack:///./src/views/funnels/funnel-plus/steps/products/product-image-panel.vue?af89","webpack:///./src/views/funnels/funnel-plus/steps/products/product-image-panel.vue?274e","webpack:///./src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue","webpack:///./src/views/funnels/funnel-plus/steps/products/manage-variants.vue","webpack:///src/views/funnels/funnel-plus/steps/products/manage-variants.vue","webpack:///./src/views/funnels/funnel-plus/steps/products/manage-variants.vue?2048","webpack:///./src/views/funnels/funnel-plus/steps/products/manage-variants.vue?d2bb","webpack:///src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue","webpack:///./src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue?1674","webpack:///./src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue?b19f","webpack:///src/components/base/QuillEditor.vue","webpack:///./src/components/base/QuillEditor.vue","webpack:///./src/components/base/QuillEditor.vue?8ba0","webpack:///src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue","webpack:///./src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue?c8fa","webpack:///./src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue?d868","webpack:///./src/views/funnels/funnel-plus/steps/products/product-image-panel.vue?b7ad","webpack:///./src/views/funnels/funnel-plus/steps/products/manage-variants.vue?ae47","webpack:///./src/views/funnels/funnel-plus/steps/products/manage-variants.vue?871b","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?c99e","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue","webpack:///src/modules/page-editor/src/components/popups/SelectImagePopup.vue","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?b818","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?dbaf","webpack:///./src/views/funnels/funnel-plus/steps/products/product-image-panel.vue?e79d","webpack:///./src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue?484b","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?e4ca","webpack:///./src/views/funnels/funnel-plus/steps/plus-product-side-panel.vue?168a","webpack:///./src/assets/img/upload.svg","webpack:///./src/assets/img/product-img-sample.png","webpack:///./src/views/funnels/funnel-plus/steps/products/product-variants-panel.vue?91fd"],"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","newData","validationError","staticStyle","_v","_s","model","callback","$$v","$set","is_ob","closed","status","priceClosed","statusToggle","is_subscription","_e","currencyCode","price","_n","billing_amount","recurringTimes","selectNumber","billing_recurring_times","billingCycles","billing_cycle","cycleTypes","cycle_type","has_trial","editNumber","trial_billing_amount","trial_billing_cycle","trial_cycle_type","priceEditorFocused","display_price","editorOption","onQuillEditorCreated","onEditorChange","highlightClosed","config","default","hidden","super_highlight","scopedSlots","_u","key","fn","proxy","top_tag","tag","swatches","width","paddingLeft","height","borderStyle","borderColor","borderWidth","marginRight","marginLeft","color","size","domProps","_q","_m","newVariants","variantsSaving","funnel_id","openVariants","manageVariantsOpen","automationsClosed","newAutomations","length","_l","item","id","automationTitle","trigger_id","editAutomationItem","itemEntryDeleteClick","isdeleteAutomationOpen","currentAutomation","deleteAutomationItem","loadingAutomations","automationPopupOpen","currentProduct","step_id","automationSaved","is","showAutomationPopup","disabled","validation","saveData","deleteProduct","staticRenderFns","imageClosed","popupOpen","product","image_url","stopPropagation","funnelId","url","components","SelectImagePopup","InfoIcon","VButton","props","data","computed","methods","localStorage","created","component","variantsClosed","variants","index","deleteVariant","options","option","optindex","deleteOption","addNewOption","addNewVariant","savingVariants","$emit","rows","row","selected","option1","option2","option3","filter","Boolean","join","currentRow","imgUrl","saving","save","mixins","Loading","PriceField","InputField","Popup","title","console","r","ManageVariants","soldout","Font","import","Quill","SizeStyle","Link","MyLink","node","BlockEmbed","ImageBlot","src","display","float","margin","Parchment","alignConfig","scope","whitelist","AlignAttribute","Attributor","Attribute","AlignClass","Class","AlignStyle","Style","inEditor","type","delete","SelectField","QuillEditor","ProductVariantsPanel","ProductImagePanel","VSpinner","AutomationEntry","AutomationPopup","DeleteAutomationPopup","AutomationItemEntry","VSwitch","ProductPreview","VSwatches","modules","toolbar","theme","settingsToggle","text","products","getSymbol","stepId","productId","editor","quill","html","requiredField","conditionTwo","conditionOne","copyClipboard","event","isNaN","editInfo","step","path","product_id","user_id","setTimeout","newProduct","mounted","closeThisPopup","newFolderState","newFolderInput","creatingFolder","createNewFolder","popupCategories","popupActiveCategory","folderToDelete","deleteFolderPopup","uploading","uploadFile","imageFilteredList","chooseImage","showDeletePopup","deletePopup","deletingImage","deleteImage","deleteImageId","deletingFolder","deleteCategory","selectImageItems","lst","Array","from","map","x","formData","newFolder","module","exports"],"mappings":"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A,0CACA,mCAEA9F,WACA,4CACA,iCAEA+F,YACA,qCACA,wCAEAjL,eACA,2BACA,yCACA,0DAGA2F,SACAxE,wBACA+J,gEAEA5G,MACA,0BAEAlD,sBAAA+J,OAAAC,OAAAP,IACA,8BAEA,2BACA,kBACA,4BAEAhL,gBACA,+BACA+F,mDAEAvB,kBACA,0BACA,4BACA,wBAEAR,wBACA,yBACA,gCAEAwH,sBACA,SACA,GACAC,gBAEAC,uCAEA,SACA,UAGAC,mBACA1D,aAAA2D,QAAAZ,UAEAxK,kBACAqL,gBACA,+BAEA9K,gBACA8K,0CACA,4CAEAC,cACA,gCAEA/H,sBACA,kBACA,yBACA,6BAEAW,sBACA,0BACA,kBACA,6BAEA3F,aACA,yCACA,CACA,OAAA6E,OAAAmI,GAAA,mBACA,mBAAAC,oCAIAlH,iBACA,8CAEAjB,mBACA,oBACA,cACA,0CACA,uEAEA,yBACA,EAEA,QAGA,mBACA,IAEA,GADA,uBACA,wBAEA,OACAoI,kCACA7I,wCACAmB,oCACA2H,yCACA/F,4DAEA,yDAEA,UAbA,QAgBA,yBAGA,8BACA,+BACA,6DAEA,iBACA,iEACA,YACA,wBACAgG,gBACA,yBACA,SACA,CACA,wBACA,gBACA,gDAEA,SAIA,GAHAC,6EACA,wCAEA,cACA,OACAH,gBACA1H,kBACAnB,sBACA8I,yCACA/F,sDAGA,8CACAiG,qBAEA,gBACA,oCACA,kBAGA,kBAGA,wBACA,IACA,2BACA,iFACA,SACA,uBACA,cALA,QAOA,6BAGA,aACA,IACA,qFACA,6EACA,mFACA,yFAEA,+CACA,mDAEA,2CAGA,GAFA,sBAEA,uCACA,IACA,wEACA,MACA,yBAGA,0BAEA,uBAEA,0CACA,2BACAnE,0BACA,gDACA,gDAEA,eAEA,SACA,cAhCA,QAkCA,kBAGA,0BACA,mFAGAoE,UACA,aAEArG,UACA,sBAAApC,KAAAoH,kBACA,sBACA,0BAAApH,KAAAoH,YAGA,sBACA,sBACA,yBAAApH,KAAAoH,WClnB8Y,MCS1Y,I,oBAAY,eACd,GACApN,EACAmH,GACA,EACA,KACA,WACA,OAIa,gB,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","file":"js/chunk-58ae6f57.ecbbc346.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!./plus-product-side-panel.vue?vue&type=style&index=0&id=4728d3b0&prod&lang=scss&\"","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),(_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:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Basic\")]),_c('input-field',{attrs:{\"required\":\"\",\"label\":\"Product name\"},model:{value:(_vm.newData.name),callback:function ($$v) {_vm.$set(_vm.newData, \"name\", $$v)},expression:\"newData.name\"}}),_c('v-switch',{attrs:{\"label\":\"Is this an order bump?\",\"value\":_vm.newData.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:\"expandable-area\",class:{closed:_vm.status.priceClosed}},[_c('h3',{staticClass:\"expandable-title\",on:{\"click\":function($event){return _vm.statusToggle('priceClosed')}}},[_vm._v(\"Price \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/chevron-top.svg')}})],1),_c('div',{staticClass:\"area-content\"},[_c('v-switch',{attrs:{\"label\":\"Is a subscription?\",\"value\":_vm.newData.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\":\"\"},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:\"billing-panel margin-t-25\"},[_c('price-field',{staticClass:\"billing-box\",attrs:{\"small\":\"\",\"currency-code\":_vm.currencyCode,\"label\":\"Billing amount\",\"required\":\"\"},model:{value:(_vm.newData.billing_amount),callback:function ($$v) {_vm.$set(_vm.newData, \"billing_amount\", _vm._n($$v))},expression:\"newData.billing_amount\"}}),_c('select-field',{staticClass:\"billing-box\",attrs:{\"small\":\"\",\"caption\":\"Recurring times\",\"label\":\"text\",\"options\":_vm.recurringTimes},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\"}}),_c('select-field',{staticClass:\"billing-box __cycle\",attrs:{\"small\":\"\",\"caption\":\"Billing cycle\",\"label\":\"text\",\"options\":_vm.billingCycles},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\"}}),_c('select-field',{staticClass:\"billing-box __cycle\",attrs:{\"small\":\"\",\"caption\":\"Cycle type\",\"label\":\"text\",\"options\":_vm.cycleTypes},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):_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},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:\"billing-panel\"},[_c('price-field',{staticClass:\"billing-box\",attrs:{\"small\":\"\",\"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('select-field',{staticClass:\"billing-box\",attrs:{\"small\":\"\",\"caption\":\"Billing cycle\",\"label\":\"text\",\"options\":_vm.billingCycles},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\"}}),_c('select-field',{staticClass:\"billing-box\",attrs:{\"small\":\"\",\"caption\":\"Cycle type\",\"label\":\"text\",\"options\":_vm.cycleTypes},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):_vm._e(),_c('div',{staticClass:\"margin-t-25\",staticStyle:{\"margin-bottom\":\"5px\"}},[_c('span',{staticClass:\"layout-row\"},[_c('b',[_vm._v(\"Displayed price\")]),_vm._v(\"  (optional) \"),_c('info-icon',[_c('p',[_vm._v(\" This will be the price \\\"text\\\" that will be shown to your customers on your funnel. \")]),_c('div',{staticClass:\"info-message\"},[_vm._v(\" You can use dynamic texts such as: \"),_c('b',[_vm._v(\"{PRICE}\")]),_vm._v(\", \"),_c('b',[_vm._v(\"{CURRENCY}\")]),_vm._v(\" and \"),_c('b',[_vm._v(\"{TRIAL-PRICE}\")]),_vm._v(\". \")])])],1)]),_c('quill-editor',{staticClass:\"display-price-editor ql-snow\",class:{'__focused':_vm.priceEditorFocused},attrs:{\"content\":_vm.newData.display_price || '',\"options\":_vm.editorOption},on:{\"ready\":_vm.onQuillEditorCreated,\"focus\":function($event){_vm.priceEditorFocused=true},\"change\":_vm.onEditorChange}})],1)]),_vm._v(\" \"),_c('product-image-panel',{attrs:{\"product\":_vm.newData}}),(!_vm.newData.is_ob)?_c('div',{staticClass:\"expandable-area\",class:{closed:_vm.status.highlightClosed}},[_c('h3',{staticClass:\"expandable-title\",on:{\"click\":function($event){return _vm.statusToggle('highlightClosed')}}},[_vm._v(\"Settings \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/chevron-top.svg')}})],1),_c('div',{staticClass:\"area-content\"},[_c('v-switch',{attrs:{\"value\":_vm.config.default,\"label\":\"Select by default\"},model:{value:(_vm.config.default),callback:function ($$v) {_vm.$set(_vm.config, \"default\", $$v)},expression:\"config.default\"}}),_c('v-switch',{attrs:{\"value\":_vm.config.hidden,\"label\":\"Hide from products list\",\"info\":\"When selected the product will not be visible to customers in product lists.\\n\\t\\t\\t\\t\\t\\t\\t          Customers can still be charged for it if selected by default.\"},model:{value:(_vm.config.hidden),callback:function ($$v) {_vm.$set(_vm.config, \"hidden\", $$v)},expression:\"config.hidden\"}}),(!_vm.config.hidden)?[_c('v-switch',{attrs:{\"value\":_vm.config.super_highlight,\"label\":\"Highlight\"},model:{value:(_vm.config.super_highlight),callback:function ($$v) {_vm.$set(_vm.config, \"super_highlight\", $$v)},expression:\"config.super_highlight\"}}),_c('div',{staticClass:\"layout-row flex margin-t-25\"},[_c('input-field',{staticClass:\"flex\",attrs:{\"label\":\"Top tag (Optional)\",\"placeholder\":\"BEST SELLING 🔥\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('p',[_c('b',[_vm._v(\"Top tag\")])]),_c('p',[_vm._v(\"This is the \"),_c('b',[_vm._v(\"Top\")]),_vm._v(\" tag shown on your highlighted products, can be slightly longer than a side tag, \"),_c('i',[_vm._v(\"such as:\")]),_vm._v(\" BEST SELLING...etc\")])]},proxy:true}],null,false,3358676898),model:{value:(_vm.config.top_tag),callback:function ($$v) {_vm.$set(_vm.config, \"top_tag\", $$v)},expression:\"config.top_tag\"}}),_c('div',{staticStyle:{\"width\":\"30px\"}}),_c('input-field',{staticClass:\"flex\",attrs:{\"label\":\"Side tag (Optional)\",\"placeholder\":\"NEW\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('p',[_c('b',[_vm._v(\"Side tag\")])]),_c('p',[_vm._v(\"This is the \"),_c('b',[_vm._v(\"side\")]),_vm._v(\" tag shown on your highlighted products, usually a short word, \"),_c('i',[_vm._v(\"such as:\")]),_vm._v(\" TOP, BEST, NEW...etc\")])]},proxy:true}],null,false,2706642240),model:{value:(_vm.config.tag),callback:function ($$v) {_vm.$set(_vm.config, \"tag\", $$v)},expression:\"config.tag\"}})],1),_c('div',{staticClass:\"form-group inline mb-24 margin-t-15\"},[_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()],2)]):_vm._e(),(_vm.newData.is_ob)?_c('div',{staticClass:\"brdr_content_wrpr\"},[_c('h3',{staticClass:\"brdr_content_title\"},[_vm._v(\"Variants\")]),_vm._m(0)]):_vm._e(),_c('product-variants-panel',{attrs:{\"variants\":_vm.newVariants,\"savingVariants\":_vm.variantsSaving,\"product\":_vm.newData,\"funnel-id\":_vm.newData.funnel_id},on:{\"openVariants\":_vm.openVariants}}),(_vm.manageVariantsOpen)?_c('manage-variants',{attrs:{\"product\":_vm.newData,\"funnel-id\":_vm.newData.funnel_id},on:{\"close\":function($event){_vm.manageVariantsOpen=false}}}):_vm._e(),_c('div',{staticClass:\"expandable-area\",class:{closed:_vm.status.automationsClosed}},[_c('h3',{staticClass:\"expandable-title\",on:{\"click\":function($event){return _vm.statusToggle('automationsClosed')}}},[_vm._v(\"Automations \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/chevron-top.svg')}})],1),_c('div',{staticClass:\"area-content\"},[_vm._m(1),(_vm.newAutomations && _vm.newAutomations.length)?_c('div',{staticClass:\"automation-items entries-table\",staticStyle:{\"position\":\"relative\"}},[_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:{\"is-plus\":true,\"automation\":_vm.currentAutomation},on:{\"done\":function($event){return _vm.deleteAutomationItem($event.id)},\"close\":function($event){_vm.isdeleteAutomationOpen=false,_vm.currentAutomation=null}}}):_vm._e(),(_vm.loadingAutomations)?_c('v-spinner'):_vm._e()],2):_vm._e(),(_vm.automationPopupOpen)?_c('AutomationPopup',{attrs:{\"product\":_vm.currentProduct,\"step-id\":_vm.newData.step_id,\"funnel-id\":_vm.newData.funnel_id,\"edit\":_vm.currentAutomation,\"flag\":_vm.currentAutomation,\"is-edit\":!!_vm.currentAutomation.id,\"automation\":_vm.currentAutomation,\"productId\":_vm.newData.id,\"is-plus\":true},on:{\"close\":function($event){_vm.automationPopupOpen=false},\"done\":_vm.automationSaved}}):_vm._e(),_c('div',{staticClass:\"layout-row margin-t-15\"},[_c('v-button',{attrs:{\"border\":\"\",\"locked\":!_vm.is('automations'),\"label\":\"Create new automation\"},on:{\"click\":_vm.showAutomationPopup}})],1)],1)])],1):_vm._e(),_c('div',{staticClass:\"bottom_btns_wrpr\"},[_c('div',{staticClass:\"left layout-row\"},[_c('v-button',{attrs:{\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.closePopup.apply(null, arguments)}}}),_c('v-button',{class:{ disabled: _vm.validation.length },attrs:{\"label\":\"Save changes\",\"locked\":!_vm.is('editor')},on:{\"click\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}})],1),_c('v-button',{attrs:{\"label\":\"Delete product\",\"locked\":!_vm.is('editor'),\"border\":\"\",\"red\":\"\"},on:{\"click\":function($event){return _vm.deleteProduct(_vm.currentProduct.id)}}})],1)],1),_c('div',{staticClass:\"popup_right_side\"},[_c('div',{staticClass:\"flex layout-column\"},[_c('div',{staticClass:\"alert_box orange\",staticStyle:{\"margin\":\"auto\"}},[_c('div',{staticClass:\"icon\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/warning_icon.svg')}})],1),_c('span',[_vm._v(\"Coming soon!\")])])])])])])\n}\nvar staticRenderFns = [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\":\"https://community.funnelish.com\",\"target\":\"_blank\"}},[_vm._v(\"Funnelish community\")]),_vm._v(\". \")])])\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 }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"expandable-area\",class:{closed:_vm.status.imageClosed}},[_c('h3',{staticClass:\"expandable-title\",on:{\"click\":function($event){return _vm.statusToggle('imageClosed')}}},[_vm._v(\"Product image \"),_c('info-icon',[_vm._v(\" Allows you to set an image to be shown alongside your product name and price in an order form. \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}},[_c('img',{attrs:{\"alt\":\"\",\"width\":\"300\",\"src\":require('@/assets/img/product-img-sample.png')}})])]),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/chevron-top.svg')}})],1),_c('div',{staticClass:\"area-content product-image-panel\"},[_c('div',{staticClass:\"img-wrapper\",on:{\"click\":function($event){_vm.popupOpen=true}}},[(_vm.product.image_url)?_c('v-button',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"remove\",attrs:{\"icon\":require('@/assets/img/delete_icon.svg'),\"slim\":\"\",\"flat\":\"\",\"content\":\"Remove image\"},on:{\"click\":function($event){$event.stopPropagation();_vm.product.image_url=''}}}):_vm._e(),_c('span',{staticClass:\"change\"},[_vm._v(\"Change...\")]),(_vm.product.image_url)?_c('img',{attrs:{\"alt\":\"\",\"src\":_vm.product.image_url}}):_c('img',{attrs:{\"alt\":\"\",\"src\":\"//img.funnelish.com/default/default-image.svg?h=300&auto=compress,format&fit=clip\"}})],1),(_vm.popupOpen)?_c('select-image-popup',{attrs:{\"funnel-id\":_vm.funnelId},on:{\"imageChoosed\":function($event){_vm.product.image_url=$event.url},\"closePopup\":function($event){_vm.popupOpen=false}}}):_vm._e(),_c('div',{staticClass:\"flex\"})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"expandable-area\" :class=\"{closed:status.imageClosed}\" >\n\t\t<h3 class=\"expandable-title\" @click=\"statusToggle('imageClosed')\">Product image\n\t\t\t<info-icon>\n\t\t\t\tAllows you to set an image to be shown alongside your product name and price in an order form.\n\t\t\t\t<div style=\"margin-top: 10px\">\n\t\t\t\t\t<img alt=\"\" width=\"300\" :src=\"require('@/assets/img/product-img-sample.png')\" />\n\t\t\t\t</div>\n\t\t\t</info-icon>\n\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/chevron-top.svg')\" />\n\t\t</h3>\n\n\t\t<div class=\"area-content product-image-panel\" >\n\t\t\t<div class=\"img-wrapper\" @click=\"popupOpen=true\">\n\t\t\t\t<v-button class=\"remove\" v-if=\"product.image_url\"\n\t\t\t\t          @click.stop=\"product.image_url=''\"\n\t\t\t\t          :icon=\"require('@/assets/img/delete_icon.svg')\" slim flat\n\t\t\t\t          v-tippy content=\"Remove image\" />\n\t\t\t\t<span class=\"change\">Change...</span>\n\t\t\t\t<img v-if=\"product.image_url\" alt=\"\" :src=\"product.image_url\" />\n\t\t\t\t<img  v-else alt=\"\" src=\"//img.funnelish.com/default/default-image.svg?h=300&auto=compress,format&fit=clip\" />\n\t\t\t</div>\n\t\t\t<select-image-popup v-if=\"popupOpen\" :funnel-id=\"funnelId\"\n\t\t\t                    @imageChoosed=\"product.image_url=$event.url\" @closePopup=\"popupOpen=false\"  />\n\t\t\t<div class=\"flex\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport InfoIcon from \"@/components/base/info-icon\";\nimport SelectImagePopup from \"@/modules/page-editor/src/components/popups/SelectImagePopup\";\nexport default {\n\tname: \"product-image-panel\",\n\tcomponents: {SelectImagePopup, InfoIcon, VButton},\n\tprops:['product'],\n\tdata() {\n\t\treturn {\n\t\t\tstatus: {\n\t\t\t\timageClosed: false,\n\t\t\t},\n\t\t\tpopupOpen: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\tfunnelId(){\n\t\t\treturn parseInt(this.product.funnel_id);\n\t\t},\n\t},\n\tmethods:{\n\t\tstatusToggle(key){\n\t\t\tthis.status[key] = !this.status[key];\n\t\t\tlocalStorage.setItem('product.'+key, this.status[key]);\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.status.imageClosed = localStorage.getItem('product.imageClosed')===\"true\";\n\t}\n}\n</script>\n\n<style lang=\"scss\" >\n.product-image-panel {\n\t.img-wrapper{\n\t\t.remove{\n\t\t\t&:hover {\n\t\t\t\tbackground: rgb(255 190 190) !important;\n\t\t\t}\n\t\t\tsvg {\n\t\t\t\tmargin: 0;\n\t\t\t\tpath {\n\t\t\t\t\tfill: red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.brdr_content_title {\n\tdisplay: flex;\n}\n.product-image-panel {\n\tdisplay: flex;\n\tflex-direction: row;\n\t.img-wrapper {\n\t\tborder: 1px dashed $sharp-blue;\n\t\tborder-radius: 3px;\n\t\twidth: 90px;\n\t\theight: 90px;\n\t\tline-height: 90px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\n\t\t.remove {\n\t\t\tbackground: transparent;\n\t\t\tposition: absolute;\n\t\t\ttop: 3px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t\tright: 3px;\n\t\t\tpadding: 5px;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.change {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttext-align: center;\n\t\t\tz-index: 2;\n\t\t\tcolor: whitesmoke;\n\t\t\ttransition: all .2s ease-in-out;\n\t\t\topacity: 0;\n\t\t}\n\t\t&:after {\n\t\t\ttransition: all .2s ease-in-out;\n\t\t\tbackground: rgba(0, 0, 0, 0.35);\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\topacity: 0;\n\t\t}\n\t\t&:hover {\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.35);\n\t\t\t.change {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\timg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tobject-fit: scale-down;\n\t\t}\n\t}\n\t.button {\n\t\tdisplay: flex;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tflex: 0;\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-image-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-image-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-image-panel.vue?vue&type=template&id=0e5147f8&scoped=true&\"\nimport script from \"./product-image-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./product-image-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-image-panel.vue?vue&type=style&index=0&id=0e5147f8&prod&lang=scss&\"\nimport style1 from \"./product-image-panel.vue?vue&type=style&index=1&id=0e5147f8&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  \"0e5147f8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"expandable-area product-variants-panel\",class:{closed:_vm.status.variantsClosed}},[_c('h3',{staticClass:\"expandable-title\",on:{\"click\":function($event){return _vm.statusToggle('variantsClosed')}}},[_vm._v(\"Variants \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/chevron-top.svg')}})],1),_c('div',{staticClass:\"area-content\"},[_vm._m(0),_c('div',{staticClass:\"variants-wrap\"},[_vm._l((_vm.variants),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',{attrs:{\"info\":\"eg. color, size...\"}})],1),_c('div',{staticClass:\"form-group\"},[_c('input-field',{attrs:{\"small\":\"\"},model:{value:(item.name),callback:function ($$v) {_vm.$set(item, \"name\", $$v)},expression:\"item.name\"}})],1),_c('div',{staticClass:\"delete-icon\",class:{'locked':!_vm.is('editor')},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',{attrs:{\"info\":\"eg. Blue, Green, M, L, XS...etc\"}})],1)]),(!item.options || !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',{attrs:{\"small\":\"\"},model:{value:(option.name),callback:function ($$v) {_vm.$set(option, \"name\", $$v)},expression:\"option.name\"}}),_c('div',{staticClass:\"delete-icon\",class:{'locked':!_vm.is('editor')},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:{\"label\":\"Add new option\",\"locked\":!_vm.is('editor'),\"border\":\"\"},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'),\"disabled\":_vm.variants && _vm.variants.length>=3,\"slim\":\"\"},on:{\"click\":_vm.addNewVariant}}),_c('v-button',{staticStyle:{\"margin-left\":\"10px\"},attrs:{\"border\":\"\",\"label\":\"Manage variants...\",\"slim\":\"\",\"loading\":_vm.savingVariants,\"locked\":!_vm.is('editor'),\"disabled\":!_vm.variants || !_vm.variants.length},on:{\"click\":function($event){return _vm.openVariants()}}})],1)],2)])])\n}\nvar staticRenderFns = [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}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"manage-variants-popup\",attrs:{\"title\":\"Manage product variants\"},on:{\"close\":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticStyle:{\"position\":\"relative\",\"min-height\":\"200px\"}},[(_vm.loading)?_c('Loading'):_c('table',[_c('thead',[_c('tr',[_c('th'),_c('th',[_vm._v(\"Variant name\")]),_c('th',[_c('span',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_vm._v(\" Price \"),_c('info-icon',[_vm._v(\"When empty it will be the same price as the main product.\")])],1)]),_c('th',[_vm._v(\"Image\")])])]),_c('tbody',_vm._l((_vm.rows),function(row){return _c('tr',{key:row.id},[_c('td',[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":row.selected}})]),_c('td',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s([row.option1,row.option2,row.option3].filter(Boolean).join(' / '))+\" \")]),_c('td',{staticClass:\"price\"},[_c('input-field',{attrs:{\"type\":\"number\",\"small\":\"\",\"select-all\":\"\",\"placeholder\":\"Default price\",\"flat\":\"\",\"prepend\":\"$\"},model:{value:(row.price),callback:function ($$v) {_vm.$set(row, \"price\", _vm._n($$v))},expression:\"row.price\"}})],1),_c('td',{staticClass:\"image\"},[_c('div',{staticClass:\"img-wrapper\",on:{\"click\":function($event){_vm.currentRow=row;_vm.popupOpen=true}}},[(row.image_url)?_c('v-button',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"remove\",attrs:{\"icon\":require('@/assets/img/delete_icon.svg'),\"slim\":\"\",\"flat\":\"\",\"content\":\"Remove image\"},on:{\"click\":function($event){$event.stopPropagation();row.image_url = null}}}):_vm._e(),_c('span',{staticClass:\"change\"},[_vm._v(\"Change...\")]),(row.image_url)?_c('img',{attrs:{\"alt\":\"\",\"src\":_vm.imgUrl(row.image_url)}}):_c('img',{attrs:{\"alt\":\"\",\"src\":\"//img.funnelish.com/default/default-image.svg?height=60\"}})],1)])])}),0)]),(_vm.popupOpen)?_c('select-image-popup',{attrs:{\"funnel-id\":_vm.funnelId},on:{\"imageChoosed\":function($event){_vm.currentRow ? _vm.currentRow.image_url=$event.url : ''},\"closePopup\":function($event){_vm.currentRow={},_vm.popupOpen=false}}}):_vm._e()],1)]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-button',{attrs:{\"label\":\"Save changes\",\"loading\":_vm.saving},on:{\"click\":_vm.save}}),_c('v-button',{attrs:{\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":function($event){return _vm.$emit('close')}}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<popup title=\"Manage product variants\" class=\"manage-variants-popup\" @close=\"$emit('close')\">\n\t<template v-slot:content>\n\t\t<div style=\"position: relative;min-height: 200px;\">\n\t\t\t<Loading v-if=\"loading\" />\n\t\t\t<table v-else>\n\t\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th></th>\n\t\t\t\t\t<th>Variant name</th>\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<span style=\"display: flex;justify-content: center;\">\n\t\t\t\t\t\t\tPrice\n\t\t\t\t\t\t\t<info-icon>When empty it will be the same price as the main product.</info-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</th>\n\t\t\t\t\t<th>Image</th>\n\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"row in rows\" :key=\"row.id\">\n\t\t\t\t\t<td > <input type=\"checkbox\" :checked=\"row.selected\" /> </td>\n\t\t\t\t\t<td class=\"name\"> {{[row.option1,row.option2,row.option3].filter(Boolean).join(' / ')}} </td>\n\t\t\t\t\t<td class=\"price\">\n\t\t\t\t\t\t<input-field type=\"number\" v-model.number=\"row.price\" small select-all\n\t\t\t\t\t\t             placeholder=\"Default price\" flat  prepend=\"$\" />\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"image\">\n\t\t\t\t\t\t<div class=\"img-wrapper\" @click=\"currentRow=row;popupOpen=true\">\n\t\t\t\t\t\t\t<v-button class=\"remove\" v-if=\"row.image_url\"\n\t\t\t\t\t\t\t          @click.stop=\"row.image_url = null\"\n\t\t\t\t\t\t\t          :icon=\"require('@/assets/img/delete_icon.svg')\" slim flat\n\t\t\t\t\t\t\t          v-tippy content=\"Remove image\" />\n\t\t\t\t\t\t\t<span class=\"change\">Change...</span>\n\t\t\t\t\t\t\t<img v-if=\"row.image_url\" alt=\"\" :src=\"imgUrl(row.image_url)\" />\n\t\t\t\t\t\t\t<img  v-else alt=\"\" src=\"//img.funnelish.com/default/default-image.svg?height=60\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t<select-image-popup v-if=\"popupOpen\" :funnel-id=\"funnelId\"\n\t\t\t                    @imageChoosed=\"currentRow ? currentRow.image_url=$event.url : ''\"\n\t\t\t                    @closePopup=\"currentRow={},popupOpen=false\"  />\n\t\t</div>\n\t</template>\n\t<template v-slot:actions>\n\t\t<v-button label=\"Save changes\" :loading=\"saving\" @click=\"save\"  />\n\t\t<v-button label=\"Cancel\" border @click=\"$emit('close')\" />\n\t</template>\n</popup>\n</template>\n\n<script>\nimport Popup from \"@/components/base/popup\";\nimport VButton from \"@/components/base/v-button\";\nimport InputField from \"@/components/base/input-field\";\nimport PriceField from \"@/components/base/price-field\";\nimport InfoIcon from \"@/components/base/info-icon\";\nimport SelectImagePopup from \"@/modules/page-editor/src/components/popups/SelectImagePopup\";\nimport API from '@/api';\nimport Loading from \"@/components/Loading\";\n\nexport default {\n\tname: \"manage-variants\",\n\tmixins:[API],\n\tcomponents: {Loading, SelectImagePopup, InfoIcon, PriceField, InputField, VButton, Popup},\n\tprops:['funnelId', 'product'],\n\tdata(){\n\t\treturn {\n\t\t\tloading: false,\n\t\t\tsaving: false,\n\t\t\tcurrentRow: {},\n\t\t\tpopupOpen: false,\n\t\t\trows: [\n\t\t\t\t{id:'1',title:'Red / M', price:null, image_url:null, selected: false},\n\t\t\t\t{id:'2',title:'Red / S', price:23.99, image_url:null},\n\t\t\t\t{id:'3',title:'Red / L', price:12.97, image_url:null},\n\t\t\t\t{id:'4',title:'Blue / XL', price:120.97, image_url:null},\n\t\t\t\t{id:'5',title:'Green / XXL', price:133.97, image_url:null},\n\t\t\t],\n\t\t}\n\t},\n\tcomputed:{\n\t},\n\tmethods: {\n\t\timgUrl(url){\n\t\t\treturn url.replace('images.funnelish.com', 'img.funnelish.com') + '?height=60'\n\t\t},\n\t\tasync init(){\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\n\t\t\t\tlet data = await this.api.wsteps.getOptions(this.product.id);\n\t\t\t\tthis.rows = data;\n\t\t\t\tconsole.log(data);\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync save(){\n\t\t\ttry {\n\t\t\t\tthis.saving = true;\n\n\t\t\t\tthis.rows.forEach(r => {\n\t\t\t\t\tr.product_id = this.product.id;\n\t\t\t\t\tr.funnel_id = this.product.funnel_id;\n\t\t\t\t\tr.step_id = this.product.step_id;\n\t\t\t\t})\n\n\t\t\t\tlet res = await this.api.wsteps.saveOptions(this.product.id, this.rows);\n\t\t\t\tif (res.status!==\"ok\") throw res;\n\t\t\t\tthis.$info(res, \"Your variant options were saved successfully.\");\n\t\t\t\tthis.$emit('close');\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.saving = false;\n\t\t\t}\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.init();\n\t}\n}\n</script>\n<style lang=\"scss\" >\n.manage-variants-popup {\n\t.popup > .content {\n\t\tpadding: 0;\n\t}\n\t.popup_header {\n\t\tmargin: 0;\n\t}\n\t.img-wrapper{\n\t\t.remove{\n\t\t\t&:hover {\n\t\t\t\tbackground: rgb(255 190 190) !important;\n\t\t\t}\n\t\t\tsvg {\n\t\t\t\tmargin: 0;\n\t\t\t\tpath {\n\t\t\t\t\tfill: red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.manage-variants-popup {\ntable {\n\tborder-spacing: 0;\n\tthead {\n\t\tth {\n\t\t\t//border-top: 1px solid silver;\n\t\t\tborder-bottom: 1px solid $light-grey;\n\t\t\tbackground: $light-grey;\n\t\t\tpadding: 5px;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tz-index: 6;\n\t\t}\n\t}\n\ttr{\n\ttd {\n\t\tborder-left: 1px solid $light-grey;\n\t\tborder-bottom: 1px solid $light-grey;\n\t\tmin-width: 40px;\n\t\tmargin: 0;\n\t\tpadding: 5px;\n\t\t&:last-child {\n\t\t\tborder-right: 1px solid $light-grey;\n\t\t}\n\n\t\tinput[type=\"checkbox\"] {\n\t\t\tappearance: auto;\n\t\t}\n\t\t&.name {\n\t\t\twidth: 100%;\n\t\t}\n\t\t&.price {\n\t\t\tmin-width: 150px;\n\t\t}\n\t\t&.image {\n\t\t\tmin-width: 100px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\t}\n} // table\n\t.img-wrapper {\n\t\tborder: 1px dashed $sharp-blue;\n\t\tborder-radius: 3px;\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tline-height: 60px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\n\t\t.button {\n\t\t\tdisplay: flex;\n\t\t\twidth: 80px;\n\t\t\theight: 80px;\n\t\t\tflex: 0;\n\t\t}\n\t\t.remove {\n\t\t\tbackground: transparent;\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t\tright: 2px;\n\t\t\tpadding: 4px;\n\t\t\tz-index: 5;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.change {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttext-align: center;\n\t\t\tz-index: 2;\n\t\t\tcolor: whitesmoke;\n\t\t\ttransition: all .2s ease-in-out;\n\t\t\topacity: 0;\n\t\t\tfont-size: 10px;\n\t\t}\n\t\t&:after {\n\t\t\ttransition: all .2s ease-in-out;\n\t\t\tbackground: rgba(0, 0, 0, 0.35);\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\topacity: 0;\n\t\t}\n\t\t&:hover {\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.35);\n\t\t\t.change {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\timg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tobject-fit: scale-down;\n\t\t}\n\t} // .img-wrapper\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!./manage-variants.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!./manage-variants.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./manage-variants.vue?vue&type=template&id=5b7dac48&scoped=true&\"\nimport script from \"./manage-variants.vue?vue&type=script&lang=js&\"\nexport * from \"./manage-variants.vue?vue&type=script&lang=js&\"\nimport style0 from \"./manage-variants.vue?vue&type=style&index=0&id=5b7dac48&prod&lang=scss&\"\nimport style1 from \"./manage-variants.vue?vue&type=style&index=1&id=5b7dac48&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  \"5b7dac48\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div class=\"expandable-area product-variants-panel\" :class=\"{closed:status.variantsClosed}\">\n\t\t<h3 class=\"expandable-title\" @click=\"statusToggle('variantsClosed')\">Variants\n\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/chevron-top.svg')\" />\n\t\t</h3>\n\n\t\t<div class=\"area-content\">\n\t\t\t<div class=\"txt-wrap\">\n\t\t\t\t<p>\n\t\t\t\t\tAdd variants if this product has multiple options, such as size or color.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"variants-wrap\">\n\t\t\t\t<div class=\"variant-box\" v-for=\"(item, index) in variants\" :key=\"index\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<div class=\"label with-icon\">\n\t\t\t\t\t\t\tVariant <info-icon info=\"eg. color, size...\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<input-field small v-model=\"item.name\"></input-field>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"delete-icon\" :class=\"{'locked':!is('editor')}\" @click=\"deleteVariant(index)\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"right\">\n\t\t\t\t\t\t<div class=\"label-top-group\">\n\t\t\t\t\t\t\t<div class=\"label with-icon\">\n\t\t\t\t\t\t\t\tOptions <info-icon info=\"eg. Blue, Green, M, L, XS...etc\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p v-if=\"!item.options || !item.options.length\" class=\"msg\">No options yet, add an option to get\n\t\t\t\t\t\t\tstarted.</p>\n\t\t\t\t\t\t<div v-else class=\"option-items-wrap\">\n\t\t\t\t\t\t\t<div class=\"option-item\" v-for=\"(option, optindex) in item.options\" :key=\"optindex\">\n\t\t\t\t\t\t\t\t<input-field small v-model=\"option.name\"></input-field>\n\t\t\t\t\t\t\t\t<div class=\"delete-icon\" :class=\"{'locked':!is('editor')}\"\n\t\t\t\t\t\t\t\t     @click=\"deleteOption(index, optindex)\">\n\t\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/delete_icon.svg')\"/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t<v-button label=\"Add new option\" :locked=\"!is('editor')\" border @click=\"addNewOption(index)\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t<v-button border label=\"Add new variant\" :locked=\"!is('editor')\"\n\t\t\t\t\t          :disabled=\"variants && variants.length>=3\" slim @click=\"addNewVariant\" />\n\t\t\t\t\t<v-button style=\"margin-left:10px\" border label=\"Manage variants...\" slim\n\t\t\t\t\t          :loading=\"savingVariants\" :locked=\"!is('editor')\"\n\t\t\t\t\t          @click=\"openVariants()\" :disabled=\"!variants || !variants.length\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n</template>\n\n<script>\nimport InfoIcon from \"@/components/base/info-icon\";\nimport InputField from \"@/components/base/input-field\";\nimport VButton from \"@/components/base/v-button\";\nimport ManageVariants from \"@/views/funnels/funnel-plus/steps/products/manage-variants\";\nimport {is} from \"@/helpers/roles\";\nexport default {\n\tname: \"product-variants-panel\",\n\tcomponents: {ManageVariants, VButton, InputField, InfoIcon},\n\tprops:['variants','funnelId','product','savingVariants'],\n\tdata(){\n\t\treturn {\n\t\t\tmanageVariantsOpen: false,\n\t\t\tstatus: {\n\t\t\t\tvariantsClosed: false,\n\t\t\t},\n\t\t}\n\t},\n\tmethods:{\n\t\tis(role){\n\t\t\treturn is(role)\n\t\t},\n\t\topenVariants() {\n\t\t\tthis.$emit('openVariants')\n\t\t},\n\t\tstatusToggle(key){\n\t\t\tthis.status[key] = !this.status[key];\n\t\t\tlocalStorage.setItem('product.'+key, this.status[key]);\n\t\t},\n\t\taddNewVariant() {\n\t\t\tif (this.variants.length >= 3) {\n\t\t\t\tthis.$warn(null, \"You can only have a 3 variants maximum.\");\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.variants.push({\n\t\t\t\tname: '',\n\t\t\t\toptions: [{name: '', soldout: false}]\n\t\t\t})\n\t\t},\n\t\tdeleteVariant(index) {\n\t\t\tthis.variants.splice(index, 1);\n\t\t},\n\t\taddNewOption(index) {\n\t\t\tif (!this.variants[index].options)\n\t\t\t\tthis.$set(this.variants[index], \"options\", []);\n\t\t\tthis.variants[index].options.push({name: ''})\n\t\t},\n\t\tdeleteOption(index, optindex) {\n\t\t\tthis.variants[index].options.splice(optindex, 1)\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.status.variantsClosed = localStorage.getItem('product.variantsClosed')===\"true\";\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.product-variants-panel {\n\t.delete-icon.locked {\n\t\tpointer-events: none;\n\t\tdisplay: none;\n\t}\n}\n</style>\n<style lang=\"scss\">\n.product-variants-panel {\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!./product-variants-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-variants-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-variants-panel.vue?vue&type=template&id=9b72dee6&scoped=true&\"\nimport script from \"./product-variants-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./product-variants-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-variants-panel.vue?vue&type=style&index=0&id=9b72dee6&prod&lang=scss&scoped=true&\"\nimport style1 from \"./product-variants-panel.vue?vue&type=style&index=1&id=9b72dee6&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  \"9b72dee6\",\n  null\n  \n)\n\nexport default component.exports","\n<script>\nimport \"quill/dist/quill.core.css\";\nimport \"quill/dist/quill.snow.css\";\nimport \"quill/dist/quill.bubble.css\";\nimport Quill from \"quill\";\nimport { quillEditor } from \"vue-quill-editor\";\n\n\nvar Font = Quill.import(\"formats/font\");\n\nFont.whitelist = null;\n\nQuill.register(Font, true);\n\n// --------------------\n\nvar SizeStyle = Quill.import(\"attributors/style/size\");\nSizeStyle.whitelist = null;\n\nQuill.register(SizeStyle, true);\n\n// --------------------\n\nvar Link = Quill.import(\"formats/link\");\n\nclass MyLink extends Link {\n\tstatic create(value) {\n\t\tlet node = super.create(value.value);\n\t\tlet href = this.sanitize(value.value);\n\t\tnode.setAttribute(\"href\", href);\n\n\t\tif (value.targetBlank === false) {\n\t\t\tnode.removeAttribute(\"target\");\n\t\t}\n    return node;\n\t}\n}\n\nQuill.register(MyLink);\n\n// --------------------\n\n// --------------------\n\nlet BlockEmbed = Quill.import('blots/block/embed');\n\nclass ImageBlot extends BlockEmbed {\n\n//<img v-if=\"isImgx\" crossorigin=\"anonymous\"\n// \tsrc=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"\n// :data-srcset=\"imgxSrcSet\"\n// :alt=\"basic.alt\"\n// \tdata-sizes=\"auto\"\n// :data-src=\"imgxSrc\"\n// :class=\"['lazyload',advanced.cssClasses]\"\n// :width=\"width\"\n// :id=\"advanced.cssId\"\n// :height=\"height\" :style=\"style\">\n\n  static create(value) {\n\t  function imgxSrc(src, width, height) {\n\t\t  src = src.replace(\"https://\", \"\").replace(\"http://\", \"\").replace(\"//\", \"\")\n\t\t  if (src.indexOf(\"images.funnelish.com\") >= 0)\n\t\t\t  src = src.replace(\"images.funnelish.com\", \"fnsh.imgix.net\");\n\n\t\t  return `//${src}?auto=compress,format&fit=scale&w=${width}&h=${height}`;\n\t  }\n\n\t\tlet w = value.width || '100%'; let h = value.height || 'auto';\n\n    let node = super.create();\n\t  node.setAttribute('src', imgxSrc(value.url, w, h));\n\t  node.setAttribute('crossorigin', 'anonymous');\n\t\tnode.setAttribute('width', w);\n\t\tnode.setAttribute('height', h);\n\n\tif(value.display) node.style.display = value.display;\n\tif(value.float) node.style.float = value.float;\n\tif(value.margin) node.style.margin = value.margin;\n\n    return node;\n  }\n\n  static value(node) {\n    return {\n      url: node.getAttribute('src'),\n\t  width: node.getAttribute('width'),\n\t  height: node.getAttribute('height'),\n\t  display: node.style.display || false,\n\t  float: node.style.float || false,\n\t  margin: node.style.margin || false,\n    };\n  }\n}\nImageBlot.blotName = 'image';\nImageBlot.tagName = 'img';\n\nQuill.register(ImageBlot)\n\n// --------------------\nconst Parchment = Quill.import('parchment');\n\nconst alignConfig = {\n  scope: Parchment.Scope.BLOCK,\n  whitelist: ['left', 'right', 'center', 'justify']\n};\n\nlet AlignAttribute = new Parchment.Attributor.Attribute('align', 'align', alignConfig);\nlet AlignClass = new Parchment.Attributor.Class('align', 'ql-align', alignConfig);\nlet AlignStyle = new Parchment.Attributor.Style('align', 'text-align', alignConfig);\n\nParchment.register(AlignAttribute);\nParchment.register(AlignClass);\nParchment.register(AlignStyle);\n\nexport default quillEditor;\n</script>\n","var render, staticRenderFns\nimport script from \"./QuillEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditor.vue?vue&type=script&lang=js&\"\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","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!./QuillEditor.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!./QuillEditor.vue?vue&type=script&lang=js&\"","<template>\n\t<div class=\"popup_wrpr product-settings-popup-wrap active\">\n\t\t<div class=\"app_settings_popup\" :class=\"{right_open: showRightPanel}\">\n\t\t\t<div class=\"popup_left_side\">\n\n\t\t\t\t<Loading v-show=\"loading\"/>\n\n\t\t\t\t<a href=\"#\" class=\"close_popup_btn\" @click.prevent=\"closePopup\">\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n\t\t\t\t</a>\n\n\t\t\t\t<div class=\"popup_side_content scroll\" v-if=\"newData\" :class=\"{'not-valid': validationError}\">\n\t\t\t\t\t<h3 class=\"popup_title product-name layout-row\" style=\"  border-bottom: 1px solid #e5e6f1;\">\n                      <span class=\"flex\">\n                        {{ newData.name || '' }}\n                      </span>\n<!--\t\t\t\t\t\t<div class=\"flex-none info_btn\" @click=\"showRightPanel = !showRightPanel\">-->\n<!--\t\t\t\t\t\t\t<span>Help</span>-->\n<!--\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/info_icon.svg')\"/>-->\n<!--\t\t\t\t\t\t</div>-->\n\t\t\t\t\t</h3>\n\t\t\t\t\t<!-- Basic -->\n\t\t\t\t\t<div class=\"brdr_content_wrpr\">\n\t\t\t\t\t\t<h3 class=\"brdr_content_title\">Basic</h3>\n\t\t\t\t\t\t<input-field required label=\"Product name\" v-model=\"newData.name\"/>\n\t\t\t\t\t\t<v-switch label=\"Is this an order bump?\" v-model=\"newData.is_ob\" :value=\"newData.is_ob\"/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"expandable-area\" :class=\"{closed:status.priceClosed}\">\n\t\t\t\t\t\t\t<h3 class=\"expandable-title\" @click=\"statusToggle('priceClosed')\">Price\n\t\t\t\t\t\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/chevron-top.svg')\" />\n\t\t\t\t\t\t\t</h3>\n\n\t\t\t\t\t\t<div class=\"area-content\">\n\t\t\t\t\t\t<v-switch label=\"Is a subscription?\" v-model=\"newData.is_subscription\"\n\t\t\t\t\t\t          :value=\"newData.is_subscription\"/>\n\n\t\t\t\t\t\t<div class=\"mb-15\" style=\"margin-top: 25px;\" v-if=\"!newData.is_subscription\">\n\t\t\t\t\t\t\t<price-field :currency-code=\"currencyCode\" label=\"Price\" required\n\t\t\t\t\t\t\t             v-model.number=\"newData.price\"/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"billing-panel margin-t-25\" v-if=\"newData.is_subscription\">\n\t\t\t\t\t\t\t<price-field small class=\"billing-box\" :currency-code=\"currencyCode\"\n\t\t\t\t\t\t\t             label=\"Billing amount\" required v-model.number=\"newData.billing_amount\"/>\n\n\t\t\t\t\t\t\t<select-field small class=\"billing-box\" caption=\"Recurring times\" label=\"text\"\n\t\t\t\t\t\t\t              @change=\"selectNumber($event, 'billing_recurring_times')\"\n\t\t\t\t\t\t\t              v-model=\"newData.billing_recurring_times\" :options=\"recurringTimes\" />\n\n\t\t\t\t\t\t\t<select-field small class=\"billing-box __cycle\" caption=\"Billing cycle\" label=\"text\"\n\t\t\t\t\t\t\t              @change=\"selectNumber($event, 'billing_cycle')\"\n\t\t\t\t\t\t\t              v-model=\"newData.billing_cycle\" :options=\"billingCycles\" />\n\n\t\t\t\t\t\t\t<select-field small class=\"billing-box __cycle\" caption=\"Cycle type\" label=\"text\"\n\t\t\t\t\t\t\t              @change=\"selectNumber($event, 'cycle_type')\"\n\t\t\t\t\t\t\t              v-model=\"newData.cycle_type\" :options=\"cycleTypes\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"p-0 b-0 \" v-if=\"newData.is_subscription\">\n\t\t\t\t\t\t\t<v-switch class=\"margin-b-20\" label=\"Has a trial period?\" v-model=\"newData.has_trial\"\n\t\t\t\t\t\t\t          :value=\"newData.has_trial\"></v-switch>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"billing-panel\" v-if=\"newData.has_trial && newData.is_subscription\">\n\n\t\t\t\t\t\t\t<price-field small class=\"billing-box\" :currency-code=\"currencyCode\"\n\t\t\t\t\t\t\t             label=\"Billing amount\" required v-model.number=\"newData.trial_billing_amount\"\n\t\t\t\t\t\t\t             @change=\"editNumber($event, 'trial_billing_amount')\" />\n\n\t\t\t\t\t\t\t<select-field small class=\"billing-box\" caption=\"Billing cycle\" label=\"text\"\n\t\t\t\t\t\t\t              @change=\"selectNumber($event, 'trial_billing_cycle')\"\n\t\t\t\t\t\t\t              v-model=\"newData.trial_billing_cycle\" :options=\"billingCycles\" />\n\n\t\t\t\t\t\t\t<select-field small class=\"billing-box\" caption=\"Cycle type\" label=\"text\"\n\t\t\t\t\t\t\t              @change=\"selectNumber($event, 'trial_cycle_type')\"\n\t\t\t\t\t\t\t              v-model=\"newData.trial_cycle_type\" :options=\"cycleTypes\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"margin-t-25\" style=\"margin-bottom: 5px\">\n\t\t\t\t\t\t\t\t<span class=\"layout-row\"><b>Displayed price</b> &nbsp;(optional)\n\t\t\t\t\t\t\t\t\t<info-icon>\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\tThis will be the price \"text\" that will be shown to your customers on your funnel.\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<div class=\"info-message\">\n\t\t\t\t\t\t\t\t\t\tYou can use dynamic texts such as: <b>{PRICE}</b>, <b>{CURRENCY}</b> and <b>{TRIAL-PRICE}</b>.\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</info-icon>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<quill-editor class=\"display-price-editor ql-snow\"\n\t\t\t\t\t\t\t              :class=\"{'__focused':priceEditorFocused}\"\n\t\t\t\t\t\t\t              @ready=\"onQuillEditorCreated\"\n\t\t\t\t\t\t\t              @focus=\"priceEditorFocused=true\"\n\t\t\t\t\t\t\t              :content=\"newData.display_price || ''\"\n\t\t\t\t\t\t\t              @change=\"onEditorChange\"\n\t\t\t\t\t\t\t              :options=\"editorOption\">\n\t\t\t\t\t\t\t</quill-editor>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div> <!-- Price -->\n\n\t\t\t\t\t<product-image-panel :product=\"newData\"/>\n\n\t\t\t\t\t<!--\t                Settings -->\n\t\t\t\t\t<div class=\"expandable-area\" :class=\"{closed:status.highlightClosed}\" v-if=\"!newData.is_ob\">\n\t\t\t\t\t\t<h3 class=\"expandable-title\" @click=\"statusToggle('highlightClosed')\">Settings\n\t\t\t\t\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/chevron-top.svg')\" />\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<div class=\"area-content\">\n\n\t\t\t\t\t\t\t<v-switch v-model=\"config.default\" :value=\"config.default\"\n\t\t\t\t\t\t\t          label=\"Select by default\" />\n\t\t\t\t\t\t\t<v-switch v-model=\"config.hidden\" :value=\"config.hidden\"\n\t\t\t\t\t\t\t          label=\"Hide from products list\"\n\t\t\t\t\t\t\t          info=\"When selected the product will not be visible to customers in product lists.\n\t\t\t\t\t\t\t          Customers can still be charged for it if selected by default.\" />\n\n\t\t\t\t\t\t\t<template v-if=\"!config.hidden\">\n\t\t\t\t\t\t\t\t<v-switch v-model=\"config.super_highlight\" :value=\"config.super_highlight\"\n\t\t\t\t\t\t\t\t          label=\"Highlight\" />\n\n\t\t\t\t\t\t\t\t<!-- top tag and side tag -->\n\t\t\t\t\t\t\t\t<div class=\"layout-row flex margin-t-25\" >\n\t\t\t\t\t\t\t\t\t\t<input-field class=\"flex\" label=\"Top tag (Optional)\" placeholder=\"BEST SELLING 🔥\" v-model=\"config.top_tag\">\n\t\t\t\t\t\t\t\t\t\t\t<template v-slot:info>\n\t\t\t\t\t\t\t\t\t\t\t\t<p><b>Top tag</b></p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>This is the <b>Top</b> tag shown on your highlighted products, can be slightly longer than a side\n\t\t\t\t\t\t\t\t\t\t\t\t\ttag, <i>such as:</i> BEST SELLING...etc</p>\n\t\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t\t</input-field>\n\t\t\t\t\t\t\t\t\t<div style=\"width: 30px\"></div>\n\t\t\t\t\t\t\t\t\t\t<input-field class=\"flex\" label=\"Side tag (Optional)\" placeholder=\"NEW\" v-model=\"config.tag\">\n\t\t\t\t\t\t\t\t\t\t\t<template v-slot:info>\n\t\t\t\t\t\t\t\t\t\t\t\t<p><b>Side tag</b></p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>This is the <b>side</b> tag shown on your highlighted products, usually a short word, <i>such\n\t\t\t\t\t\t\t\t\t\t\t\t\tas:</i> TOP, BEST, NEW...etc</p>\n\t\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t\t</input-field>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"form-group inline mb-24 margin-t-15\" >\n\t\t\t\t\t\t\t\t\t<div class=\"color-control\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Color:</span>\n\t\t\t\t\t\t\t\t\t\t<v-swatches\n\t\t\t\t\t\t\t\t\t\t\t\tv-model=\"config.color\"\n\t\t\t\t\t\t\t\t\t\t\t\tshow-fallback\n\t\t\t\t\t\t\t\t\t\t\t\tshapes=\"circles\"\n\t\t\t\t\t\t\t\t\t\t\t\tpopover-x=\"right\"\n\t\t\t\t\t\t\t\t\t\t\t\tfallback-ok-text=\"Set color\"\n\t\t\t\t\t\t\t\t\t\t\t\t:swatches=\"swatches\"\n\t\t\t\t\t\t\t\t\t\t\t\t:wrapper-style=\"{width: '145px', paddingLeft: '0'}\"\n\t\t\t\t\t\t\t\t\t\t\t\t:swatch-style=\"{width: '25px', height: '25px', borderStyle: 'solid', borderColor: '#FFFFFF', borderWidth: '2px', marginRight: '5px', marginLeft: '5px'}\"\n\t\t\t\t\t\t\t\t\t\t></v-swatches>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"font-options\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Text Size:</span>\n\t\t\t\t\t\t\t\t\t\t<label class=\"radio\">\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"font\" value=\"small\" v-model=\"config.size\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"radiomark\"></span>\n\t\t\t\t\t\t\t\t\t\t\tSmall\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<label class=\"radio\">\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"font\" value=\"big\" v-model=\"config.size\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"radiomark\"></span>\n\t\t\t\t\t\t\t\t\t\t\tBig\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!--\t         Variants OB  -->\n\t\t\t\t\t<div class=\"brdr_content_wrpr\" v-if=\"newData.is_ob\">\n\t\t\t\t\t\t<h3 class=\"brdr_content_title\">Variants</h3>\n\t\t\t\t\t\t<div class=\"txt-wrap\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tOrder bumps do not support having variants, If you believe this is something we\n\t\t\t\t\t\t\t\tshould work on then do let us know at <a href=\"https://community.funnelish.com\" target=\"_blank\">Funnelish\n\t\t\t\t\t\t\t\tcommunity</a>.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!--\t         Variants  -->\n\t\t\t\t\t<product-variants-panel :variants=\"newVariants\" @openVariants=\"openVariants\"\n\t\t\t\t\t                        :savingVariants=\"variantsSaving\"\n\t\t\t\t\t                        :product=\"newData\" :funnel-id=\"newData.funnel_id\" />\n\t\t\t\t\t<manage-variants :product=\"newData\" v-if=\"manageVariantsOpen\" @close=\"manageVariantsOpen=false\" :funnel-id=\"newData.funnel_id\" />\n\n\t\t\t\t\t<!-- Automations -->\n\t\t\t\t\t<div class=\"expandable-area\" :class=\"{closed:status.automationsClosed}\" >\n\t\t\t\t\t\t<h3 class=\"expandable-title\" @click=\"statusToggle('automationsClosed')\">Automations\n\t\t\t\t\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/chevron-top.svg')\" />\n\t\t\t\t\t\t</h3>\n\n\t\t\t\t\t\t<div class=\"area-content\">\n\t\t\t\t\t\t\t<div class=\"txt-wrap mb-15\">\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tTrigger any action with our 3rd party integrations when the product is purchased, refunded, subscribed\n\t\t\t\t\t\t\t\t\tto, or canceled.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"automation-items entries-table\" style=\"position: relative;\"\n\t\t\t\t\t\t\t     v-if=\"newAutomations && newAutomations.length\">\n\t\t\t\t\t\t\t\t<automation-entry\n\t\t\t\t\t\t\t\t\t\tv-for=\"item in newAutomations\" :key=\"item.id\"\n\t\t\t\t\t\t\t\t\t\t:item=\"item\"\n\t\t\t\t\t\t\t\t\t\t:title=\"automationTitle(item.trigger_id)\"\n\t\t\t\t\t\t\t\t\t\t@click=\"editAutomationItem(item)\"\n\t\t\t\t\t\t\t\t\t\t@delete=\"itemEntryDeleteClick\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<DeleteAutomationPopup v-if=\"isdeleteAutomationOpen\"\n\t\t\t\t\t\t\t\t\t                       :is-plus=\"true\"\n\t\t\t\t\t\t\t\t\t                       :automation=\"currentAutomation\"\n\t\t\t\t\t\t\t\t\t                       @done=\"deleteAutomationItem($event.id)\"\n\t\t\t\t\t\t\t\t\t                       @close=\"isdeleteAutomationOpen=false,currentAutomation=null\"/>\n\t\t\t\t\t\t\t\t<v-spinner v-if=\"loadingAutomations\"/>\n\t\t\t\t\t\t\t</div>\n\n<!--\t\t\t\t\t\t\t<portal to=\"popup\" v-if=\"automationPopupOpen\">-->\n\t\t\t\t\t\t\t\t<AutomationPopup  v-if=\"automationPopupOpen\" :product=\"currentProduct\"\n\t\t\t\t\t\t\t\t                 :step-id=\"newData.step_id\" :funnel-id=\"newData.funnel_id\"\n\t\t\t\t\t\t\t\t                 :edit=\"currentAutomation\" :flag=\"currentAutomation\"\n\t\t\t\t\t\t\t\t                 :is-edit=\"!!currentAutomation.id\"\n\t\t\t\t\t\t\t\t                 :automation=\"currentAutomation\"\n\t\t\t\t\t\t\t\t                 :productId=\"newData.id\" :is-plus=\"true\"\n\t\t\t\t\t\t\t\t                 @close=\"automationPopupOpen=false\" @done=\"automationSaved\" />\n<!--\t\t\t\t\t\t\t</portal>-->\n\t\t\t\t\t\t\t<div class=\"layout-row margin-t-15\">\n\t\t\t\t\t\t\t\t<v-button border :locked=\"!is('automations')\" @click=\"showAutomationPopup\" label=\"Create new automation\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"bottom_btns_wrpr\">\n\t\t\t\t\t<div class=\"left layout-row\">\n\t\t\t\t\t\t<v-button label=\"Cancel\" @click.prevent=\"closePopup\" border/>\n\t\t\t\t\t\t<v-button label=\"Save changes\" :locked=\"!is('editor')\" @click.prevent=\"saveData\" :class=\"{ disabled: validation.length }\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<v-button label=\"Delete product\" :locked=\"!is('editor')\" border red @click=\"deleteProduct(currentProduct.id)\"/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"popup_right_side\">\n\t\t\t\t<div class=\"flex layout-column\">\n\t\t\t\t\t<div class=\"alert_box orange\" style=\"margin:auto\">\n\t\t\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/warning_icon.svg')\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span>Coming soon!</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<!--                <product-preview v-show=\"showRightPanel\" :products=\"products\" :product=\"currentProduct\"></product-preview>-->\n\t\t\t</div>\n\t\t</div>\n\t</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 currencies from \"@/helpers/currencies\"\nimport ProductPreview from \"@/views/funnels/steps/product_preview/product_preview\";\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 AutomationItemEntry from \"@/views/funnels/steps/products/automationItemEntry\";\nimport DeleteAutomationPopup from \"@/views/funnels/steps/products/delete_automation_popup\";\nimport AutomationPopup from \"@/components/popups/automation/AutomationPopup\";\nimport AutomationEntry from \"@/views/funnels/funnel-plus/steps/products/automation-entry\";\nimport VSpinner from \"@/components/base/v-spinner\";\nimport ProductImagePanel from \"@/views/funnels/funnel-plus/steps/products/product-image-panel\";\nimport ProductVariantsPanel from \"@/views/funnels/funnel-plus/steps/products/product-variants-panel\";\nimport ManageVariants from \"@/views/funnels/funnel-plus/steps/products/manage-variants\";\nimport QuillEditor from '@/components/base/QuillEditor';\nimport InfoIcon from \"@/components/base/info-icon\";\nimport {is} from \"@/helpers/roles\";\nimport SelectField from \"@/components/base/select-field\";\n\nexport default {\n\tname: \"ProductSidePanel\",\n\tprops: {\n\t\tinEditor: {\n\t\t\ttype: Boolean\n\t\t},\n\t\tproduct: {\n\t\t    type: Object,\n\t\t},\n\t\tdelete: {\n\t\t\trequire: true,\n\t\t\ttype: Function\n\t\t}\n\t},\n\tcomponents: {\n\t\tSelectField,\n\t\tInfoIcon,\n\t\tQuillEditor,\n\t\tManageVariants,\n\t\tProductVariantsPanel,\n\t\tProductImagePanel,\n\t\tVSpinner,\n\t\tAutomationEntry,\n\t\tAutomationPopup,\n\t\tDeleteAutomationPopup,\n\t\tAutomationItemEntry,\n\t\tVButton,\n\t\tPriceField,\n\t\tVSwitch,\n\t\tInputField,\n\t\tProductPreview,\n\t\tVSwatches,\n\t\tLoading\n\t},\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\tvariantsSaving: false,\n\t\t\tmanageVariantsOpen: false,\n\t\t\tstatus: {\n\t\t\t\timageClosed: false,\n\t\t\t\tautomationsClosed: false,\n\t\t\t\tpriceClosed: false,\n\t\t\t\tvariantsClosed: false,\n\t\t\t\thighlightClosed: false,\n\t\t\t},\n\t\t\tpriceEditorFocused:false,\n\t\t\teditorOption: {\n\t\t\t\t// modules: {\n\t\t\t\t// \t// imageResize: {displaySize: true, modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]},\n\t\t\t\t// \t// history: {maxStack: 0},\n\t\t\t\t// \t// toolbar: {\n\t\t\t\t// \t// \tcontainer: '#toolbar_' + this.id\n\t\t\t\t// \t// },\n\t\t\t\t// },\n\t\t\t\tmodules: {\n\t\t\t\t\ttoolbar: [\n\t\t\t\t\t\t['bold', 'italic', 'underline', 'strike'],        // toggled buttons\n\t\t\t\t\t\t// ['blockquote'],\n\n\t\t\t\t\t\t[{ 'script': 'sub'}, { 'script': 'super' }],      // superscript/subscript\n\t\t\t\t\t\t// [{ 'indent': '-1'}, { 'indent': '+1' }],          // outdent/indent\n\t\t\t\t\t\t// [{ 'direction': 'rtl' }],                         // text direction\n\n\t\t\t\t\t\t['size', { 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown\n\n\t\t\t\t\t\t[{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme\n\t\t\t\t\t\t[{ 'align': [] }],\n\n\t\t\t\t\t\t['clean']                                         // remove formatting button\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\ttheme: 'snow'\n\t\t\t},\n\t\t\tloadingAutomations: false,\n\t\t\tisdeleteAutomationOpen: false,\n\t\t\tautomationPopupOpen: false,\n\t\t\tvalidationError: false,\n\t\t\tnewData: {\n\t\t\t\tname: ''\n\t\t\t},\n\t\t\tloading: true,\n\t\t\tconfig: {},\n\t\t\tcolor: \"#FF0000\",\n\t\t\tswatches: ['#FF0000', '#68C2E9', '#15D7AE', '#FDCC5E', '#4368E0', '#252A32', '#636A7B', '#C5C7D2', '#2E408C', '#97AACD', '#449CF4', '#6689FC'],\n\t\t\tnewVariants: [],\n\t\t\tnewAutomations: [],\n\t\t\tshowRightPanel: false,\n\t\t\tsettingsToggle: true,\n\t\t\trecurringTimes: [{id: 0, text: 'Infinite'}],\n\t\t\tbillingCycles: [],\n\t\t\tcycleTypes: [\n\t\t\t\t{id: 1, text: \"day(s)\"},\n\t\t\t\t{id: 2, text: \"week(s)\"},\n\t\t\t\t{id: 3, text: \"month(s)\"},\n\t\t\t\t{id: 4, text: \"year(s)\"}\n\t\t\t],\n\t\t\tvalidation: [],\n\t\t\tcurrentProduct: {},\n\t\t\tcurrentAutomation: {},\n\t\t\tproducts: [],\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters([\"ifError\", 'getFunnelStore']),\n\t\tgetSymbol() {\n\t\t\tlet target = currencies.find(item => item.id === this.currencyCode);\n\t\t\tif (target) {\n\t\t\t\treturn target.symbol\n\t\t\t} else {\n\t\t\t\treturn \"$\"\n\t\t\t}\n\t\t},\n\t\tstepId() {\n\t\t\tif (this.inEditor) return this.product.step_id;\n\t\t\treturn parseInt(this.$route.params.step);\n\t\t},\n\t\tfunnelId() {\n\t\t\tif (this.inEditor) return this.product.funnel_id;\n\t\t\treturn parseInt(this.$route.params.id);\n\t\t},\n\t\tproductId() {\n\t\t\tif (this.inEditor) return this.product.id;\n\t\t\treturn parseInt(this.$route.params.productId);\n\t\t},\n\t\tcurrencyCode() {\n\t\t\treturn this.getFunnelStore ?\n\t\t\t\t\t(this.getFunnelStore.currency_code || \"USD\") :\n\t\t\t\t\t(this.$store.state.userInfo.default_currency_code || \"USD\")\n\t\t}\n\t},\n\tmethods: {\n\t\tonQuillEditorCreated(editor) {\n\t\t\teditor.root.addEventListener(\"blur\", () => this.priceEditorFocused=false);\n\t\t},\n\t\tis(role){\n\t\t\treturn is(role)\n\t\t},\n\t\tonEditorChange({quill, html, text}){\n\t\t\tthis.newData.display_price = html;\n\t\t},\n\t\tasync openVariants(){\n\t\t\tawait this.updateInfo();\n\t\t\tthis.manageVariantsOpen = true;\n\t\t},\n\t\tstatusToggle(key){\n\t\t\tthis.status[key] = !this.status[key];\n\t\t\tlocalStorage.setItem('product.'+key, this.status[key]);\n\t\t},\n\t\tautomationSaved() {\n\t\t\tthis.currentAutomation = false;\n\t\t\tthis.automationPopupOpen = false;\n\t\t\tthis.loadAutomations();\n\t\t},\n\t\titemEntryDeleteClick(item) {\n\t\t\tthis.currentAutomation = item;\n\t\t\tthis.isdeleteAutomationOpen = true;\n\t\t},\n\t\trequiredField(optionOne, optionTwo = false) {\n\t\t\tvar conditionOne = false, conditionTwo = false;\n\t\t\tif (optionTwo) {\n\t\t\t\tconditionTwo = this.newData[optionTwo]\n\t\t\t}\n\t\t\tconditionOne = this.newData[optionOne] ? this.newData[optionOne] > 0 : false;\n\n\t\t\tlet result = (!conditionOne);\n\t\t\treturn result\n\t\t},\n\n\t\tcopyClipboard(event, text) {\n\t\t\tconsole.log({event, text});\n\t\t},\n\t\tselectNumber(event, field) {\n\t\t\tisNaN(event) ? event = 0 : '';\n\t\t\tthis.newData[field] = parseFloat(event);\n\t\t},\n\t\teditNumber(event, field) {\n\t\t\tisNaN(event.target.value) ? event.target.value = 0 : '';\n\t\t\tthis.newData[field] = parseFloat(event.target.value);\n\t\t},\n\t\teditInfo(event, field) {\n\t\t\tthis.newData[field] = event.target.value\n\t\t},\n\t\teditAutomationItem(item) {\n\t\t\tthis.updateInfo();\n\t\t\tthis.currentAutomation = item;\n\t\t\tthis.automationPopupOpen = true;\n\t\t},\n\t\tshowAutomationPopup() {\n\t\t\tthis.currentAutomation = {};\n\t\t\tthis.updateInfo();\n\t\t\tthis.automationPopupOpen = true;\n\t\t},\n\t\tclosePopup() {\n\t\t\tif (this.inEditor) this.$emit('close');\n\t\t\telse {\n\t\t\t\tlet {id, step} = this.$route.params;\n\t\t\t\tthis.$router.push({path: `/wfunnel/${id}/steps/${step}`});\n\t\t\t}\n\t\t},\n\n\t\tdeleteProduct(id) {\n\t\t\tthis.$store.commit(\"showProductDeletePopup\");\n\t\t},\n\t\tautomationTitle(id) {\n\t\t\tlet title = 'On Purchase';\n\t\t\tlet triggerId = parseInt(id);\n\t\t\tlet ar = ['Purchase','Refund','New subscription',\n\t\t\t        'Subscription canceled','Recurring payment','Recurring payment fails']\n\n\t\t\tif (triggerId<1 || triggerId > ar.length+1)\n\t\t\t\treturn title\n\n\t\t\treturn ar[triggerId-1]\n\t\t},\n\t\t//API\n\t\tasync updateInfo() {\n\t\t\ttry {\n\t\t\t\tthis.variantsSaving = true;\n\t\t\t\tif (this.currentProduct.id) {\n\t\t\t\t\t//EXISTING PRODUCT\n\t\t\t\t\tlet data = {\n\t\t\t\t\t\tproduct_id: this.currentProduct.id,\n\t\t\t\t\t\tfunnel_id: this.currentProduct.funnel_id,\n\t\t\t\t\t\tstep_id: this.currentProduct.step_id,\n\t\t\t\t\t\tuser_id: parseInt(this.$store.state.user),\n\t\t\t\t\t\tvariants: JSON.stringify({variants: this.newVariants})\n\t\t\t\t\t}\n\t\t\t\t\tawait this.api.wsteps.patchVariants(this.currentProduct.id, data);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\n\t\t\t} finally {\n\t\t\t\tthis.variantsSaving = false;\n\t\t\t}\n\t\t},\n\t\tasync deleteAutomationItem(id) {\n\t\t\tthis.isdeleteAutomationOpen = false;\n\t\t\tthis.newAutomations = this.newAutomations.filter((item) => item.id !== id)\n\t\t},\n\t\tasync saveData() {\n\t\t\tvar errors = document.querySelectorAll('.app_settings_popup .required');\n\t\t\tif (errors.length) {\n\t\t\t\tthis.validationError = true;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.validationError = false;\n\t\t\t\t}, 5000)\n\t\t\t} else {\n\t\t\t\tthis.validationError = false;\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.newData.config = JSON.stringify(this.config);\n\n\t\t\t\tlet newProduct = {};\n\t\t\t\tnewProduct = await this.api.wsteps.patchProduct(this.funnelId, this.stepId, this.newData);\n\t\t\t\tthis.$store.dispatch('EDIT_PRODUCT', newProduct);\n\n\t\t\t\tif (!this.ifError) {\n\t\t\t\t\tlet data = {\n\t\t\t\t\t\tproduct_id: newProduct.id,\n\t\t\t\t\t\tstep_id: newProduct.step_id,\n\t\t\t\t\t\tfunnel_id: newProduct.funnel_id,\n\t\t\t\t\t\tuser_id: parseInt(this.$store.state.user),\n\t\t\t\t\t\tvariants: JSON.stringify({variants: this.newVariants})\n\t\t\t\t\t}\n\n\t\t\t\t\tlet variantsData = await this.api.wsteps.patchVariants(newProduct.id, data);\n\t\t\t\t\tnewProduct.product_variants = variantsData;\n\n\t\t\t\t\tthis.loading = false;\n\t\t\t\t\tif (this.inEditor) this.$emit('done', newProduct);\n\t\t\t\t\tthis.closePopup();\n\t\t\t\t}\n\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync loadAutomations() {\n\t\t\ttry {\n\t\t\t\tthis.loadingAutomations = true;\n\t\t\t\tthis.newAutomations = await this.api.wsteps.getAutomations(this.currentProduct.id);\n\t\t\t} catch (e) {\n\t\t\t\tthis.newAutomations = [];\n\t\t\t\tthis.$warn(e);\n\t\t\t} finally {\n\t\t\t\tthis.loadingAutomations = false;\n\t\t\t}\n\t\t},\n\t\tasync init() {\n\t\t\ttry {\n\t\t\t\tthis.status.highlightClosed = localStorage.getItem('product.highlightClosed')===\"true\";\n\t\t\t\tthis.status.priceClosed = localStorage.getItem('product.priceClosed')===\"true\";\n\t\t\t\tthis.status.variantsClosed = localStorage.getItem('product.variantsClosed')===\"true\";\n\t\t\t\tthis.status.automationsClosed = localStorage.getItem('product.automationsClosed')===\"true\";\n\n\t\t\t\tthis.$store.commit(\"showProductSettingsPopup\");\n\t\t\t\tlet id = this.funnelId, step=this.stepId, productId=this.productId;\n\n\t\t\t\tlet productRes = await this.api.wsteps.getVariants(id, step, productId);\n\t\t\t\tthis.currentProduct = productRes;\n\n\t\t\t\tif (productRes.product_variants && productRes.product_variants) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.newVariants = await JSON.parse(productRes.product_variants.variants).variants;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\tthis.newVariants = [];\n\t\t\t\t\t}\n\t\t\t\t} else\n\t\t\t\t\tthis.newVariants = [];\n\n\t\t\t\tawait this.loadAutomations();\n\n\t\t\t\tvar safeString = JSON.stringify(this.currentProduct);\n\t\t\t\tthis.newData = JSON.parse(safeString);\n\t\t\t\tconsole.log(this.newData);\n\t\t\t\tif (this.newData.config && this.newData.config.length) {\n\t\t\t\t\tthis.config = JSON.parse(this.newData.config) || {};\n\t\t\t\t} else {\n\t\t\t\t\tthis.config = {};\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tthis.$warn(e);\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync updateAutomations() {\n\t\t\tthis.newAutomations = await this.api.wsteps.getAutomations(this.currentProduct.id);\n\t\t},\n\t},\n\tmounted() {\n\t\tthis.init();\n\t},\n\tcreated() {\n\t\tthis.recurringTimes = [{id: 0, text: 'Infinite'}];\n\t\tfor (let i=2; i <= 52; i++) {\n\t\t\tthis.recurringTimes.push({id: i, text: ''+i})\n\t\t}\n\n\t\tthis.billingCycles = [];\n\t\tfor (let i=1; i <= 30; i++) {\n\t\t\tthis.billingCycles.push({id: i, text: i})\n\t\t}\n\t}\n}\n</script>\n<style lang=\"scss\">\n.product-settings-popup-wrap {\n\t.display-price-editor {\n\t\tdisplay: block;\n\t\tborder: 1px solid $grey;\n\t\tborder-radius: 3px;\n\t\t&.__focused {\n\t\t\tborder: 1px solid $blue !important;\n\t\t}\n\t\t&:hover {\n\t\t\tborder: 1px solid $dark-grey;\n\t\t}\n\t\t.ql-formats{\n\t\t\tdisplay: flex;\n\t\t}\n\t\t.ql-toolbar.ql-snow {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tborder: none;\n\t\t}\n\t\t.ql-container.ql-snow {\n\t\t\tborder: none !important;\n\t\t\t.ql-editor {\n\t\t\t\tborder-radius: 0 0 5px 5px;\n\t\t\t\tborder: none !important;\n\t\t\t\tborder-top: 1px solid $light-grey !important;\n\t\t\t\tpadding: 8px 10px !important;\n\t\t\t\twidth: 100%;\n\n\t\t\t\t&:focus-visible {\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.automation-items {\n\tgap: 10px;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.billing-panel {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 6px;\n\n\t.billing-box {\n\t\tflex: 1;\n\t\t&.__price {\n\t\t}\n\t\t&.__cycle {\n\t\t\tmax-width: 110px;\n\t\t}\n\t}\n}\n.popup_side_content {\n\tpadding: 0;\n}\n\n.popup_left_side {\n\tpadding: 0;\n}\n\n.product-name {\n\tmax-width: 600px;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tdisplay: flex;\n\tpadding: 20px 50px 20px 20px;\n\n\t> span {\n\t\tdisplay: block;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n}\n\n.bottom_btns_wrpr {\n\tpadding: 15px 20px;\n\n\t> .button:last-child {\n\t\tmargin-right: 5px;\n\t\tposition: absolute;\n\t\tright: 55px;\n\t}\n}\n\n.automation-item .img-wrap img {\n\tdisplay: block;\n\twidth: 40px;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./plus-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!./plus-product-side-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./plus-product-side-panel.vue?vue&type=template&id=4728d3b0&scoped=true&\"\nimport script from \"./plus-product-side-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./plus-product-side-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./plus-product-side-panel.vue?vue&type=style&index=0&id=4728d3b0&prod&lang=scss&\"\nimport style1 from \"./plus-product-side-panel.vue?vue&type=style&index=1&id=4728d3b0&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  \"4728d3b0\",\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!./product-image-panel.vue?vue&type=style&index=0&id=0e5147f8&prod&lang=scss&\"","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!./manage-variants.vue?vue&type=style&index=0&id=5b7dac48&prod&lang=scss&\"","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!./manage-variants.vue?vue&type=style&index=1&id=5b7dac48&prod&lang=scss&scoped=true&\"","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!./SelectImagePopup.vue?vue&type=style&index=1&id=6dbd0844&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"select_image_popup\",attrs:{\"noscroll\":\"\",\"title\":\"Select an image\"},on:{\"close\":_vm.closeThisPopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [(_vm.loading)?_c('Loading'):_vm._e(),_c('div',{staticClass:\"__cats_container\"},[_c('v-button',{staticClass:\"add-folder-btn\",attrs:{\"slim\":\"\",\"border\":\"\",\"label\":\"Add new folder\"},on:{\"click\":function($event){_vm.newFolderState = !_vm.newFolderState}}}),(_vm.newFolderState)?_c('div',{staticClass:\"__create_folder_box\"},[_c('input-field',{attrs:{\"small\":\"\",\"placeholder\":\"New folder name...\"},model:{value:(_vm.newFolderInput),callback:function ($$v) {_vm.newFolderInput=$$v},expression:\"newFolderInput\"}}),_c('div',{staticClass:\"__btns\"},[_c('v-button',{staticClass:\"flex-none\",attrs:{\"slim\":\"\",\"border\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.newFolderState = false}}}),_c('v-button',{staticClass:\"flex\",attrs:{\"loading\":_vm.creatingFolder,\"slim\":\"\",\"label\":\"Create folder\"},on:{\"click\":_vm.createNewFolder}})],1)],1):_vm._e(),_c('ul',{staticClass:\"__cats scroll\"},_vm._l((_vm.popupCategories),function(item,index){return _c('li',{staticClass:\"__cat-item\",class:{'active' : item.id == _vm.popupActiveCategory},on:{\"click\":function($event){_vm.popupActiveCategory = item.id}}},[_c('span',{staticClass:\"flex\"},[_vm._v(_vm._s(item.name))]),(item.id !== 0)?_c('a',{staticClass:\"__del-btn\",on:{\"click\":function($event){$event.stopPropagation();_vm.folderToDelete=item.id;_vm.deleteFolderPopup=true;}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1):_vm._e()])}),0)],1),_c('div',{staticClass:\"__upload_container\"},[_c('form',{staticClass:\"popup_right_header upload-image\",attrs:{\"enctype\":\"multipart/form-data\"}},[_c('v-button',{staticClass:\"upload-btn\",attrs:{\"loading\":_vm.uploading,\"label\":\"Upload new image\",\"slim\":\"\",\"icon\":require('@/assets/img/upload.svg')}}),_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"accept\":\"image/*\",\"name\":\"image\"},on:{\"change\":_vm.uploadFile}})],1),(_vm.imageFilteredList.length)?_c('div',{staticClass:\"imgs-wrapper\"},[_c('div',{staticClass:\"select_img_items_list\"},_vm._l((_vm.imageFilteredList),function(item,index){return _c('div',{staticClass:\"select_img_item\",on:{\"click\":function($event){return _vm.chooseImage(item)}}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"xs_delete_btn\",attrs:{\"content\":\"Delete image\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showDeletePopup(item.id)}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 10 10\",\"height\":\"16\",\"width\":\"16\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"d\":\"M8.43749 1.25H6.5625V0.625002C6.5625 0.279689 6.2828 0 5.93749 0H4.0625C3.71718 0 3.43749 0.279689 3.43749 0.625002V1.25H1.5625C1.21719 1.25 0.9375 1.52969 0.9375 1.87501V2.50001C0.9375 2.845 1.21719 3.12469 1.56188 3.12501H8.43783C8.78282 3.12469 9.06252 2.845 9.06252 2.50001V1.87499C9.0625 1.52969 8.78281 1.25 8.43749 1.25ZM5.93749 1.25H4.0625V0.937496C4.0625 0.764999 4.20249 0.624988 4.37499 0.624988H5.62499C5.79749 0.624988 5.93749 0.764985 5.93749 0.937496V1.25ZM1.56249 8.75001C1.56249 9.44032 2.12217 10 2.81249 10H7.1875C7.87781 10 8.43749 9.44032 8.43749 8.75001V3.75H1.56249V8.75001ZM6.25001 4.68751C6.25001 4.51501 6.39001 4.375 6.5625 4.375C6.735 4.375 6.875 4.515 6.875 4.68751V8.4375C6.875 8.61 6.735 8.75001 6.5625 8.75001C6.39001 8.75001 6.25001 8.61 6.25001 8.4375V4.68751ZM4.6875 4.68751C4.6875 4.51501 4.82749 4.375 5 4.375C5.17252 4.375 5.3125 4.515 5.3125 4.68751V8.4375C5.3125 8.61 5.1725 8.75001 5 8.75001C4.82751 8.75001 4.6875 8.61 4.6875 8.4375V4.68751ZM3.12499 4.68751C3.12499 4.51501 3.26498 4.375 3.43749 4.375C3.61 4.375 3.75 4.515 3.75 4.68751V8.4375C3.75 8.61 3.61 8.75001 3.43749 8.75001C3.26498 8.75001 3.12499 8.61 3.12499 8.4375V4.68751Z\",\"fill\":\"#FB595B\"}})])]),_c('div',{staticClass:\"img_wrpr\"},[_c('img',{attrs:{\"src\":`//img.funnelish.com/${item.path}?auto=webp&fit=bounds&width=160&height=160`}})]),_c('p',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],attrs:{\"content\":item.name}},[_vm._v(_vm._s(item.name))])])}),0)]):_c('div',{staticClass:\"not_yet_box\"},[_vm._v(\" There are no images in this folder yet \")])]),(_vm.deletePopup)?_c('div',{staticClass:\"popup_wrpr active\"},[_c('div',{staticClass:\"popup_wrpr_inner\"},[_c('div',{staticClass:\"__delete-popup popup\"},[_c('div',{staticClass:\"popup_header\"},[_c('h3',[_vm._v(\"Are you sure you'd like to delete this image?\")]),_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){_vm.deletePopup = false}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"height\":\"14\",\"width\":\"14\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M7.14216 5.82149L12.4455 0.518184L13.624 1.6967L8.32067 7L13.624 12.3033L12.4455 13.4818L7.14216 8.17851L1.83886 13.4818L0.660354 12.3033L5.96365 7L0.660354 1.6967L1.83886 0.518184L7.14216 5.82149Z\",\"fill\":\"#C5C7D2\"}})])])]),_c('div',{staticClass:\"popup_btn_wrpr mt_0 active\"},[_c('v-button',{attrs:{\"slim\":\"\",\"loading\":_vm.deletingImage,\"red\":\"\",\"border\":\"\",\"label\":\"Delete\"},on:{\"click\":function($event){return _vm.deleteImage(_vm.deleteImageId)}}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.deletePopup = false}}})],1)])])]):_vm._e(),(_vm.deleteFolderPopup)?_c('div',{staticClass:\"popup_wrpr active\"},[_c('div',{staticClass:\"popup_wrpr_inner\"},[_c('div',{staticClass:\"__delete-popup popup\"},[_c('div',{staticClass:\"popup_header\"},[_c('h3',[_vm._v(\"Are you sure you'd like to delete this folder?\")]),_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){_vm.deleteFolderPopup = false}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/close_popup.svg')}})],1)]),_c('div',{staticClass:\"popup_btn_wrpr mt_0 active\"},[_c('v-button',{attrs:{\"slim\":\"\",\"loading\":_vm.deletingFolder,\"red\":\"\",\"border\":\"\",\"label\":\"Delete\"},on:{\"click\":function($event){return _vm.deleteCategory()}}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.deleteFolderPopup = false}}})],1)])])]):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"select_image_popup\" noscroll title=\"Select an image\" @close=\"closeThisPopup\">\n\t\t<template v-slot:content>\n\t\t\t<Loading v-if=\"loading\"/>\n\t\t\t\t<div class=\"__cats_container\">\n\t\t\t\t\t<v-button @click=\"newFolderState = !newFolderState\" slim border class=\"add-folder-btn\" label=\"Add new folder\" />\n\t\t\t\t\t<div class=\"__create_folder_box\" v-if=\"newFolderState\">\n\t\t\t\t\t\t<input-field small placeholder=\"New folder name...\" v-model=\"newFolderInput\" />\n\t\t\t\t\t\t<div class=\"__btns\">\n\t\t\t\t\t\t\t<v-button class=\"flex-none\" @click=\"newFolderState = false\" slim border label=\"Cancel\" />\n\t\t\t\t\t\t\t<v-button class=\"flex\" :loading=\"creatingFolder\" @click=\"createNewFolder\" slim label=\"Create folder\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul class=\"__cats scroll\">\n\t\t\t\t\t\t<li class=\"__cat-item\"\n\t\t\t\t\t\t    v-for=\"(item, index) in popupCategories\"\n\t\t\t\t\t\t    :class=\"{'active' : item.id == popupActiveCategory}\"\n\t\t\t\t\t\t    @click=\"popupActiveCategory = item.id\">\n\t\t\t\t\t\t\t<span class=\"flex\">{{item.name}}</span>\n\t\t\t\t\t\t\t<a class=\"__del-btn\" v-if=\"item.id !== 0\" @click.stop=\"folderToDelete=item.id;deleteFolderPopup=true;\">\n\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/delete_icon.svg')\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"__upload_container\">\n\t\t\t\t\t<form class=\"popup_right_header upload-image\" enctype=\"multipart/form-data\">\n\t\t\t\t\t\t<v-button class=\"upload-btn\" :loading=\"uploading\"\n\t\t\t\t\t\t          label=\"Upload new image\" slim :icon=\"require('@/assets/img/upload.svg')\" />\n\t\t\t\t\t\t<input  type=\"file\" @change=\"uploadFile\" accept=\"image/*\" class=\"input-file\" name=\"image\"/>\n\t\t\t\t\t</form>\n\t\t\t\t\t<div class=\"imgs-wrapper\" v-if=\"imageFilteredList.length\">\n\t\t\t\t\t\t<div class=\"select_img_items_list\">\n\t\t\t\t\t\t\t<div v-for=\"(item, index) in imageFilteredList\" class=\"select_img_item\" @click=\"chooseImage(item)\">\n\t\t\t\t\t\t\t\t<a class=\"xs_delete_btn\" @click.stop=\"showDeletePopup(item.id)\" v-tippy=\"{theme:'small-black'}\"\n\t\t\t\t\t\t\t\t   content=\"Delete image\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 10 10\" height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<path xmlns=\"http://www.w3.org/2000/svg\" d=\"M8.43749 1.25H6.5625V0.625002C6.5625 0.279689 6.2828 0 5.93749 0H4.0625C3.71718 0 3.43749 0.279689 3.43749 0.625002V1.25H1.5625C1.21719 1.25 0.9375 1.52969 0.9375 1.87501V2.50001C0.9375 2.845 1.21719 3.12469 1.56188 3.12501H8.43783C8.78282 3.12469 9.06252 2.845 9.06252 2.50001V1.87499C9.0625 1.52969 8.78281 1.25 8.43749 1.25ZM5.93749 1.25H4.0625V0.937496C4.0625 0.764999 4.20249 0.624988 4.37499 0.624988H5.62499C5.79749 0.624988 5.93749 0.764985 5.93749 0.937496V1.25ZM1.56249 8.75001C1.56249 9.44032 2.12217 10 2.81249 10H7.1875C7.87781 10 8.43749 9.44032 8.43749 8.75001V3.75H1.56249V8.75001ZM6.25001 4.68751C6.25001 4.51501 6.39001 4.375 6.5625 4.375C6.735 4.375 6.875 4.515 6.875 4.68751V8.4375C6.875 8.61 6.735 8.75001 6.5625 8.75001C6.39001 8.75001 6.25001 8.61 6.25001 8.4375V4.68751ZM4.6875 4.68751C4.6875 4.51501 4.82749 4.375 5 4.375C5.17252 4.375 5.3125 4.515 5.3125 4.68751V8.4375C5.3125 8.61 5.1725 8.75001 5 8.75001C4.82751 8.75001 4.6875 8.61 4.6875 8.4375V4.68751ZM3.12499 4.68751C3.12499 4.51501 3.26498 4.375 3.43749 4.375C3.61 4.375 3.75 4.515 3.75 4.68751V8.4375C3.75 8.61 3.61 8.75001 3.43749 8.75001C3.26498 8.75001 3.12499 8.61 3.12499 8.4375V4.68751Z\" fill=\"#FB595B\"></path>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t<div class=\"img_wrpr\">\n\t\t\t\t\t\t\t\t\t<img :src=\"`//img.funnelish.com/${item.path}?auto=webp&fit=bounds&width=160&height=160`\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<p v-tippy=\"{theme:'small-black'}\" :content=\"item.name\">{{item.name}}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"not_yet_box\" v-else>\n\t\t\t\t\t\tThere are no images in this folder yet\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t<div class=\"popup_wrpr active\" v-if=\"deletePopup\">\n\t\t\t\t<div class=\"popup_wrpr_inner\">\n\t\t\t\t\t<div class=\"__delete-popup popup\">\n\t\t\t\t\t\t<div class=\"popup_header\">\n\t\t\t\t\t\t\t<h3>Are you sure you'd like to delete this image?</h3>\n\t\t\t\t\t\t\t<a @click=\"deletePopup = false\" class=\"close_popup_btn\">\n\t\t\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 14 14\" height=\"14\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.14216 5.82149L12.4455 0.518184L13.624 1.6967L8.32067 7L13.624 12.3033L12.4455 13.4818L7.14216 8.17851L1.83886 13.4818L0.660354 12.3033L5.96365 7L0.660354 1.6967L1.83886 0.518184L7.14216 5.82149Z\" fill=\"#C5C7D2\"></path></svg>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"popup_btn_wrpr mt_0 active\">\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteImage(deleteImageId)\" :loading=\"deletingImage\" red border label=\"Delete\"></v-button>\n\t\t\t\t\t\t\t<v-button slim @click=\"deletePopup = false\" label=\"Cancel\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"popup_wrpr active\" v-if=\"deleteFolderPopup\">\n\t\t\t\t<div class=\"popup_wrpr_inner\">\n\t\t\t\t\t<div class=\"__delete-popup popup\">\n\t\t\t\t\t\t<div class=\"popup_header\">\n\t\t\t\t\t\t\t<h3>Are you sure you'd like to delete this folder?</h3>\n\t\t\t\t\t\t\t<a @click=\"deleteFolderPopup = false\" class=\"close_popup_btn\">\n\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/close_popup.svg')\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"popup_btn_wrpr mt_0 active\">\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteCategory()\" :loading=\"deletingFolder\" red border label=\"Delete\"></v-button>\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteFolderPopup = false\" label=\"Cancel\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport Loading from \"@/components/Loading.vue\"\nimport VButton from \"@/components/base/v-button\";\nimport Popup from \"@/components/base/popup\";\nimport InputField from \"@/components/base/input-field\";\nexport default {\n    name: 'SelectImagePopup',\n    components: {\n\t    InputField,\n\t    Popup,\n        Loading,\n        VButton,\n    },\n    mixins: [API],\n\tprops:['funnelId'],\n    data: function(){\n        return {\n\t        deletingImage:false,\n\t        deletingFolder:false,\n\t\t\t\t\tcreatingFolder:false,\n            // funnelId: null,\n            newFolderState: false,\n            popupActiveCategory: 0,\n            popupCategories: [\n                { id: 0, name: 'All Images' },\n            ],\n            selectImageItems: [],\n            newFolderInput: '',\n            loading: true,\n\t        uploading:false,\n\t        deletePopup: false,\n\t        deleteFolderPopup: false,\n          deleteImageId: 0,\n\t        folderToDelete:null,\n        }\n    },\n    computed: {\n        imageFilteredList() {\n\t\t\t\t\tif (!this.selectImageItems) return [];\n            let lst = this.selectImageItems.filter(item => {\n                if(this.popupActiveCategory === 0) {\n                    return this.selectImageItems\n                } else {\n                    return item.folder_id === this.popupActiveCategory\n                }\n            })\n\t        lst = lst.sort((a,b)=>b.id - a.id)\n\t        return lst;\n        }\n    },\n    methods: {\n        showDeletePopup(id){\n            this.deletePopup = true;\n            this.deleteImageId = id;\n        },\n        closeThisPopup(){\n\t        this.$emit('closePopup');\n\t        this.$emit('close');\n        },\n        chooseImage(item){\n\t        this.$emit('imageChoosed', item);\n\t        this.$emit('done', item);\n          this.closeThisPopup();\n        },\n        async deleteImage(id) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.deletingImage = true;\n\t\t\t\t\t\tvar result = await this.api.images.delete(id);\n\n\t\t\t\t\t\tthis.selectImageItems.splice(this.selectImageItems.findIndex(item => {\n\t\t\t\t\t\t\treturn item.id === id\n\t\t\t\t\t\t}), 1);\n\t\t\t\t\t\tthis.deletePopup = false;\n\t\t\t\t\t} catch (e){\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t}\n\t        finally {\n\t\t\t\t\t\tthis.deletingImage = false;\n\t\t\t\t\t}\n        },\n        async uploadFile(e) {\n        \ttry {\n\t\t        this.uploading = true;\n\n\t\t        var fileList = e.target.files\n\t\t        var fieldName = e.target.name\n\n\t\t        const formData = new FormData();\n\n\t\t        if (!fileList.length) return;\n\n\t\t        Array\n\t\t\t\t        .from(Array(fileList.length).keys())\n\t\t\t\t        .map(x => {\n\t\t\t\t\t        formData.append(fieldName, fileList[x], fileList[x].name);\n\t\t\t\t        });\n\n\t\t        var result = await this.api.images.create(this.funnelId, formData, this.popupActiveCategory);\n\t\t        if (result.id) {\n\t\t\t        this.selectImageItems.push(result)\n\t\t        } else {\n\t\t\t        this.$error(result)\n\t\t        }\n\t        } catch (e) {\n\t\t        this.$error(e)\n\t        } finally {\n\t\t        this.uploading = false;\n\t        }\n        },\n        async createNewFolder(){\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.creatingFolder = true;\n\t\t\t\t\t\tlet newFolder = {\n\t\t\t\t\t\t\tfunnel_id: this.funnelId, name: this.newFolderInput\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet result = await this.api.images.foldersCreate(newFolder);\n\t\t\t\t\t\tif (result.id) {\n\t\t\t\t\t\t\tnewFolder.id = result.id\n\t\t\t\t\t\t\tthis.popupCategories.push(newFolder)\n\t\t\t\t\t\t\tthis.newFolderInput = '';\n\t\t\t\t\t\t\tthis.newFolderState =false;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.$error(result)\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tthis.creatingFolder = false;\n\t\t\t\t\t}\n        },\n        async deleteCategory(){\n\t\t\t\t\ttry {\n\t\t\t\t\t\tif (!this.folderToDelete) return;\n\t\t\t\t\t\tthis.deletingFolder = true;\n\n\t\t\t\t\t\tlet res = await this.api.images.foldersDelete(this.folderToDelete);\n\t\t\t\t\t\tif (res && res.error)\n\t\t\t\t\t\t\tthrow res;\n\n\t\t\t\t\t\tlet index = this.popupCategories.findIndex(x=>x.id===this.folderToDelete)\n\t\t\t\t\t\tthis.popupCategories.splice(index, 1);\n\n\t\t\t\t\t\tthis.deleteFolderPopup = false;\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tthis.deletingFolder = false;\n\t\t\t\t\t}\n        },\n        async init() {\n        \ttry {\n\t\t        this.loading = true;\n\n\t\t        let folders = await this.api.images.foldersGet();\n\t\t        let summary = this.popupCategories.concat(folders);\n\t\t        this.popupCategories = summary;\n\n\t\t        let images = await this.api.images.get();\n\t\t        this.selectImageItems = images;\n\n\t        } catch (e) {\n\t\t        this.$error(e)\n\t        } finally {\n\t\t        this.loading = false;\n\t        }\n        }\n    },\n    created() {\n        this.init();\n    }\n\n}\n</script>\n<style lang=\"scss\">\n.select_image_popup {\n\t.popup {\n\t\t@include default-font;\n\t\tmax-height: calc(100vh - 64px);\n\t\toverflow: hidden;\n\t\tmax-width: 900px;\n\t\tposition: relative;\n\n\t\t.popup_btn_wrpr.actions {\n\t\t\tdisplay: none;\n\t\t}\n\t\t> .popup_header {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\t> .content {\n\t\t\tpadding: 0;\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid $light-grey;\n\t\t\tmargin: 5px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tflex: 1;\n\t\t}\n\t}\n\t.upload-btn svg path {\n\t\tfill: white;\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.__cats {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding-right: 12px;\n}\n.__cats_container {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\twidth: 205px;\n\tpadding: 10px 0 10px 8px;\n\tbackground: $light-blue;\n\tborder-radius: 5px 0 0 5px;\n\tborder-right: 1px solid $light-grey;\n}\n.__upload_container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tpadding: 10px;\n\t.not_yet_box {\n\t\tmargin: auto;\n\t\ttext-align: center;\n\t}\n}\n.__cat-item {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tposition: relative;\n\tmin-height: 30px;\n\tborder-radius: 5px;\n\tcursor: pointer;\n\tpadding: 3px 10px;\n\t&:hover {\n\t\tbackground: $hover-light-blue;\n\t\t.__del-btn {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\t&.active {\n\t\tbackground: $hover-light-blue;\n\t\tcolor: $blue;\n\t}\n\t.__del-btn {\n\t\tright: 5px;\n\n\t\tposition: absolute;\n\t\tpadding: 5px 3px;\n\t\tdisplay: none;\n\t\ttop: auto;\n\t\tbottom: auto;\n\t\tborder-radius: 5px;\n\t\t&:hover{\n\t\t\tbackground: $dark-hover-light-blue;\n\t\t}\n\t\tsvg {\n\t\t\theight: 14px;\n\t\t}\n\t}\n}\n.__create_folder_box {\n\tmargin-bottom: 10px;\n\tborder: 1px dashed $grey;\n\tpadding: 5px;\n\twidth: 100%;\n\tborder-radius: 3px;\n\t.input-field{\n\t\tmargin-bottom: 9px;\n\t\tfont-size: 12px;\n\t}\n\t.__btns {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 10px;\n\t\t.button {\n\t\t\theight: 26px;\n\t\t\tpadding: 3px 6px;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n}\n.__delete-popup {\n\tmax-width: 500px;\n}\n.select_image_popup {\n\n\t.upload-image {\n\t\tposition: relative;\n\t}\n\tinput.input-file {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tz-index: 1;\n\t\tcursor: pointer;\n\t\topacity: 0;\n\t}\n\t.choose-btn {\n\t\theight: 28px;\n\t}\n\t.add-folder-btn {\n\t\tmargin-bottom: 15px;\n\t\tpadding: 3px 10px;\n\t\theight: 26px;\n\t}\n\t.create_folder_box {\n\t\t.button {\n\t\t\tpadding: 4px 8px;\n\t\t\twidth: auto;\n\t\t\tfont-size: 11px;\n\t\t\tmin-height: 0;\n\t\t\theight: 23px;\n\t\t\tmargin: 0 4px;\n\t\t}\n\t}\n\tul {\n\t\tmax-height: 100%;\n\t\tflex: 1;\n\t\twidth: 100%;\n\t}\n\t.cr_autom_right {\n\t\tpadding: 15px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.popup_right_header {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-bottom: 15px;\n\t}\n\t.select_img_items_list {\n\t\tmargin: 0;\n\t\theight: fit-content;\n\t\tmin-height: 300px;\n\t\tgrid-gap: 15px;\n\t\tpadding: 10px 10px 10px 0;\n\t\t//grid-template: 200px 200px;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n\t}\n\t.imgs-wrapper {\n\t\tdisplay: block;\n\t\toverflow: scroll;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t.select_img_item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tborder: 1px solid #EBEFF6;\n\t\tpadding: 5px;\n\t\tborder-radius: 5px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\ttransition: 0.15s all ease-in-out;\n\t\theight: 160px;\n\n\t\t.xs_delete_btn {\n\t\t\tdisplay: none;\n\t\t\twidth: 26px;\n\t\t\theight: 26px;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\tleft: 5px;\n\t\t\ttop: 5px;\n\t\t\tborder-radius: 5px;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.img_wrpr {\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\tbackground: whitesmoke;\n\t\t\tborder-radius: 4px;\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: scale-down;\n\t\t\t}\n\t\t} // .img_wrpr\n\t\tp {\n\t\t\tfont-weight: normal;\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #C5C7D2;\n\t\t\tmargin: 3px 0 0;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t&:hover {\n\t\t\tborder: 1px solid $sharp-blue;\n\t\t\t.xs_delete_btn {\n\t\t\t\tdisplay: flex;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(90, 93, 97, 0.17);\n\t\t\t\t}\n\t\t\t}\n\t\t} // .hover_block\n\t\t&.active, &:hover {\n\t\t\tborder: 1px solid $sharp-blue;\n\t\t}\n\t\t&.active p {\n\t\t\tcolor: #636A7B;\n\t\t}\n\t} // .select_img_item\n\t.popup_header h3 {\n\t\tfont-size: 16px;\n\t}\n} // .select_image_popup\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!./SelectImagePopup.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!./SelectImagePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectImagePopup.vue?vue&type=template&id=6dbd0844&scoped=true&\"\nimport script from \"./SelectImagePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectImagePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectImagePopup.vue?vue&type=style&index=0&id=6dbd0844&prod&lang=scss&\"\nimport style1 from \"./SelectImagePopup.vue?vue&type=style&index=1&id=6dbd0844&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  \"6dbd0844\",\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!./product-image-panel.vue?vue&type=style&index=1&id=0e5147f8&prod&lang=scss&scoped=true&\"","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-variants-panel.vue?vue&type=style&index=1&id=9b72dee6&prod&lang=scss&\"","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!./SelectImagePopup.vue?vue&type=style&index=0&id=6dbd0844&prod&lang=scss&\"","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!./plus-product-side-panel.vue?vue&type=style&index=1&id=4728d3b0&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/upload.3cdbf02c.svg\";","module.exports = __webpack_public_path__ + \"img/product-img-sample.832cd8fc.png\";","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-variants-panel.vue?vue&type=style&index=0&id=9b72dee6&prod&lang=scss&scoped=true&\""],"sourceRoot":""}