{"version":3,"sources":["webpack:///./src/views/Subscriptions/components/PremiumClub/Subscriptions.vue?82da","webpack:///./src/views/Subscriptions/components/PremiumClub/Subscriptions.vue?fa52","webpack:///src/views/Subscriptions/components/PremiumClub/Subscriptions.vue","webpack:///./src/views/Subscriptions/components/PremiumClub/Subscriptions.vue?30a0","webpack:///./src/views/Subscriptions/components/PremiumClub/Subscriptions.vue?6b46"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","pack","key","name","planHeader","value","days","_e","text","price","class","on","$event","getPaymentPage","savePercent","attrs","headers","translatedSubscriptionsObj","handleRefreshTransactions","staticRenderFns","component"],"mappings":"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","file":"js/0a5befe7/chunk-08565883.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscriptions.vue?vue&type=style&index=0&id=37bfb3e3&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-subscriptions\"},[_c('div',{staticClass:\"subscriptions-general-container\"},[_c('div',{staticClass:\"subscriptions\"},[_c('Header'),_c('Wrapper',[_c('div',{staticClass:\"subscriptions-general\"},[_c('h1',{staticClass:\"subscriptions-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.subscriptions')))]),_c('div',{staticClass:\"subscriptions-plans\"},_vm._l((_vm.packages),function(pack){return _c('div',{key:pack.name,staticClass:\"subscriptions-plans-item\"},[_c('div',[_c('div',{staticClass:\"plans-item-header\"},[_c('h1',{staticClass:\"plans-item-name\"},[_vm._v(\" \"+_vm._s(_vm.planHeader(pack.value, true))+\" \")]),(pack.days === 180)?_c('div',{staticClass:\"plans-item-most-popular\"},[_vm._v(\" \"+_vm._s(_vm.$t('generalTabs.mostPopular'))+\" \")]):_vm._e()]),_c('p',{staticClass:\"plans-item-subscription\"},[_vm._v(\" \"+_vm._s(_vm.planHeader(pack.value).text)+\" \")])]),_c('div',{staticClass:\"subscriptions-plans-bootom-container\"},[_c('p',{staticClass:\"plans-item-days\"},[_vm._v(_vm._s(pack.days)+\" Days\")]),_c('h1',{staticClass:\"plans-item-price\"},[_vm._v(\"$\"+_vm._s(pack.price))]),_c('button',{staticClass:\"plans-item-btn\",class:pack.days === 180 ? 'popular' : '',on:{\"click\":function($event){return _vm.getPaymentPage(pack.value)}}},[_vm._v(_vm._s(_vm.$t('generalTabs.choosePlan')))]),(_vm.planHeader(pack.value, true) !== 'Starter')?_c('button',{staticClass:\"save-btn\"},[_vm._v(_vm._s(_vm.$t('generalTabs.save'))+\" \"+_vm._s(_vm.planHeader(pack.value).savePercent))]):_vm._e()])])}),0)])])],1),_c('div',{staticClass:\"subscriptions-table\"},[_c('Table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.translatedSubscriptionsObj,\"handleRefreshTransactions\":_vm.handleRefreshTransactions,\"isTransactions\":false,\"headerText\":'generalTabs.subHistory',\"helperText\":'generalTabs.haveASubscription',\"buttonText\":'generalTabs.addSubscriptionManually'}})],1)]),_c('Envelope')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main-subscriptions\">\n        <div class=\"subscriptions-general-container\">\n            <div class=\"subscriptions\">\n                <Header />\n                <Wrapper>\n                    <div class=\"subscriptions-general\">\n                        <h1 class=\"subscriptions-header\">{{ $t('generalTabs.subscriptions') }}</h1>\n                        <div class=\"subscriptions-plans\">\n                            <div class=\"subscriptions-plans-item\" v-for=\"pack in packages\" :key=\"pack.name\">\n                                <div>\n                                    <div class=\"plans-item-header\">\n                                        <h1 class=\"plans-item-name\">\n                                            {{ planHeader(pack.value, true) }}\n                                        </h1>\n                                        <div v-if=\"pack.days === 180\" class=\"plans-item-most-popular\">\n                                            {{ $t('generalTabs.mostPopular') }}\n                                        </div>\n                                    </div>\n                                    <p class=\"plans-item-subscription\">\n                                        {{ planHeader(pack.value).text }}\n                                    </p>\n                                </div>\n                                <div class=\"subscriptions-plans-bootom-container\">\n                                    <p class=\"plans-item-days\">{{ pack.days }} Days</p>\n                                    <h1 class=\"plans-item-price\">${{ pack.price }}</h1>\n                                    <button @click=\"getPaymentPage(pack.value)\" class=\"plans-item-btn\"\n                                        :class=\"pack.days === 180 ? 'popular' : ''\">{{ $t('generalTabs.choosePlan')\n                                        }}</button>\n                                    <button v-if=\"planHeader(pack.value, true) !== 'Starter'\" class=\"save-btn\">{{ $t('generalTabs.save') }}\n                                        {{ planHeader(pack.value).savePercent }}</button>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </Wrapper>\n            </div>\n            <div class=\"subscriptions-table\">\n                <Table :headers=\"headers\" :items=\"translatedSubscriptionsObj\"\n                    :handleRefreshTransactions=\"handleRefreshTransactions\" :isTransactions=\"false\"\n                    :headerText=\"'generalTabs.subHistory'\" :helperText=\"'generalTabs.haveASubscription'\"\n                    :buttonText=\"'generalTabs.addSubscriptionManually'\" />\n            </div>\n        </div>\n        <Envelope />\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        packages: Array,\n        getPaymentPage: Function,\n        handleRefreshTransactions: Function,\n        headers: Array,\n        translatedSubscriptionsObj: Array\n    },\n    components: {\n        Wrapper: () => import('@/components/Wrapper.vue'),\n        Header: () => import('@/components/SideNavPc.vue'),\n        Table: () => import('@/views/Transactions/PremiumClub/PremiumClubTable.vue'),\n        Envelope: () => import('@/components/Envelope.vue')\n    },\n    methods: {\n        planHeader(id, isHeader) {\n            let planName, planText, savePercent;\n            switch (id) {\n                case 2:\n                case 105:\n                case 20001:\n                    planName = this.$t('generalTabs.starter');\n                    planText = this.$t('generalTabs.starterText');\n                    savePercent = '';\n                    break;\n                case 3:\n                case 106:\n                case 20002:\n                    planName = this.$t('generalTabs.growth');\n                    planText = this.$t('generalTabs.growthText');\n                    savePercent = '29%';\n                    break;\n                case 4:\n                case 107:\n                case 20003:\n                    planName = this.$t('generalTabs.elite');\n                    planText = this.$t('generalTabs.eliteText');\n                    savePercent = '39%';\n                    break;\n                case 5:\n                case 108:\n                case 20004:\n                    planName = this.$t('generalTabs.professional');\n                    planText = this.$t('generalTabs.professionalText');\n                    savePercent = '49%';\n                    break;\n                default:\n                    // Handle default case here if necessary\n                    break;\n            }\n            if (isHeader) {\n                return planName;\n            } else {\n                return { name: planName, text: planText, savePercent: savePercent };\n            }\n        }\n    }\n}\n</script>\n\n<style scoped>\nh1,\np,\nbutton,\ninput,\nlabel,\na {\n    font-family: 'Wix Madefor Display', sans-serif;\n    color: white;\n    margin: 0;\n}\n\n.main-subscriptions {\n    display: flex;\n    justify-content: space-between;\n}\n\n.subscriptions-table {\n    margin-top: 32px;\n}\n\n\n.subscriptions {\n    width: 100%;\n    width: fit-content;\n}\n\n.subscriptions-general {\n    width: inherit;\n}\n\n.subscriptions-header {\n    font-size: 20px;\n    font-weight: 600;\n    color: white;\n}\n\n.subscriptions-plans {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 16px;\n    margin-bottom: 24px;\n    width: min-content;\n}\n\n.subscriptions-plans-item {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 32px 16px;\n    border-radius: 8px;\n    background-color: #141417;\n    min-width: 247px;\n    margin-right: 16px;\n    transition: 0.2s all;\n}\n\n.subscriptions-plans-item:hover {\n    background-color: #18191D;\n    box-shadow: 0px 7px 12px 0px #1414177A;\n}\n\n.subscriptions-plans-item:last-child {\n    margin-right: 0;\n}\n\n.plans-item-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.plans-item-most-popular {\n    border-radius: 24px;\n    padding: 5px 12px;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 13.86px;\n    color: white;\n    background-color: #4E4BCD;\n}\n\n.plans-item-name {\n    font-size: 20px;\n    line-height: 25.2px;\n    font-weight: 600;\n}\n\n.plans-item-subscription {\n    font-size: 14px;\n    line-height: 19.5px;\n    font-weight: 400;\n    padding-bottom: 12px;\n    color: rgba(255, 255, 255, 0.8);\n}\n\n.plans-item-days {\n    font-size: 14px;\n    line-height: 17.64px;\n    font-weight: 500;\n    padding-top: 12px;\n    margin-bottom: 18px;\n    border-top: 1px dashed #FFFFFF1A;\n}\n\n.plans-item-price {\n    font-size: 32px;\n    line-height: 40.32px;\n    font-weight: 600;\n    margin-bottom: 8px;\n}\n\n.plans-item-paid {\n    font-size: 13px;\n    line-height: 16.38px;\n    font-weight: 400;\n    margin-bottom: 18px;\n    color: #FFFFFF99;\n}\n\n.plans-item-btn {\n    font-size: 14px;\n    line-height: 17.64px;\n    font-weight: 600;\n    color: #4E4BCD;\n    padding: 12px 0;\n    width: 100%;\n    background-color: #141417;\n    border-radius: 8px;\n    border: 1px solid #4E4BCD;\n    box-shadow: 0px 7px 12px 0px #4E4BCD14;\n}\n\n.popular {\n    background-color: #4E4BCD;\n    color: white;\n    box-shadow: 0px 7px 12px 0px #4E4BCD52;\n}\n\n.subscriptions-plans-bootom-container {\n    position: relative;\n}\n\n.save-btn::before {\n    content: '';\n    position: absolute;\n    top: -5px;\n    left: 50%;\n    transform: translateX(-50%) rotate(180deg);\n    border-width: 6px 6px 0;\n    border-style: solid;\n    border-color: #14B437 transparent transparent;\n}\n\n.save-btn {\n    position: absolute;\n    bottom: -20px;\n    right: 30%;\n    background-color: #14B437;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 13.86px;\n    padding: 6px 11.5px;\n    border-radius: 50px;\n}\n\n@media only screen and (max-width: 1500px) {\n    .subscriptions-general-container {\n        width: 70%;\n    }\n\n    .subscriptions {\n        width: 100%;\n    }\n\n    .subscriptions-plans {\n        flex-wrap: wrap;\n        width: auto;\n    }\n\n    .subscriptions-plans-item {\n        width: 45%;\n        margin: 0 0 20px 0;\n    }\n}\n\n@media only screen and (max-width: 1090px) {\n    .main-subscriptions {\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .subscriptions-general-container {\n        width: 100%;\n    }\n}\n\n@media only screen and (max-width: 768px) {\n    .subscriptions-plans {\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    .subscriptions-plans-item {\n        margin: 16px 0 0 0;\n    }\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!./Subscriptions.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!./Subscriptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscriptions.vue?vue&type=template&id=37bfb3e3&scoped=true&\"\nimport script from \"./Subscriptions.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscriptions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Subscriptions.vue?vue&type=style&index=0&id=37bfb3e3&scoped=true&lang=css&\"\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  \"37bfb3e3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}