{"version":3,"sources":["webpack:///./src/components/AnimateText.vue?43c2","webpack:///src/components/AnimateText.vue","webpack:///./src/components/AnimateText.vue?0f17","webpack:///./src/components/AnimateText.vue","webpack:///./src/components/Subscription.vue?f5ca","webpack:///./src/components/ProgressCircle.vue?56fb","webpack:///src/components/ProgressCircle.vue","webpack:///./src/components/ProgressCircle.vue?0f33","webpack:///./src/components/ProgressCircle.vue?8090","webpack:///./src/components/ToggleButton.vue?eaf9","webpack:///src/components/ToggleButton.vue","webpack:///./src/components/ToggleButton.vue?c071","webpack:///./src/components/ToggleButton.vue?9af0","webpack:///./src/components/ProgressCircle.vue?2e51","webpack:///./src/components/Subscription.vue?5961","webpack:///src/components/Subscription.vue","webpack:///./src/components/Subscription.vue?9f42","webpack:///./src/components/Subscription.vue?5d60","webpack:///./src/components/SubscriptionOverview.vue?8b17","webpack:///src/components/SubscriptionOverview.vue","webpack:///./src/components/SubscriptionOverview.vue?542d","webpack:///./src/components/SubscriptionOverview.vue?7ab9","webpack:///./src/components/UsageCounter.vue?e556","webpack:///src/components/UsageCounter.vue","webpack:///./src/components/UsageCounter.vue?e93e","webpack:///./src/components/UsageCounter.vue?a1fd","webpack:///./src/components/ToggleButton.vue?f13b","webpack:///./src/components/SubscriptionOverview.vue?776c","webpack:///./src/components/UsageCounter.vue?4ea8","webpack:///./src/components/HubSpotForm.vue?8505","webpack:///src/components/HubSpotForm.vue","webpack:///./src/components/HubSpotForm.vue?7d46","webpack:///./src/components/HubSpotForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","formattedNumber","addZero","_v","_e","_s","unit","staticRenderFns","AnimateTextvue_type_script_lang_js_","name","data","interval","displayNumber","props","type","number","default","animateTime","methods","animateFunction","setInterval","change","clearInterval","bind","computed","toLocaleString","replace","watch","created","components_AnimateTextvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Subscription_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Subscription_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","attrs","id","height","circleSize","width","style","cx","cy","r","radius","stroke-width","strokeWidth","class","noshow","show","cssProps","strokeDashoffset","barFill","percentage","ProgressCirclevue_type_script_lang_js_","maxAmount","activeAmount","totalAmount","showVariableInfo","defualt","textSize","--circumference","circumference","--text-size","Math","PI","toFixed","mounted","round","_this","setTimeout","components","AnimateText","components_ProgressCirclevue_type_script_lang_js_","marginRight","noLabel","reverse","reverseLayout","domProps","checked","value","on","$event","onToggle","click","innerHTML","text","ToggleButtonvue_type_script_lang_js_","onToggleButton","activeColor","toggled","--active-color","components_ToggleButtonvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","$t","paymentSucces","paymentFlowInProgress","subscription","change-subscription","changingSubscription","header-chosen-plan-step","chosenPlan","paymentInfoStep","header-payment-step","toggleText","togglePayment","showingAnnual","left","staticStyle","cursor","slot","currentCurrency","_l","currency","index","key","plan","paymentFrequency","availablePaymentFrequencies","planIsCurrent","standardPlanClicked","organization","plans","initialPaymentFrequency","changed-plan","otherPlan","paymentStep","upgradeStep","currentPlan","Subscriptionvue_type_script_lang_js_","mergedPlanData","curentPlan","toggleFrequency","additionalPlanInfo","planName","ids","publications","workshopHours","supportDa","supportEn","onboardingDa","onboardingEn","descriptionDa","descriptionEn","subscription1","uuid","account_uuid","account_code","terms","code","interval_type","interval_count","price","backwards_charging","active","revenue_group","model","schema","collect_vat","vat_type","status","current_mrr","committed_mrr","final_price","custom_fields","generation_limit","integration_limit","plan_name","template_limit","users_limit","workshop_hours","start_date","end_date","next_renewal_date","last_renewal_date","base_renewal_date","quantity","collection_method","group_on_invoice","payment_terms","override_price","pre_renewal_days_offset","reference_person","account_reference_person","po_number","case_number","invoice_supplement","created_date","last_modified_date","unavailablePlans","availablePlans","desiredPrice","priceData","find","_this2","console","assign","planInfo","_objectSpread","_this3","forEach","planData","push","_this4","EventBus","$store","state","availableCurrencies","currencies","subscriptionPlans","map","Set","_this5","filter","includes","SubscriptionForm","SubscriptionPlan","SubscriptionOverview","HubSpotForm","ToggleButton","components_Subscriptionvue_type_script_lang_js_","parseInt","generationCount","usageAmount","dangerZone","title","integrationCount","userCount","templateCount","publicationCount","_f","Date","_m","$emit","SubscriptionOverviewvue_type_script_lang_js_","templates","t","published","length","users","contentTypes","random","ProgressCircle","UsageCounter","components_SubscriptionOverviewvue_type_script_lang_js_","_t","text-danger","danger","UsageCountervue_type_script_lang_js_","handler","immediate","components_UsageCountervue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ToggleButton_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ToggleButton_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubscriptionOverview_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubscriptionOverview_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsageCounter_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsageCounter_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","ref","data-src","HubSpotFormvue_type_script_lang_js_","handleMessage","event","meetingBookSucceeded","script","document","createElement","$refs","hubspotForm","appendChild","window","beforeDestroy","components_HubSpotFormvue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-Subscription.90a59f58.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated-number\"},[(_vm.formattedNumber < 10 && _vm.addZero)?_c('span',[_vm._v(\"0\")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.formattedNumber))]),(_vm.unit)?_c('span',[_vm._v(_vm._s(_vm.unit))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"animated-number\">\n    <span v-if=\"formattedNumber < 10 && addZero\">0</span>\n    <span>{{formattedNumber}}</span>\n    <span v-if=\"unit\">{{unit}}</span>\n</div>\n</template>\n\n<script>\n    export default {\n    name: 'AnimateText',\n        data () {\n                return {\n                    interval: false,\n                    displayNumber: 0\n                }\n            },\n            props:{\n                unit: {\n                    type: String,\n                    },\n                number: {\n                    type: Number,\n                    default: 0\n                    },\n                animateTime: {\n                    type: Number,\n                    default: 20\n                    },\n                addZero: Boolean\n            },\n            methods:{\n                animateFunction(){\n                    //  if(this.number == Infinity){console.log(\"Infinitetete\"), this.number = 0 }     \n                this.interval = setInterval(function(){\n                    \n                    if(this.number == this.displayNumber){\n                        clearInterval(this.interval);\n                        return;\n                    }\n                    if(this.displayNumber != this.number){\n                        // console.log(\"countup\")\n                    let change = (this.number - this.displayNumber) / 10;\n                    change = change >= 0 ? Math.ceil(change) : Math.floor(change);\n                    this.displayNumber = this.displayNumber + change;\n                    }\n                }.bind(this), this.animateTime);\n            }\n        },\n\n            computed:{\n                formattedNumber(){return this.displayNumber.toLocaleString().replace(/\\./g, ' ')}\n            },\n            watch:{ number: function(){ this.animateFunction() } },\n            created(){\n                this.animateFunction()\n            }\n     \n    }  \n</script>\n\n<style lang=\"less\">\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnimateText.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnimateText.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnimateText.vue?vue&type=template&id=4cdd4a9a&\"\nimport script from \"./AnimateText.vue?vue&type=script&lang=js&\"\nexport * from \"./AnimateText.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/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscription.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscription.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"progress-circle\"}},[_c('svg',{attrs:{\"height\":_vm.circleSize,\"width\":_vm.circleSize}},[_c('circle',{style:(_vm.cssProps),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}}),_c('circle',{class:{ noshow: _vm.show },style:([_vm.cssProps, {strokeDashoffset:_vm.barFill}]),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}})]),_c('h3',{staticClass:\"number\",style:(_vm.cssProps)},[_c('animate-text',{attrs:{\"number\":_vm.percentage,\"animateTime\":50}}),_c('span',{staticClass:\"percentage\"},[_vm._v(\"%\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div id=\"progress-circle\" >  \n        <svg :height=\"circleSize\" :width=\"circleSize\">\n            <!-- <g> -->\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :style=\"cssProps\" > </circle>\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :class=\"{ noshow: show }\" :style=\"[cssProps, {strokeDashoffset:barFill}]\"> </circle>\n            <!-- </g> -->\n        </svg>\n        <h3 class=\"number\" :style=\"cssProps\" >   \n            <animate-text :number=\"percentage\" :animateTime=\"50\"/> \n            <span class=\"percentage\">%</span>\n        </h3>\n\t</div>\n</template>\n<script>\n    import AnimateText from '@/components/AnimateText.vue'\n\texport default {\n        props:{\n            maxAmount: Number,\n            activeAmount: Number,\n            totalAmount: Number,\n            showVariableInfo: Boolean,\n            circleSize: {\n                type: Number,\n                defualt: 120\n            },\n            strokeWidth: {\n                type: Number,\n                default: 6\n            },\n            textSize: {\n                type: Number,\n                default: 28\n            }\n        },  \n\tdata(){\n\t\treturn{\n            percentage: this.activeAmount / this.maxAmount * 100,\n            show: true,\n            // circumference: null\n        }\t\t\n    },\n    computed:{\n        cssProps(){\n          return { '--circumference' : (this.circumference), '--text-size' : this.textSize + \"px\"}\n        },\n        circumference(){\n            return (2 * Math.PI * this.radius).toFixed(0)\n        },\n        radius(){\n            return (this.circleSize / 100) * 45\n        },\n        barFill(){\n            if(this.percentage > 100) return this.circumference - (this.circumference * 100) / 100\n            else return this.circumference - (this.circumference * this.percentage) / 100\n        },\n\n   \n    },\n     mounted(){\n        // this.percentage = Math.round(this.percentage * 10) / 10\n        this.percentage = Math.round(this.percentage)\n        // this.circumference =  (2 * Math.PI * this.radius)\n    },\n\n    created(){\n        setTimeout(() => {\n            this.show = false\n        }, 100);\n    },\n        components:{\n            AnimateText\n        }\n    }\n</script>\n\n<style lang=\"less\">\n#progress-circle{\n    position: relative;\n    display: flex;\n    justify-content: center;\n        svg{\n            circle{\n                fill: none;\n                stroke-dasharray: var(--circumference);\n                stroke-dashoffset: var(--circumference);\n                transform: rotate(-90deg);\n                transform-origin: center;\n\n                &:nth-child(1){\n                    stroke-dashoffset: 0;\n                    stroke: rgba(143, 151, 156, 0.192);\n                }\n                &:nth-child(2){\n                    stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0 ) /100);\n                    stroke: var(--orange-web);\n                    stroke-linecap: round;\n                    transition: .5s;\n                }\n            }\n        }\n\n       .number{\n            cursor: default;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: var(--text-size);\n            display: flex;\n        }\n    .noshow{   \n        stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0) /100) !important;\n    }\n}\n    \n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressCircle.vue?vue&type=template&id=0bcb84de&\"\nimport script from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toggle-button\",style:({marginRight: _vm.noLabel ? 0 : 12 + 'px'})},[_c('div',{staticClass:\"toggle\"},[_c('div',{staticClass:\"toggle-wrapper\",class:{reverse: _vm.reverseLayout},style:(_vm.cssProps)},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.value},on:{\"change\":function($event){return _vm.onToggle()}}}),_c('span',{staticClass:\"slider round\",class:_vm.value ? 'checked':'',on:{\"click\":function($event){return _vm.onToggle()}}}),(!_vm.noLabel)?_c('label',{staticClass:\"toggle-button-label\",domProps:{\"innerHTML\":_vm._s(_vm.text)},on:{\"click\":function($event){return _vm.onToggle()}}}):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"toggle-button\" :style=\"{marginRight: noLabel ? 0 : 12 + 'px'}\">\n\t\t<div class=\"toggle\">\n\t\t\t<div class=\"toggle-wrapper\" :class=\"{reverse: reverseLayout}\" :style=\"cssProps\">\n\t\t\t\t<input type=\"checkbox\" :checked=\"value\" @change=\"onToggle()\">\n\t\n\t\t\t\t<span @click=\"onToggle()\" class=\"slider round\" :class=\"value ? 'checked':''\"></span>\n\t\t\t\t<label v-if=\"!noLabel\" class=\"toggle-button-label\" @click=\"onToggle()\" v-html=\"text\"></label>\n\t\t\t\t<!-- <label @click=\"onToggle()\">{{text}}</label> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tname: 'ToggleButton',\n\t\tprops: {\n            onToggleButton: Function,\n            text: String,\n\t\t\tvalue: Boolean,\n\t\t\treverseLayout: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tnoLabel: Boolean,\n\t\t\tactiveColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: \"var(--orange-web)\"\n\t\t\t}\n        },\n        data(){\n            return{\n                toggled: false\n            }\n        },\n\t\tcomputed:{\n\t\t\tcssProps(){\n\t\t\t\treturn {\"--active-color\": this.activeColor}\n\t\t\t}\n\t\t},\n        methods:{\n            onToggle(){\n                this.toggled = !this.toggled\n                this.onToggleButton()\n            }  \n        }\n\t}\n</script>\n\n<style lang=\"less\">\n\t.toggle-button{\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t// padding: 10px 0;\n\t\t\t\n\n\t\t\t.toggle{\n\t\t\t\tposition: relative;\t\t\n\t\t\t\t.toggle-wrapper{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\t// justify-content: center;\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t.reverse{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row-reverse;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 12px;\n\t\t\t\t}\n\t\t\t\tlabel.toggle-button-label{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tpadding-left: 4px;\n\t\t\t\t\t// padding-top: 1px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 13px;\n\t\t\t\t}\n\t\t\t\tinput {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.slider{\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tborder-radius: 1px;\n\t\t\t\t\tcolor: #fafafa;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 99;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tbackground-color: rgba(176, 179, 176, 0.144);\n\t\t\t\t\t-webkit-transition: .4s;\n\t\t\t\t\ttransition: .4s;\n\t\t\t\t\tbox-shadow: 0 0 3px rgba(0, 0, 0, 0.178);;\n\t\t\t\t\t&:before {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\theight: 10px;\n\t\t\t\t\twidth: 10px;\n\t\t\t\t\tleft: 2px;\n\t\t\t\t\tbottom: 2px;\n\t\t\t\t\tborder-radius: 1px;\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\t-webkit-transition: .4s;\n\t\t\t\t\ttransition: .4s;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tinput:checked + .slider {\n\t\t\t\t\tbackground-color: var(--active-color);\n\t\t\t\t}\n\t\t\t\tinput:focus + .slider {\n\t\t\t\t\tbox-shadow: 0 0 1px var(--active-color);\n\t\t\t\t}\n\t\t\t\t.checked {\n\t\t\t\t\tbackground-color: var(--active-color);\n\t\t\t\t\tbox-shadow: 0 0 1px var(--active-color);\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t&:before{\t\n\t\t\t\t\t\t-webkit-transform: translateX(10px);\n\t\t\t\t\t\t-ms-transform: translateX(10px);\n\t\t\t\t\t\ttransform: translateX(10px);\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\n\n\n\t\t\t\tinput:checked + .slider:before {\n\t\t\t\t-webkit-transform: translateX(10px);\n\t\t\t\t-ms-transform: translateX(10px);\n\t\t\t\ttransform: translateX(10px);\n\t\t\t\t}\n\n\t\t\t\t/* Rounded sliders */\n\t\t\t\t.slider.round {\n\t\t\t\t\tborder-radius: 34px;\n\t\t\t\t}\n\n\t\t\t\t.slider.round:before {\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n</style>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleButton.vue?vue&type=template&id=11f71745&\"\nimport script from \"./ToggleButton.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToggleButton.vue?vue&type=style&index=0&lang=less&\"\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/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"subscription\"}},[_c('h2',[_vm._v(_vm._s(_vm.$t('subscription.title')))]),(_vm.paymentSucces && !_vm.paymentFlowInProgress)?_c('div',{attrs:{\"id\":\"current-plan\"}},[_c('subscription-overview',{attrs:{\"subscription\":_vm.subscription},on:{\"change-subscription\":function($event){_vm.changingSubscription = !_vm.changingSubscription}}})],1):_c('div',{attrs:{\"id\":\"available-plans\"}},[_c('div',{attrs:{\"id\":\"e-commerce-plans\"}},[_c('div',{staticClass:\"header-info\",class:{'header-chosen-plan-step': _vm.chosenPlan && !_vm.paymentInfoStep, 'header-payment-step' : _vm.chosenPlan && _vm.paymentInfoStep}},[(!_vm.paymentSucces)?_c('div',{staticClass:\"header-text\"},[(_vm.paymentInfoStep)?_c('button',{staticClass:\"btn\",on:{\"click\":function($event){_vm.paymentInfoStep = false}}},[_c('i',{staticClass:\"fa-light fa-chevron-left\"}),_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('subscription.back-to-billing')))])]):(_vm.chosenPlan)?_c('button',{staticClass:\"btn\",on:{\"click\":function($event){_vm.chosenPlan = null}}},[_c('i',{staticClass:\"fa-light fa-chevron-left\"}),_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('subscription.see-all-subscriptions')))])]):(_vm.changingSubscription)?_c('button',{staticClass:\"btn\",on:{\"click\":function($event){_vm.changingSubscription = !_vm.changingSubscription}}},[_c('i',{staticClass:\"fa-light fa-chevron-left\"}),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.choose-subscription')))])]):_c('span',[_vm._v(_vm._s(_vm.$t('subscription.choose-subscription')))])]):_vm._e(),_c('div',{staticClass:\"header-actions\"},[(!_vm.chosenPlan)?_c('toggle-button',{staticClass:\"toggle\",attrs:{\"text\":_vm.toggleText,\"onToggleButton\":_vm.togglePayment,\"value\":_vm.showingAnnual,\"reverseLayout\":true}}):_vm._e(),(!_vm.paymentInfoStep)?_c('dropdown',{staticClass:\"currency-dropdown\",attrs:{\"left\":\"\"}},[_c('span',{staticStyle:{\"width\":\"13px\",\"cursor\":\"pointer\"},attrs:{\"slot\":\"toggle\"},slot:\"toggle\"},[_c('span',[_vm._v(_vm._s(_vm.$t('subscription.currency')))]),_c('span',{staticClass:\"currency\"},[_vm._v(_vm._s(_vm.currentCurrency))]),_c('i',{staticClass:\"fa-light fa-chevron-down\"})]),_vm._l((_vm.availableCurrencies),function(currency,index){return _c('div',{key:index,staticClass:\"dropdown-item\",on:{\"click\":function($event){_vm.currentCurrency = currency}}},[_vm._v(\"\\n                                \"+_vm._s(currency)+\"\\n                            \")])})],2):_vm._e()],1)]),(!_vm.chosenPlan)?_c('div',{staticClass:\"plans\"},_vm._l((_vm.mergedPlanData),function(plan,index){return _c('div',{key:index,staticClass:\"plan\"},[_c('subscription-plan',{attrs:{\"plan\":plan,\"currentCurrency\":_vm.currentCurrency,\"paymentFrequency\":_vm.availablePaymentFrequencies[_vm.showingAnnual ? 0 : 1],\"planIsCurrent\":_vm.changingSubscription && _vm.subscription.plan.name == plan.name}},[_c('div',{staticClass:\"quote\",attrs:{\"slot\":\"quote\"},slot:\"quote\"},[_vm._v(_vm._s(_vm.$t('subscription.what-you-get')))]),(_vm.changingSubscription && _vm.subscription.plan.name == plan.name)?_c('div',{staticClass:\"current-plan\",attrs:{\"slot\":\"current\"},slot:\"current\"},[_vm._v(_vm._s(_vm.$t('subscription.your-current-plan')))]):_c('button',{staticClass:\"btn btn-primary\",attrs:{\"slot\":\"cta\"},on:{\"click\":function($event){return _vm.standardPlanClicked(plan)}},slot:\"cta\"},[_vm._v(_vm._s(plan.name == 'Enterprise' ? _vm.$t('contact') : _vm.$t('subscription.cta')))])])],1)}),0):_vm._e()])]),(_vm.chosenPlan && _vm.chosenPlan.name == 'Enterprise')?_c('div',{staticClass:\"enterprise-subscription\"},[_c('hub-spot-form')],1):_vm._e(),(_vm.chosenPlan && _vm.chosenPlan.name != 'Enterprise' && _vm.paymentFlowInProgress)?_c('subscription-form',{attrs:{\"plan\":_vm.chosenPlan,\"currentCurrency\":_vm.currentCurrency,\"organization\":_vm.organization,\"plans\":_vm.plans,\"paymentInfoStep\":_vm.paymentInfoStep,\"initialPaymentFrequency\":_vm.availablePaymentFrequencies[_vm.showingAnnual ? 0 : 1]},on:{\"changed-plan\":function (otherPlan) { return _vm.chosenPlan = otherPlan; },\"paymentStep\":function($event){_vm.paymentInfoStep = true}}}):_vm._e(),(_vm.upgradeStep && _vm.chosenPlan && _vm.changingSubscription && !_vm.paymentFlowInProgress)?_c('div',{staticClass:\"upgrade-view plans\"},[_c('subscription-plan',{staticClass:\"plan\",attrs:{\"plan\":_vm.currentPlan,\"currentCurrency\":_vm.currentCurrency,\"paymentFrequency\":_vm.availablePaymentFrequencies[_vm.showingAnnual ? 0 : 1]}}),_c('i',{staticClass:\"fa-light fa-chevron-right\"}),_c('subscription-plan',{staticClass:\"plan\",attrs:{\"plan\":_vm.chosenPlan,\"currentCurrency\":_vm.currentCurrency,\"paymentFrequency\":_vm.availablePaymentFrequencies[_vm.showingAnnual ? 0 : 1]}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"slot\":\"cta\"},slot:\"cta\"},[_vm._v(_vm._s(_vm.$t('subscription.accept-upgrade')))])])],1):_vm._e(),(!_vm.chosenPlan && !_vm.subscription)?_c('div',{staticClass:\"vat-notice\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('subscription.VAT-notice')))])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"subscription\">\n        <h2>{{$t('subscription.title')}}</h2> \n            <!-- If org has a valid subscription - show their current plan  -->\n            <div id=\"current-plan\" v-if=\"paymentSucces && !paymentFlowInProgress\">\n            <!-- <div id=\"current-plan\" v-if=\"subscription && !changingSubscription\"> -->\n                <subscription-overview :subscription=\"subscription\" @change-subscription=\"changingSubscription = !changingSubscription\"/>\n            </div>\n            <!-- If no subscription / on a trial user - Show available plans  -->\n            <div id=\"available-plans\" v-else>\n                <!-- if organization is a webshop - show the 4 standard plans -->\n                <div id=\"e-commerce-plans\">\n                    <div class=\"header-info\" :class=\"{'header-chosen-plan-step': chosenPlan && !paymentInfoStep, 'header-payment-step' : chosenPlan && paymentInfoStep}\">\n                        <div class=\"header-text\" v-if=\"!paymentSucces\">  \n                            <button v-if=\"paymentInfoStep\" @click=\"paymentInfoStep = false\" class=\"btn\">\n                                <i class=\"fa-light fa-chevron-left\"></i>\n                                <span> {{$t('subscription.back-to-billing')}}</span>\n                            </button> \n                            <button v-else-if=\"chosenPlan\" @click=\"chosenPlan = null\" class=\"btn\">\n                                <i class=\"fa-light fa-chevron-left\"></i>\n                                <span> {{$t('subscription.see-all-subscriptions')}}</span>\n                            </button> \n                            <button v-else-if=\"changingSubscription\" @click=\"changingSubscription = !changingSubscription\" class=\"btn\">\n                                <i class=\"fa-light fa-chevron-left\"></i>\n                                <span>{{$t('subscription.choose-subscription')}}</span>\n                            </button> \n                            <span v-else >{{$t('subscription.choose-subscription')}}</span>\n                        </div>\n                        <div class=\"header-actions\">\n                            <toggle-button\n                                class=\"toggle\"\n                                v-if=\"!chosenPlan\"\n                                :text=\"toggleText\"\n                                :onToggleButton=\"togglePayment\"\n                                :value=\"showingAnnual\"\n                                :reverseLayout=\"true\"\n                            />\n                                <!-- :value=\"comparisonView\" -->\n                            <dropdown class=\"currency-dropdown\" v-if=\"!paymentInfoStep\" left>\n                                <span slot=\"toggle\" style=\"width: 13px; cursor: pointer\">\n                                    <span>{{$t('subscription.currency')}}</span>\n                                    <span class=\"currency\">{{currentCurrency}}</span>\n                                    <i class=\"fa-light fa-chevron-down\"></i>\n                                </span>\n                                <div \n                                    class=\"dropdown-item\"\n                                    v-for=\"(currency, index) in availableCurrencies\" \n                                    :key=\"index\" \n                                    @click=\"currentCurrency = currency\"\n                                >\n                                    {{currency}}\n                                </div>\n                            </dropdown>\n                        </div>\n                    </div>\n                    \n                    <div class=\"plans\" v-if=\"!chosenPlan\">\n                        <div \n                        class=\"plan\" \n                        v-for=\"(plan, index) in mergedPlanData\"\n                        :key=\"index\"\n                        >   \n                            <!-- <subscription-plan :plan=\"plan\" :currentCurrency=\"currentCurrency\" :paymentFrequency=\"showingAnnual ? availablePaymentFrequencies[0] : availablePaymentFrequencies[1] \" :planIsCurrent=\"changingSubscription && subscription.plan.name == plan.name\"> -->\n                            <subscription-plan :plan=\"plan\" :currentCurrency=\"currentCurrency\" :paymentFrequency=\"availablePaymentFrequencies[showingAnnual ? 0 : 1]\" :planIsCurrent=\"changingSubscription && subscription.plan.name == plan.name\">\n                                <div slot=\"quote\" class=\"quote\">{{$t('subscription.what-you-get')}}</div>\n                                <div slot=\"current\" v-if=\"changingSubscription && subscription.plan.name == plan.name\" class=\"current-plan\" >{{$t('subscription.your-current-plan')}}</div>\n                                <button slot=\"cta\" v-else class=\"btn btn-primary\" @click=\"standardPlanClicked(plan)\">{{plan.name == 'Enterprise' ? $t('contact') : $t('subscription.cta')}}</button>\n                            </subscription-plan>\n                        </div>\n                    </div>\n                </div>                \n                <!-- if organization is something other than webshop ???  -->\n                <!-- <hub-spot-form/> -->\n            </div>\n\n        <div class=\"enterprise-subscription\" v-if=\"chosenPlan && chosenPlan.name == 'Enterprise'\">\n            <hub-spot-form/>\n        </div>\n        <subscription-form\n            v-if=\"chosenPlan && chosenPlan.name != 'Enterprise' && paymentFlowInProgress\" \n            :plan=\"chosenPlan\"\n            :currentCurrency=\"currentCurrency\"\n            :organization=\"organization\"\n            :plans=\"plans\"\n            :paymentInfoStep=\"paymentInfoStep\"\n            :initialPaymentFrequency=\"availablePaymentFrequencies[showingAnnual ? 0 : 1]\"\n            @changed-plan=\"otherPlan => chosenPlan = otherPlan\"\n            @paymentStep=\"paymentInfoStep = true\"\n        />\n        <div v-if=\"upgradeStep && chosenPlan && changingSubscription && !paymentFlowInProgress\" class=\"upgrade-view plans\">\n            <subscription-plan class=\"plan\" :plan=\"currentPlan\" :currentCurrency=\"currentCurrency\" :paymentFrequency=\"availablePaymentFrequencies[showingAnnual ? 0 : 1]\"/>\n            \n            <i class=\"fa-light fa-chevron-right\"></i>\n            <subscription-plan class=\"plan\" :plan=\"chosenPlan\" :currentCurrency=\"currentCurrency\" :paymentFrequency=\"availablePaymentFrequencies[showingAnnual ? 0 : 1]\">\n                <button slot=\"cta\" class=\"btn btn-primary\">{{$t('subscription.accept-upgrade')}}</button>\n            </subscription-plan>\n        </div>\n\n        <div class=\"vat-notice\" v-if=\"!chosenPlan && !subscription\">\n            <p> {{$t('subscription.VAT-notice')}}</p>\n        </div>\n    </div>\n    \n</template>\n\n<script>\nimport ToggleButton from '@/components/ToggleButton'\nimport SubscriptionForm from \"@/components/SubscriptionForm\";\nimport SubscriptionPlan from \"@/components/SubscriptionPlan\";\nimport SubscriptionOverview from \"@/components/SubscriptionOverview\";\nimport HubSpotForm from \"@/components/HubSpotForm\";\nimport EventBus from '@/assets/js/eventBus.js'\nexport default {\nname: 'Subscription',\n  data() {\n    return {\n        changingSubscription: false,\n        upgradeStep: true,\n        paymentSucces: null,\n        paymentFlowInProgress: null,\n        mergedPlanData: [],\n        chosenPlan: null,\n        paymentInfoStep: false,\n        curentPlan: null,\n        toggleFrequency: 0,\n        showingAnnual: false,\n        toggleText: this.$t('subscription.toggle-text'),\n        additionalPlanInfo: [\n            {\n                planName: \"Small\",\n                ids: 1000,\n                publications: 1,\n                workshopHours: 0,\n                supportDa: \"Live support / Chat\",\n                supportEn: \"Live support / Chat\",\n                onboardingDa: \"Get started guide\",\n                onboardingEn: \"Get started guide\",\n                descriptionDa: this.$t('subscription.plan-1-desc'),\n                descriptionEn: this.$t('subscription.plan-1-desc')\n            },\n            {\n                planName: \"Medium\",\n                ids: 5000,\n                publications: 1,\n                workshopHours: 2,\n                supportDa: \"Live support / Chat\",\n                supportEn: \"Live support / Chat\",\n                onboardingDa: \"Get started guide\",\n                onboardingEn: \"Get started guide\",\n                descriptionDa: this.$t('subscription.plan-2-desc'),\n                descriptionEn: this.$t('subscription.plan-2-desc')\n            },\n            {\n                planName: \"Large\",\n                ids: 10000,\n                publications: 1,\n                workshopHours: 4,\n                supportDa: \"Live support / Chat\",\n                supportEn: \"Live support / Chat\",\n                onboardingDa: \"Get started guide\",\n                onboardingEn: \"Get started guide\",\n                descriptionDa: this.$t('subscription.plan-3-desc'),\n                descriptionEn: this.$t('subscription.plan-3-desc')\n            },\n            {\n                planName: \"Enterprise\",\n                ids: 10000,\n                publications: this.$t('subscription.unlimited'),\n                workshopHours: this.$t('subscription.unlimited'),\n                supportDa: \"Live support / Chat\",\n                supportEn: \"Live support / Chat\",\n                onboardingDa: \"Get started guide\",\n                onboardingEn: \"Get started guide\",\n                descriptionDa: this.$t('subscription.plan-4-desc'),\n                descriptionEn: this.$t('subscription.plan-4-desc')\n            },\n\n        ],\n        subscription1: null,\n        subscription:{    \n            \"uuid\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            \"account_uuid\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            \"account_code\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            \"terms\": {\n                \"uuid\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n                \"code\": \"string\",\n                \"interval_type\": \"month\",\n                \"interval_count\": 1,\n                \"price\": 3999,\n                \"currency\": \"DKK\",\n                \"backwards_charging\": true,\n                \"active\": true,\n                \"revenue_group\": \"string\",\n                \"model\": \"string\",\n                \"schema\": \"string\"\n            },\n            \"plan\": {\n                \"uuid\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n                \"name\": \"Large\",\n                \"code\": \"string\",\n                \"collect_vat\": true,\n                \"vat_type\": \"physical\",\n                \"model\": \"string\",\n                \"schema\": \"string\"\n            },\n            \"status\": \"string\",\n            \"current_mrr\": \"string\",\n            \"committed_mrr\": \"string\",\n            \"final_price\": \"string\",\n            \"custom_fields\": {\n                \"generation_limit\": 5000,\n                \"integration_limit\": 2,\n                \"plan_name\": \"Medium\",\n                \"template_limit\": 2,\n                \"users_limit\": 5,\n                \"workshop_hours\": 2\n            },\n            \"model\": \"string\",\n            \"schema\": \"string\",\n            \"start_date\": \"2021-11-03T12:42:43.161Z\",\n            \"end_date\": \"2021-11-03T12:42:43.161Z\",\n            \"next_renewal_date\": \"2021-11-03T12:42:43.161Z\",\n            \"last_renewal_date\": \"2021-11-03T12:42:43.161Z\",\n            \"base_renewal_date\": \"2021-11-03T12:42:43.161Z\",\n            \"quantity\": 0,\n            \"collection_method\": \"invoice\",\n            \"group_on_invoice\": true,\n            \"payment_terms\": 0,\n            \"override_price\": \"string\",\n            \"pre_renewal_days_offset\": 0,\n            \"reference_person\": \"Frederik Frost Jensen\",\n            \"account_reference_person\": \"Frederik Frost Jensen\",\n            \"po_number\": \"**** **** **** 4242\",\n            \"case_number\": \"string\",\n            \"invoice_supplement\": \"string\",\n            \"created_date\": \"2021-11-03T12:42:43.161Z\",\n            \"last_modified_date\": \"2021-11-03T12:42:43.161Z\"\n\n        },\n        currentCurrency:'DKK',\n        unavailablePlans: [\"License\" ,\"Managed Services\"],\n        availablePlans: [\"Small\", \"Medium\", \"Large\", \"Enterprise\"]\n    };\n  },\n  methods: {\n    desiredPrice(price){\n        let priceData = price.find(plan => plan.currency == this.currentCurrency && plan.interval_type == \"month\" ) \n        priceData.monthlyPriceForAnnual = parseInt(priceData.price) / 12\n        return priceData\n    },\n    standardPlanClicked(plan){\n        if(this.changingSubscription){\n            console.log(\"The user is about to upgrade or downgrade\")\n            this.upgradeStep = true\n            this.chosenPlan = Object.assign(plan, this.additionalPlanInfo.find(planInfo => planInfo.planName == plan.name))\n            this.currentPlan = {...this.subscription.plan, ...this.subscription.terms}\n            Object.assign(this.currentPlan, this.additionalPlanInfo.find(planInfo => planInfo.planName == this.currentPlan.name))\n            \n        }   \n        else{\n            this.paymentFlowInProgress = true\n            // this.chosenPlan = plan\n            this.chosenPlan = Object.assign(plan, this.additionalPlanInfo.find(planInfo => planInfo.planName == plan.name))\n            // console.log(this.chosenPlan)\n            // console.log(plan)\n        }\n    },\n    togglePayment(){\n        this.showingAnnual = !this.showingAnnual\n        if(this.toggleFrequency == 0) this.toggleFrequency == 1\n        if(this.toggleFrequency == 1) this.toggleFrequency == 0\n    }\n  },\n\n  created(){\n      this.plans.forEach(plan => {\n        const planData = Object.assign(plan, this.additionalPlanInfo.find(planInfo => planInfo.planName == plan.name))\n        this.mergedPlanData.push(planData)\n    });\n  },\n\n  mounted(){\n      EventBus.$on('end-payment-flow', () => {\n          if(this.paymentFlowInProgress) this.paymentFlowInProgress = null\n      });\n      EventBus.$on('payment-success', () => {\n          this.paymentSucces = true\n      });\n  },\n\n  computed:{\n      organization(){\n          return this.$store.state.organization\n      },\n      availableCurrencies(){\n          let currencies = []\n          this.$store.state.subscriptionPlans.map(plan => {\n              plan.planterms_set.forEach(term => {\n                currencies.push(term.currency)\n              })\n          })\n          return new Set(currencies)\n      },\n      availablePaymentFrequencies(){\n        //   let frequencies = []\n        //   this.$store.state.subscriptionPlans.map(plan => {\n        //       plan.planterms_set.forEach(term => {\n        //         frequencies.push(term.intervalType)\n        //       })\n        //   })\n        //     frequencies = new Set(frequencies)\n        //   return Array.from(frequencies)\n        return ['year', 'month']\n      },\n      plans(){\n        //   return this.$store.state.subscriptionPlans.filter(plan => !this.unavailablePlans.includes(plan.name)).reverse()\n          return this.$store.state.subscriptionPlans.filter(plan => this.availablePlans.includes(plan.name)).reverse()\n      }\n  },\n  components: {\n      SubscriptionForm,\n      SubscriptionPlan,\n      SubscriptionOverview,\n      HubSpotForm,\n      ToggleButton\n  }\n\n};\n</script>\n<style lang=\"less\">\n#subscription{\n  padding: 103px 40px 20px ;\n  h2{\n    padding-bottom: 45px;\n  }\n  .currency{\n    margin-right: 4px;\n  }\n    #e-commerce-plans{\n        .header-info{\n            display: flex;\n            justify-content: space-between;\n            .header-text{\n                opacity: .7;\n                margin-top: 4px;\n                .btn{\n                    font-size: 14px;  \n                    opacity: .7;\n                    padding:0;\n                    display: flex;\n                    gap: 8px;\n                    align-items: center;\n                }\n                img{\n                    transform: rotate(180deg);\n                }\n            }\n            .header-actions{\n                display: flex;\n                justify-content: flex-end;\n                align-items: center;\n                gap: 24px;\n            }\n        }\n        .header-chosen-plan-step, .header-payment-step{\n            display: grid;\n            gap: 20px;\n            grid-template-columns: minmax(300px, 500px) minmax(240px, 280px);\n            justify-content: center;\n        }\n        .header-payment-step{\n            // display: block;\n            // margin: 0 auto;\n            grid-template-columns: 500px;\n            justify-content: center;\n        }\n        .currency-dropdown{\n            justify-self: end;\n        }\n    }\n    .plans{\n        position: relative;\n        margin-top: 24px;\n        display: grid;\n        grid-template-columns: repeat(auto-fit , minmax(240px ,1fr));\n        grid-template-rows: auto;\n        gap: 12px;\n        .plan{\n            border-radius: var(--standard-border-radius);\n            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n            padding: 20px;\n            background: #fff;\n            min-height: 100px;\n            display: flex;\n            flex-direction: column;\n            .btn{\n                justify-self: end;\n            }\n        }\n    }\n    .upgrade-view{\n        grid-template-columns: minmax(240px ,300px) auto  minmax(240px ,300px);\n        gap: 40px;\n        justify-content: center;\n        svg{\n            align-self: center;\n        }\n    }\n    .vat-notice{\n        margin-top: 12px;\n        text-align: center;\n        opacity: .7;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscription.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscription.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscription.vue?vue&type=template&id=5b47fa3c&\"\nimport script from \"./Subscription.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscription.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Subscription.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"current-subscription\"}},[_c('div',{staticClass:\"usage\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('subscription.usage')))]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"generation-count\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('subscription.generations')))]),_c('progress-circle',{staticClass:\"generation-counter\",attrs:{\"maxAmount\":parseInt(_vm.subscription.custom_fields.generation_limit),\"activeAmount\":parseInt(_vm.generationCount.toFixed()),\"circleSize\":90,\"strokeWidth\":4,\"textSize\":18}}),_c('usage-counter',{attrs:{\"usageAmount\":parseInt(_vm.generationCount.toFixed()),\"maxAmount\":_vm.subscription.custom_fields.generation_limit,\"dangerZone\":80}})],1),_c('usage-counter',{attrs:{\"title\":_vm.$t('subscription.integrations'),\"usageAmount\":_vm.integrationCount,\"maxAmount\":_vm.subscription.custom_fields.integration_limit,\"dangerZone\":80}},[_c('i',{staticClass:\"fa-light fa-database usage-icon\",attrs:{\"slot\":\"icon\"},slot:\"icon\"})]),_c('usage-counter',{attrs:{\"title\":_vm.$t('subscription.users'),\"usageAmount\":_vm.userCount,\"maxAmount\":_vm.subscription.custom_fields.users_limit,\"dangerZone\":80}},[_c('i',{staticClass:\"fa-light fa-user usage-icon\",attrs:{\"slot\":\"icon\"},slot:\"icon\"})]),_c('usage-counter',{attrs:{\"title\":_vm.$t('subscription.templates'),\"usageAmount\":_vm.templateCount,\"maxAmount\":_vm.subscription.custom_fields.template_limit,\"dangerZone\":80}},[_c('i',{staticClass:\"fa-light fa-file usage-icon\",attrs:{\"slot\":\"icon\"},slot:\"icon\"})]),_c('usage-counter',{attrs:{\"title\":_vm.$t('subscription.publications'),\"usageAmount\":_vm.publicationCount,\"dangerZone\":80}},[_c('i',{staticClass:\"fa-light fa-file-export usage-icon\",attrs:{\"slot\":\"icon\"},slot:\"icon\"})])],1)]),_c('div',{staticClass:\"payment\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('subscription.payment')))]),_c('div',{staticClass:\"content\"},[(_vm.subscription.collection_method == 'payment_card')?_c('div',{staticClass:\"credit-card\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('subscription.card')))]),_c('div',{staticClass:\"card-info\"},[_c('i',{staticClass:\"fa-light fa-credit-card\"}),_c('div',[_c('span',[_vm._v(_vm._s(_vm.subscription.po_number))]),_c('span',{staticClass:\"expiration\"},[_vm._v(_vm._s(_vm.$t('subscription.expires'))+\" \"+_vm._s(_vm._f(\"dateFormat\")(new Date(_vm.subscription.end_date ),'MM/YY')))])])])]):_c('div',{staticClass:\"invoice\"},[_vm._v(\"\\n                Invoice payment\\n            \")]),_c('p',{staticClass:\"next-payment\"},[_vm._v(_vm._s(_vm.$t('subscription.next-payment1'))+\" \"),_c('span',[_vm._v(_vm._s(_vm.subscription.terms.price)+\".- \")]),_vm._v(_vm._s(_vm.$t('subscription.next-payment2'))+\" \"),_c('span',[_vm._v(_vm._s(_vm._f(\"dateFormat\")(new Date( _vm.subscription.next_renewal_date ),'DD/MM/YYYY')))])]),_c('button',{staticClass:\"btn btn-primary\"},[_vm._v(_vm._s(_vm.subscription.collection_method == 'payment_card' ?  _vm.$t('subscription.update-card') : _vm.$t('subscription.add-card')))])])]),_c('div',{staticClass:\"current-plan\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('subscription.current-plan')))]),_c('div',{staticClass:\"content\"},[_c('h3',[_vm._v(_vm._s(_vm.subscription.plan.name))]),_c('p',[_vm._v(\"Description of the plan that is subscribed to. \\n               underneath the user will have a view of what the subscription consists of\")]),_c('div',{staticClass:\"plan-terms\"},[_c('div',{staticClass:\"plan-term\"},[_c('i',{staticClass:\"fa-light fa-sync-alt\"}),_c('p',[_vm._v(_vm._s(_vm.$t('subscription.up-to'))+\" \"),_c('span',[_vm._v(_vm._s(_vm.subscription.custom_fields.generation_limit))]),_vm._v(\" \"+_vm._s(_vm.$t('subscription.generations')))])]),_c('div',{staticClass:\"plan-term\"},[_c('i',{staticClass:\"fa-light fa-database\"}),_c('p',[_vm._v(_vm._s(_vm.$t('subscription.max'))+\" \"),_c('span',[_vm._v(_vm._s(_vm.subscription.custom_fields.integration_limit))]),_vm._v(\" \"+_vm._s(_vm.$t('subscription.integrations'))+\" \")])]),_c('div',{staticClass:\"plan-term\"},[_c('i',{staticClass:\"fa-light fa-file\"}),_c('p',[_vm._v(_vm._s(_vm.$t('subscription.max'))+\" \"),_c('span',[_vm._v(_vm._s(_vm.subscription.custom_fields.template_limit))]),_vm._v(\" \"+_vm._s(_vm.$t('subscription.templates')))])]),_c('div',{staticClass:\"plan-term\"},[_c('i',{staticClass:\"fa-light fa-user\"}),_c('p',[_vm._v(_vm._s(_vm.$t('subscription.up-to'))+\" \"),_c('span',[_vm._v(_vm._s(_vm.subscription.custom_fields.users_limit))]),_vm._v(\" \"+_vm._s(_vm.$t('subscription.users')))])]),_vm._m(0)]),_c('div',{staticClass:\"bottom-section\"},[_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.$emit('change-subscription')}}},[_vm._v(_vm._s(_vm.$t('subscription.change-plan')))]),_c('button',{staticClass:\"btn btn-secondary\",on:{\"click\":function($event){return _vm.$emit('change-subscription')}}},[_vm._v(_vm._s(_vm.$t('subscription.cancel-plan')))])]),_c('div',{staticClass:\"price\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.subscription.terms.currency))]),_c('span',[_vm._v(\" \"+_vm._s(_vm.subscription.terms.price)+\".-\")])])])])]),_c('div',{staticClass:\"reciepts\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('subscription.reciepts')))]),_c('div',{staticClass:\"content\"},[_vm._v(\"\\n            list of reciepts\\n        \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"plan-term\"},[_c('i',{staticClass:\"fa-light fa-headset\"}),_c('p',[_vm._v(\"Live support\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"current-subscription\">\n        <div class=\"usage\">\n            <h3>{{$t('subscription.usage')}}</h3>\n            <div class=\"content\">\n                <div class=\"generation-count\">\n                    <span class=\"title\">{{$t('subscription.generations')}}</span>\n                    <progress-circle \n                        class=\"generation-counter\" \n                        :maxAmount=\"parseInt(subscription.custom_fields.generation_limit)\" \n                        :activeAmount=\"parseInt(generationCount.toFixed())\"\n                        :circleSize=\"90\"\n                        :strokeWidth=\"4\"\n                        :textSize=\"18\"\n                    />\n                    <usage-counter\n                        :usageAmount=\"parseInt(generationCount.toFixed())\"\n                        :maxAmount=\"subscription.custom_fields.generation_limit\"\n                        :dangerZone=\"80\" \n                    >\n                </usage-counter>\n                </div>\n\n                <usage-counter\n                    :title=\"$t('subscription.integrations')\"\n                    :usageAmount=\"integrationCount\"\n                    :maxAmount=\"subscription.custom_fields.integration_limit\"\n                    :dangerZone=\"80\" \n                >\n                    <i slot=\"icon\" class=\"fa-light fa-database usage-icon\"></i>\n                </usage-counter>\n\n                 <usage-counter\n                    :title=\"$t('subscription.users')\"\n                    :usageAmount=\"userCount\"\n                    :maxAmount=\"subscription.custom_fields.users_limit\"\n                    :dangerZone=\"80\" \n                >\n                    <i slot=\"icon\" class=\"fa-light fa-user usage-icon\"></i>\n                </usage-counter>\n\n                 <usage-counter\n                    :title=\"$t('subscription.templates')\"\n                    :usageAmount=\"templateCount\"\n                    :maxAmount=\"subscription.custom_fields.template_limit\"\n                    :dangerZone=\"80\" \n                >\n                    <i slot=\"icon\" class=\"fa-light fa-file usage-icon\"></i>\n                </usage-counter>\n                 <usage-counter\n                    :title=\"$t('subscription.publications')\"\n                    :usageAmount=\"publicationCount\"\n                    :dangerZone=\"80\" \n                >\n                    <i slot=\"icon\" class=\"fa-light fa-file-export usage-icon\"></i>\n                </usage-counter>\n            </div>\n        </div>\n        <div class=\"payment\">\n            <h3>{{$t('subscription.payment')}}</h3>\n            <div class=\"content\">\n                <div class=\"credit-card\" v-if=\"subscription.collection_method == 'payment_card'\">\n                    <h3>{{$t('subscription.card')}}</h3>\n                    <div class=\"card-info\">\n                        <i class=\"fa-light fa-credit-card\"></i>\n                        <div>\n                            <span>{{subscription.po_number}}</span>\n                            <span class=\"expiration\">{{$t('subscription.expires')}} {{new Date(subscription.end_date ) | dateFormat('MM/YY')}}</span>\n                        </div>\n                    </div>\n                </div>\n                \n                <div class=\"invoice\" v-else>\n                    Invoice payment\n                </div>\n                    \n                <p class=\"next-payment\">{{$t('subscription.next-payment1')}} <span>{{subscription.terms.price}}.- </span>{{$t('subscription.next-payment2')}} <span>{{new Date( subscription.next_renewal_date ) | dateFormat('DD/MM/YYYY')}}</span></p>\n                <button class=\"btn btn-primary\">{{subscription.collection_method == 'payment_card' ?  $t('subscription.update-card') : $t('subscription.add-card')}}</button>\n            </div>\n        </div>\n        <div class=\"current-plan\">\n            <h3>{{$t('subscription.current-plan')}}</h3>\n            <div class=\"content\">\n               <h3>{{subscription.plan.name}}</h3>\n               <p>Description of the plan that is subscribed to. \n                   underneath the user will have a view of what the subscription consists of</p>\n                <div class=\"plan-terms\">\n                    <div class=\"plan-term\">\n                        <i class=\"fa-light fa-sync-alt\"></i>\n                        <p>{{$t('subscription.up-to')}} <span>{{subscription.custom_fields.generation_limit}}</span> {{$t('subscription.generations')}}</p>\n                    </div>\n                    <div class=\"plan-term\">\n                        <i class=\"fa-light fa-database\"></i>\n                        <p>{{$t('subscription.max')}} <span>{{subscription.custom_fields.integration_limit}}</span> {{$t('subscription.integrations')}} </p>\n                    </div>\n                    <div class=\"plan-term\">\n                        <i class=\"fa-light fa-file\"></i>\n                      <p>{{$t('subscription.max')}} <span>{{subscription.custom_fields.template_limit}}</span> {{$t('subscription.templates')}}</p>\n                    </div>\n                    <div class=\"plan-term\">\n                        <i class=\"fa-light fa-user\"></i>\n                       <p>{{$t('subscription.up-to')}} <span>{{subscription.custom_fields.users_limit}}</span> {{$t('subscription.users')}}</p>\n                    </div>\n                    <div class=\"plan-term\">\n                        <i class=\"fa-light fa-headset\"></i>\n\n                        <!-- <i class=\"fa-light fa-play-circle\"></i> -->\n                      <!-- <p> <span>{{subscription.custom_fields.workshop_hours}}</span> hours onboarding </p> -->\n                      <p>Live support</p>\n                    </div>\n                </div>\n                \n                <div class=\"bottom-section\">\n                    <div class=\"actions\">\n                        <button class=\"btn btn-primary\" @click=\"$emit('change-subscription')\">{{$t('subscription.change-plan')}}</button>\n                        <button class=\"btn btn-secondary\" @click=\"$emit('change-subscription')\">{{$t('subscription.cancel-plan')}}</button>\n                    </div>\n\n                    <div class=\"price\">\n                        <span> {{subscription.terms.currency}}</span>\n                        <span> {{subscription.terms.price}}.-</span>\n                    </div>\n\n                </div>\n               \n            </div>\n        </div>\n        <div class=\"reciepts\">\n            <h3>{{$t('subscription.reciepts')}}</h3>\n            <div class=\"content\">\n                list of reciepts\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ProgressCircle from '@/components/ProgressCircle'\nimport AnimateText from '@/components/AnimateText'\nimport UsageCounter from '@/components/UsageCounter'\nexport default {\nname: 'SubscriptionOverview',\n  data() {\n    return {\n\n    }\n\n  },\n  props:{\n      subscription: Object\n  },\n  methods:{\n\n  },\n \n  computed:{\n      templateCount(){\n          return this.$store.state.templates.filter(t => !t.published).length\n      },\n      publicationCount(){\n          return this.$store.state.templates.filter(t => t.published).length\n      },\n      userCount(){\n          return this.$store.state.users.length\n      },\n      integrationCount(){\n          return this.$store.state.contentTypes.length\n      },\n      generationCount(){\n          return Math.random() * 5000  \n        //   return 5000\n      }\n  },\n  components: {\n   ProgressCircle,\n   AnimateText,\n   UsageCounter\n  }\n\n};\n</script>\n\n<style lang=\"less\">\n#current-subscription{\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    // grid-auto-rows: 1fr;\n    gap: 20px;\n    > div{\n        > h3{\n            padding: 0 0 20px 20px;\n            margin: 0;\n            font-size: 18px;\n            font-weight: normal;\n        \n        }\n        \n    }\n    .content{\n        height: calc(100% - 41px);\n        padding: 20px;\n        background: #fff;\n        box-shadow: 0px 6px 16px -5px #00000026;\n\n        .usage-icon{\n            width: 20px;\n            font-size: 20px;\n        }\n    }\n    .usage{\n        .content{\n            display: grid;\n            grid-template-columns: repeat(4, auto);\n            grid-auto-rows: auto;\n            gap: 12px;\n            & > div{\n                gap: 12px;\n                align-items: center;\n                // margin: 20px;\n            }\n        }\n\n        .generation-count{\n            grid-row-end:  span 2;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .title{\n            font-size: 14px;\n            font-weight: bold;\n        }\n    }\n\n    .payment{\n        .content{\n            // height: calc(100% - 41px);\n               .next-payment{\n                font-size: 12px;\n                margin: 12px 0;\n                span{\n                    font-weight: bold;\n                }\n            }\n            .credit-card{\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n                h3{\n                    font-size: 14px;\n                    font-weight: bold;\n                }\n                button{\n                    width: max-content;\n                }\n                .card-info{\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    gap: 12px;\n                    svg{\n                        font-size: 18px;\n                    }\n                    div{\n                        display: flex;\n                        flex-direction: column;\n\n                        .expiration{\n                            font-size: 10px;\n                            opacity: .7;\n                        }\n                    }\n                }\n            }\n        }\n    \n    }\n\n    .current-plan{\n      .content  h3{\n            font-size: 18px;\n            font-weight: bold;\n        }\n        .plan-terms{\n            display: grid;\n            grid-template-columns: repeat(3, auto);\n            grid-auto-rows: auto;\n                gap: 12px;\n            .plan-term{\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                gap: 12px;\n                p{\n                    margin: 0;\n                    span{\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        .bottom-section{\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            padding: 20px 0 0 0;\n            \n            button{\n                margin-right: 12px;\n            }\n        }\n        .price{\n            font-size: 18px;\n            font-weight: bold;\n        }\n    }\n}\n\n@media only screen and (max-width: 1100px){\n    #current-subscription{\n        grid-template-columns: 1fr;\n    }\n}\n@media only screen and (max-width: 575px){\n    #current-subscription{\n        .usage{\n            .content{\n                grid-template-columns: 1fr;\n                div{\n                    text-align: center; \n                    justify-content: center;\n\n                }\n            }\n        } \n        .current-plan{\n            .plan-terms{\n                grid-template-columns: 1fr;\n            } \n            .bottom-section{\n                flex-direction: column-reverse;\n            }\n        }\n    } \n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionOverview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubscriptionOverview.vue?vue&type=template&id=8678dbbc&\"\nimport script from \"./SubscriptionOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./SubscriptionOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubscriptionOverview.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"usage-counter\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',[_vm._t(\"icon\"),(!_vm.maxAmount)?_c('span',[_vm._v(_vm._s(_vm.usageAmount))]):_c('span',{staticClass:\"counter\",class:{'text-danger': _vm.danger}},[_vm._v(_vm._s(_vm.usageAmount)+\" / \"+_vm._s(_vm.maxAmount))])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"usage-counter\">\n        <span class=\"title\">{{title}}</span>\n        <div>\n            <slot name=\"icon\"></slot>\n            <span v-if=\"!maxAmount\">{{usageAmount}}</span>\n            <span v-else :class=\"{'text-danger': danger}\" class=\"counter\">{{usageAmount}} / {{maxAmount}}</span>\n\n            <!-- <div v-else :class=\"{'text-danger': danger}\">\n                <animate-text style=\"margin-right:2px;\" :number=\"usageAmount\" :animateTime=\"20\"/>\n                <span> / {{maxAmount}}</span>\n            </div> -->\n        </div>\n    </div>\n</template>\n\n<script>\nimport AnimateText from '@/components/AnimateText'\nexport default {\nname: 'SubscriptionOverview',\n  data() {\n    return {\n\n    }\n  },\n  props:{\n      title: String,\n      usageAmount: Number,\n      maxAmount: Number,\n      dangerZone:{\n          type: Number,\n          default: 80\n      }\n  },\n  methods:{\n\n  },\n  watch:{\n      usageAmount: {\n          handler: function(){\n              console.log(this.usageAmount)\n              console.log(this.usageAmount / this.maxAmount * 100)\n              // if usageAmount is more than dangerzone of maxamount\n          }\n      }, immediate: true\n  },\n  computed:{\n    danger(){\n        return (this.usageAmount / this.maxAmount * 100) > this.dangerZone\n    }\n  },\n  components: {\n   AnimateText\n  }\n\n};\n</script>\n\n<style lang=\"less\">\n.usage-counter{\n    .title{\n        font-size: 14px;\n        font-weight: bold;\n    }\n    span{\n        font-weight: bold;\n    }\n    div{\n        margin-top: 8px;\n        display: flex;\n        gap: 8px;\n        // justify-content: flex-start;\n        align-items: flex-end;\n    }\n\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsageCounter.vue?vue&type=template&id=cc408e20&\"\nimport script from \"./UsageCounter.vue?vue&type=script&lang=js&\"\nexport * from \"./UsageCounter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsageCounter.vue?vue&type=style&index=0&lang=less&\"\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/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButton.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButton.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionOverview.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionOverview.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"hubspotForm\",attrs:{\"id\":\"hubspotForm\"}},[_c('div',{staticClass:\"meetings-iframe-container\",attrs:{\"data-src\":\"https://meetings.hubspot.com/marc-aas/marketing-hack-round-robin?embed=true\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"hubspotForm\" v-once ref=\"hubspotForm\">\n    <div\n      class=\"meetings-iframe-container\"\n      data-src=\"https://meetings.hubspot.com/marc-aas/marketing-hack-round-robin?embed=true\"\n    ></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    handleMessage(event) {\n      if (event.data.meetingBookSucceeded == true) {\n        this.$emit(\"form-succeeded\");\n      }\n    }\n  },\n  mounted() {\n    const script = document.createElement(\"script\");\n    script.type = \"text/javascript\";\n    script.src = \"https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js\";\n    this.$refs.hubspotForm.appendChild(script);\n    window.addEventListener(\"message\", this.handleMessage);\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"message\", this.handleMessage);\n  }\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HubSpotForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HubSpotForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HubSpotForm.vue?vue&type=template&id=f006536c&\"\nimport script from \"./HubSpotForm.vue?vue&type=script&lang=js&\"\nexport * from \"./HubSpotForm.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"],"sourceRoot":""}