{"version":3,"sources":["webpack:///./src/components/SubscriptionPlan.vue?ec4b","webpack:///src/components/SubscriptionPlan.vue","webpack:///./src/components/SubscriptionPlan.vue?e6cb","webpack:///./src/components/SubscriptionPlan.vue?bdcb","webpack:///./src/components/SubscriptionPlan.vue?4930"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","plan","name","attrs","left","staticStyle","width","cursor","slot","_l","plans","filter","p","otherPlan","index","key","on","click","$event","$emit","_e","$store","getters","language","descriptionDa","descriptionEn","$t","paymentFrequency","desiredPrice","currency","parseInt","price","toLocaleString","replace","monthlyPriceForAnnual","_t","planName","ids","supportDa","supportEn","publications","workshopHours","onboardingDa","onboardingEn","staticRenderFns","SubscriptionPlanvue_type_script_lang_js_","data","props","currentCurrency","type","default","showPlansDropdown","planIsCurrent","computed","tests","planterms_set","test","_this","find","interval_type","intervalType","_this2","priceData","_this3","monthlyPrice","components_SubscriptionPlanvue_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_SubscriptionPlan_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_SubscriptionPlan_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-SubscriptionPlan.bb736b41.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"plan-specs\"},[_c('div',{staticClass:\"main-info\"},[_c('div',{staticClass:\"plan-header\"},[_c('h3',[_vm._v(_vm._s(_vm.plan.name))]),(_vm.showPlansDropdown)?_c('dropdown',{staticClass:\"plans-dropdown\",attrs:{\"left\":\"\"}},[_c('span',{staticStyle:{\"width\":\"13px\",\"cursor\":\"pointer\"},attrs:{\"slot\":\"toggle\"},slot:\"toggle\"},[_c('i',{staticClass:\"fa-light fa-chevron-down\"})]),_vm._l((_vm.plans.filter(function (p) { return p.name != _vm.plan.name; })),function(otherPlan,index){return _c('div',{key:index,staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.$emit('changed-plan', otherPlan)}}},[_vm._v(\"\\n                    \"+_vm._s(otherPlan.name)+\"\\n                \")])})],2):_vm._e()],1),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$store.getters.language == 'da' ?  _vm.plan.descriptionDa : _vm.plan.descriptionEn))]),_c('div',{staticClass:\"price-info\"},[(_vm.plan.name == 'Enterprise')?_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('contact')))]),_c('div',{staticClass:\"additional-price-info\"},[_c('span',[_vm._v(_vm._s(_vm.$t('subscription.lets-meet')))])])]):(_vm.paymentFrequency == 'month')?_c('div',[_c('span',[_vm._v(_vm._s(_vm.desiredPrice.currency))]),_c('span',[_vm._v(_vm._s(parseInt(_vm.desiredPrice.price).toLocaleString().replace(/\\./g, ' ')))]),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.month-frequency')))]),_c('div',{staticClass:\"additional-price-info\"},[_c('span',[_vm._v(_vm._s(_vm.$t('subscription.annual-price')))]),_c('span',[_vm._v(_vm._s(_vm.desiredPrice.currency + ' '))]),_c('span',[_vm._v(_vm._s(parseInt(_vm.desiredPrice.price * 12).toLocaleString().replace(/\\./g, ' ')))]),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.year-frequency')))])])]):_c('div',[_c('span',[_vm._v(_vm._s(_vm.desiredPrice.currency))]),_c('span',[_vm._v(_vm._s(_vm.monthlyPriceForAnnual))]),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.month-frequency')))]),_c('div',{staticClass:\"additional-price-info\"},[_c('span',[_vm._v(_vm._s(_vm.$t('subscription.annual-price')))]),_c('span',[_vm._v(_vm._s(_vm.desiredPrice.currency + ' '))]),_c('span',[_vm._v(_vm._s(parseInt(_vm.desiredPrice.price).toLocaleString().replace(/\\./g, ' ')))]),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.year-frequency')))])])]),_vm._t(\"cta\"),_vm._t(\"current\")],2),_vm._t(\"quote\")],2),_c('div',{staticClass:\"additional-plan-info\"},[(_vm.plan.planName == 'Enterprise')?_c('div',[_c('p',[_c('i',{staticClass:\"fa-light fa-sync-alt\"}),_c('span',[_vm._v(_vm._s(_vm.plan.ids.toLocaleString().replace(/\\./g, ' '))+\" +\")]),_vm._v(\"  \"+_vm._s(_vm.$t('subscription.generations'))+\" \")]),_c('p',[_c('i',{staticClass:\"fa-light fa-file-export\"}),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.publications'))+\" \"+_vm._s(_vm.$t('subscription.enterprise-publications')))])]),_c('p',[_c('i',{staticClass:\"fa-light fa-headset\"}),_c('span',[_vm._v(_vm._s(_vm.$store.getters.language == 'da' ? _vm.plan.supportDa : _vm.plan.supportEn))])]),_c('p',[_c('i',{staticClass:\"fa-light fa-play-circle\"}),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.enterprise-onboarding')))])]),_c('p',[_c('i',{staticClass:\"fa-light fa-trophy\"}),_c('span',[_vm._v(_vm._s(_vm.$t('subscription.enterprise-special')))])])]):_c('div',[_c('p',[_c('i',{staticClass:\"fa-light fa-sync-alt\"}),_c('span',[_vm._v(_vm._s(_vm.plan.ids.toLocaleString().replace(/\\./g, ' '))+\" \")]),_vm._v(\"  \"+_vm._s(_vm.$t('subscription.generations'))+\" \")]),_c('p',[_c('i',{staticClass:\"fa-light fa-file-export\"}),_c('span',[_vm._v(_vm._s(_vm.plan.publications))]),_vm._v(\" \"+_vm._s(_vm.plan.publications == 1 ?  _vm.$t('subscription.publication') : _vm.$t('subscription.publications'))+\" \")]),_c('p',[_c('i',{staticClass:\"fa-light fa-headset\"}),_c('span',[_vm._v(_vm._s(_vm.$store.getters.language == 'da' ? _vm.plan.supportDa : _vm.plan.supportEn))])]),_c('p',[_c('i',{staticClass:\"fa-light fa-play-circle\"}),_c('span',[_vm._v(_vm._s(_vm.plan.workshopHours ? _vm.plan.workshopHours + ' '+ _vm.$t('subscription.workshop')+ ' +' : '')+\" \"+_vm._s(_vm.$store.getters.language == 'da' ? _vm.plan.onboardingDa : _vm.plan.onboardingEn)+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"plan-specs\">\n        <div class=\"main-info\">\n            <div class=\"plan-header\">\n                <h3>{{plan.name}}</h3>\n                <dropdown v-if=\"showPlansDropdown\" class=\"plans-dropdown\" left>\n                    <span slot=\"toggle\" style=\"width: 13px; cursor: pointer\">\n                        <i class=\"fa-light fa-chevron-down\"></i>\n                    </span>\n                    <div \n                    class=\"dropdown-item\"\n                    v-for=\"(otherPlan, index) in plans.filter(p => p.name != plan.name)\" \n                    :key=\"index\" \n                    @click=\"$emit('changed-plan', otherPlan)\"\n                    >\n                        {{otherPlan.name}}\n                    </div>\n                </dropdown>   \n            </div>            \n\n            <p class=\"description\">{{$store.getters.language == 'da' ?  plan.descriptionDa : plan.descriptionEn}}</p>\n\n            <div class=\"price-info\">\n                <div v-if=\"plan.name == 'Enterprise'\">\n                    <span>{{$t('contact')}}</span>\n                    <div class=\"additional-price-info\">\n                        <span>{{$t('subscription.lets-meet')}}</span>\n                    </div>\n                </div>\n\n                <div v-else-if=\"paymentFrequency == 'month'\">\n                    <span>{{desiredPrice.currency}}</span>\n\n                    <span>{{parseInt(desiredPrice.price).toLocaleString().replace(/\\./g, ' ')}}</span>\n                    <span>{{$t('subscription.month-frequency')}}</span>\n\n                            \n                    <div class=\"additional-price-info\">\n                        <span>{{$t('subscription.annual-price')}}</span>\n                        <span>{{desiredPrice.currency + ' '}}</span>\n                        <span>{{parseInt(desiredPrice.price * 12).toLocaleString().replace(/\\./g, ' ')}}</span>\n                        <span>{{$t('subscription.year-frequency')}}</span>\n                    </div>\n\n                </div>\n                <div v-else>\n                    <span>{{desiredPrice.currency}}</span>\n                    <span>{{monthlyPriceForAnnual}}</span>\n                    <span>{{$t('subscription.month-frequency')}}</span>\n                    \n                        <!-- <span>{{$t('subscription.annual-price') + desiredPrice.currency + ' ' + parseInt(desiredPrice.price).toLocaleString().replace(/\\./g, ' ') +  $t('subscription.year-frequency')}}</span> -->\n                    <div class=\"additional-price-info\">\n                        <span>{{$t('subscription.annual-price')}}</span> \n                        <span>{{desiredPrice.currency + ' '}}</span> \n                        <span>{{parseInt(desiredPrice.price).toLocaleString().replace(/\\./g, ' ')}}</span>  \n                        <span>{{$t('subscription.year-frequency')}}</span>\n                    </div>\n                </div>\n                    <slot ref=\"cta\" name=\"cta\"> </slot>\n                    <slot ref=\"current\" name=\"current\"> </slot>\n            </div>\n            <slot ref=\"quote\" name=\"quote\" class=\"quote\"> </slot>\n        </div>\n    \n        <div class=\"additional-plan-info\">\n            <div v-if=\"plan.planName == 'Enterprise'\">\n                    <p><i class=\"fa-light fa-sync-alt\"></i><span>{{plan.ids.toLocaleString().replace(/\\./g, ' ')}} +</span>  {{$t('subscription.generations')}} </p>\n                    <p>\t<i class=\"fa-light fa-file-export\"></i><span>{{$t('subscription.publications')}} {{$t('subscription.enterprise-publications')}}</span> </p>\n                    <p><i class=\"fa-light fa-headset\"></i><span>{{$store.getters.language == 'da' ? plan.supportDa : plan.supportEn}}</span> </p>\n                    <p><i class=\"fa-light fa-play-circle\"></i><span>{{$t('subscription.enterprise-onboarding')}}</span></p>\n                    <p> <i class=\"fa-light fa-trophy\"></i> <span>{{$t('subscription.enterprise-special')}}</span> </p>\n            </div>\n            <div v-else>\n                <p><i class=\"fa-light fa-sync-alt\"></i><span>{{plan.ids.toLocaleString().replace(/\\./g, ' ')}} </span>  {{$t('subscription.generations')}} </p>\n                <!-- <p><i class=\"fa-light fa-file\"></i><span>{{plan.templates}}</span> {{plan.templates == 1 ? $t('subscription.template') : $t('subscription.templates')}} </p> -->\n                <!-- <p><i class=\"fa-light fa-database\"></i><span>{{plan.integrations}}</span> {{plan.integrations == 1 ?  $t('subscription.integration') : $t('subscription.integrations')}} </p> -->\n                <p>\t<i class=\"fa-light fa-file-export\"></i><span>{{plan.publications}}</span> {{plan.publications == 1 ?  $t('subscription.publication') : $t('subscription.publications')}} </p>\n                <!-- <p><i class=\"fas fa-globe\"></i><span>{{plan.languages}}</span> {{$t('subscription.languages')}} </p> -->\n                <!-- <p><i class=\"fa-light fa-user\"></i><span>{{plan.users}}</span> {{$t('subscription.users')}} </p> -->\n                <p><i class=\"fa-light fa-headset\"></i><span>{{$store.getters.language == 'da' ? plan.supportDa : plan.supportEn}}</span> </p>\n                <p><i class=\"fa-light fa-play-circle\"></i><span>{{plan.workshopHours ? plan.workshopHours + ' '+ $t('subscription.workshop')+ ' +' : ''}} {{$store.getters.language == 'da' ? plan.onboardingDa : plan.onboardingEn}} </span></p>\n                <!-- <p><span>{{plan.workshopHours}}</span> {{$t('subscription.workshop')}} </p> -->\n                <!-- <p v-if=\"plan.planName == 'Medium'\"><i class=\"fa-light fa-star\"></i><span>{{$t('subscription.popular')}}</span>  </p> -->\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\nname: 'SubscriptionPlan',\n  data() {\n    return {\n\n    };\n  },\n  props:{\n      plan: Object,\n      plans: Array,\n      currentCurrency: String,\n      paymentFrequency: {\n          type: String,\n          default: 'month'  \n      },\n      showPlansDropdown: {\n          type: Boolean,\n          default: false\n      },\n      planIsCurrent: Boolean\n  },\n  computed:{\n    tests(){\n        return this.plan.planterms_set\n    },\n    test(){\n        return this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency && plan.interval_type || plan.intervalType == this.paymentFrequency )\n    },\n    desiredPrice(){\n        // priceData.monthlyPriceForAnnual = this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency && plan.interval_type == \"year\")\n        \n        // console.log(this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency && plan.intervalType == this.paymentFrequency ) )\n        \n        // if(!priceData){\n        //     priceData = this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency ) \n        // }\n        \n        // let priceDataSubscribed = {currency: this.plan.terms.currency, price: this.plan.terms.price, interval_type: this.plan.terms.interval_type}\n        if(this.plan.planterms_set){\n            let priceData = this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency && plan.interval_type || plan.intervalType == this.paymentFrequency )      \n            return priceData \n        } else return {currency: this.plan.currency, price: this.plan.price}\n    },\n    monthlyPriceForAnnual(){\n        if(this.plan.planterms_set){\n            let monthlyPrice = this.plan.planterms_set.find(plan => plan.currency == this.currentCurrency && plan.interval_type || plan.intervalType == \"year\" ) \n                monthlyPrice = parseInt(monthlyPrice.price) / 12\n                monthlyPrice = parseInt(monthlyPrice).toLocaleString().replace(/\\./g, ' ')\n            return  monthlyPrice\n        } else return this.plan.price.toLocaleString().replace(/\\./g, ' ')\n    },\n  }\n\n};\n</script>\n\n<style lang=\"less\">\n    .plan-specs{\n        position: relative;\n           .description{\n               font-size: 12px;\n           }    \n            .main-info{\n                display: grid;\n                // grid-template-rows: auto minmax(60px, auto) 40px;\n                grid-template-rows: auto minmax(60px, auto) minmax(40px, auto);\n                margin-bottom: 20px;\n                .plan-header{\n                    display: flex;\n                    justify-content: space-between;\n                }\n               .price-info{\n                    font-weight: bold;\n                    font-size: 18px;\n                    border-bottom: 1px solid lightgray;\n                    display: flex;\n                    flex-direction: column;\n                    gap: 12px;\n                    span:first-of-type{\n                        margin-right: 8px;\n                    }\n                    button{\n                        margin-bottom: 12px;\n                    }\n                }        \n            }\n            .quote{\n                font-size: 12px;\n                opacity: 0.5;\n                font-weight: 500;\n                color: #3D464A;\n            }\n            h3{\n                font-size: 24px !important;\n                letter-spacing: 1px;\n            }\n            .additional-plan-info{\n                font-size: 14px;\n                p{\n                    display: flex;\n                }\n                svg{\n                    width: 18px;\n                    font-size: 18px;\n                    margin-right: 20px;\n                }\n                span{\n                    margin-right: 4px;\n                    font-weight: 600;\n                }\n            }\n            .additional-price-info{\n                font-size: 12px;\n                opacity: .5;\n                font-weight: 500;\n                color: #3D464A;\n            }\n            .current-plan{\n                background: #fff;\n                border: 1px solid var(--flame);\n                width: 100%;\n                padding: 6px 12px;\n                text-align: center;\n                font-size: 12px;\n                margin-bottom: 12px;\n                font-weight: 500;\n                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\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!./SubscriptionPlan.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!./SubscriptionPlan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubscriptionPlan.vue?vue&type=template&id=64903ba5&\"\nimport script from \"./SubscriptionPlan.vue?vue&type=script&lang=js&\"\nexport * from \"./SubscriptionPlan.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubscriptionPlan.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!./SubscriptionPlan.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!./SubscriptionPlan.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}