{"version":3,"sources":["webpack:///./src/components/dashboard/ContentLoader.vue?733c","webpack:///./src/views/customer/Subscriptions.vue","webpack:///src/views/customer/Subscriptions.vue","webpack:///./src/views/customer/Subscriptions.vue?6f35","webpack:///./src/views/customer/Subscriptions.vue?edf4","webpack:///./src/components/dashboard/ContentLoader.vue","webpack:///src/components/dashboard/ContentLoader.vue","webpack:///./src/components/dashboard/ContentLoader.vue?4625","webpack:///./src/components/dashboard/ContentLoader.vue?7183"],"names":["render","_vm","this","_c","_self","staticClass","_m","attrs","loading","_e","_v","_l","subscriptions","stripe","subs","ind","_s","plan","nickname","amount","toFixed","created","current_period_start","current_period_end","class","status","directives","name","rawName","value","expression","on","$event","preventDefault","cancelSubscription","hasPaypal","paypal","package","price","cancelSubscriptionForPaypal","staticRenderFns","components","ContentLoader","data","customer","computed","Object","keys","length","methods","message","title","body","dialog","$dialog","confirm","okText","client","post","id","_method","$toast","success","getCustomer","getSubscriptions","close","e","console","log","resource","get","_helper","showErrorMessage","$route","params","component","staticStyle","props","type","Boolean","default"],"mappings":"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","file":"js/chunk-dcbeff88.d7c3938d.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!./ContentLoader.vue?vue&type=style&index=0&id=59748638&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-area__body\"},[_c('section',{staticClass:\"Customer-section section-gap\"},[_c('div',{staticClass:\"section-panel\"},[_vm._m(0),_c('content-loader',{staticClass:\"my-4\",attrs:{\"loading\":_vm.loading}}),_c('transition',{attrs:{\"name\":\"fade\",\"duration\":\"300\",\"mode\":\"out-in\"}},[(!_vm.loading)?[_c('div',{staticClass:\"table-wrap\"},[_c('div',{staticClass:\"table\"},[_c('div',{staticClass:\"table__row table__head\"},[_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"#\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Plan Name\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Price\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Created At\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Subscription Start Date\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"End Date\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Status\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Action\")])])]),_vm._l((_vm.subscriptions.stripe),function(subs,ind){return _c('div',{staticClass:\"table__row\"},[_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s((ind + 1)))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(subs.plan.nickname))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s((subs.plan.amount/100).toFixed(2)))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(subs.created))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(subs.current_period_start))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(subs.current_period_end))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_c('span',{staticClass:\"badge\",class:{'success-label' : subs.status == 'active','warning-label' : subs.status != 'active'}},[_vm._v(_vm._s(subs.status))])])]),_c('div',{staticClass:\"table-cell\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:('Cancel Subscription'),expression:\"'Cancel Subscription'\"}],staticClass:\"control-button control-button--danger has_bg_color\",on:{\"click\":function($event){$event.preventDefault();return _vm.cancelSubscription(subs)}}},[_c('div',{staticClass:\"control-button__icon\"},[_c('i',{staticClass:\"eicon e-delete\"})])])])])])})],2)])]:_vm._e()],2)],1)]),_c('section',{staticClass:\"Customer-section section-gap\"},[_c('div',{staticClass:\"section-panel\"},[_vm._m(1),_c('content-loader',{staticClass:\"my-4\",attrs:{\"loading\":_vm.loading}}),_c('transition',{attrs:{\"name\":\"fade\",\"duration\":\"300\",\"mode\":\"out-in\"}},[(!_vm.loading)?[_c('div',{staticClass:\"table-wrap\"},[_c('div',{staticClass:\"table\"},[_c('div',{staticClass:\"table__row table__head\"},[_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"#\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Plan Name\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Price\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Created At\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Subscription Start Date\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"End Date\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Status\")])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(\"Action\")])])]),(!_vm.hasPaypal)?_c('div',{staticClass:\"table__row\"},[_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(1))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(_vm.subscriptions.paypal.package.name))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(_vm.subscriptions.paypal.price))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(_vm.subscriptions.paypal.created))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(_vm.subscriptions.paypal.created))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_vm._v(_vm._s(_vm.subscriptions.paypal.current_period_end))])]),_c('div',{staticClass:\"table-cell\"},[_c('p',[_c('span',{staticClass:\"badge\",class:{'success-label' : _vm.subscriptions.paypal.status == 1}},[_vm._v(\"Active\")])])]),_c('div',{staticClass:\"table-cell\"},[(_vm.subscriptions.paypal.package.plan !== 3)?_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:('Cancel Subscription'),expression:\"'Cancel Subscription'\"}],staticClass:\"control-button control-button--danger has_bg_color\",on:{\"click\":function($event){$event.preventDefault();return _vm.cancelSubscriptionForPaypal(_vm.subscriptions.paypal)}}},[_c('div',{staticClass:\"control-button__icon\"},[_c('i',{staticClass:\"eicon e-delete\"})])])]):_c('div',[_c('p',[_c('span',{staticClass:\"badge success-label\"},[_vm._v(\"Lifetime\")])])])])]):_vm._e()])])]:_vm._e()],2)],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-title-wrap\"},[_c('h3',{staticClass:\"section-title\"},[_vm._v(\"Stripe Subscriptions\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-title-wrap\"},[_c('h3',{staticClass:\"section-title\"},[_vm._v(\"Paypal Subscriptions\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content-area__body\">\n\n        <!-- Customer info -->\n        <section class=\"Customer-section section-gap\">\n            <div class=\"section-panel\">\n                <div class=\"section-title-wrap\">\n                    <h3 class=\"section-title\">Stripe Subscriptions</h3>\n                </div>\n<!--                <div class=\"mb-3\">\n                    <h5 class=\"text-primary\">Name: {{ customer.name }}</h5>\n                    <p>Email: {{ customer.email }}</p>\n                </div>-->\n                <content-loader :loading=\"loading\" class=\"my-4\"/>\n                <transition name=\"fade\" duration=\"300\" mode=\"out-in\">\n                    <template v-if=\"!loading\">\n                        <div class=\"table-wrap\">\n                            <div class=\"table\">\n                                <div class=\"table__row table__head\">\n                                    <div class=\"table-cell\"><p>#</p></div>\n                                    <div class=\"table-cell\"><p>Plan Name</p></div>\n                                    <div class=\"table-cell\"><p>Price</p></div>\n                                    <div class=\"table-cell\"><p>Created At</p></div>\n                                    <div class=\"table-cell\"><p>Subscription Start Date</p></div>\n                                    <div class=\"table-cell\"><p>End Date</p></div>\n                                    <div class=\"table-cell\"><p>Status</p></div>\n                                    <div class=\"table-cell\"><p>Action</p></div>\n                                </div>\n                                \n                                <div class=\"table__row\"  v-for=\"(subs, ind) in subscriptions.stripe\">\n                                    <div class=\"table-cell\"><p>{{ (ind + 1) }}</p></div>\n                                    <div class=\"table-cell\"><p>{{ subs.plan.nickname }}</p></div>\n                                    <div class=\"table-cell\"><p>{{ (subs.plan.amount/100).toFixed(2) }}</p></div>\n                                    <div class=\"table-cell\"><p>{{ subs.created }}</p></div>\n                                    <div class=\"table-cell\"><p>{{ subs.current_period_start }}</p></div>\n                                    <div class=\"table-cell\"><p>{{ subs.current_period_end }}</p></div>\n                                    <div class=\"table-cell\"><p><span class=\"badge\"\n                                                                     :class=\"{'success-label' : subs.status == 'active','warning-label' : subs.status != 'active'}\">{{ subs.status }}</span></p></div>\n                                    <div class=\"table-cell\">\n                                        <div class=\"d-flex justify-content-center\">\n                                            <button @click.prevent=\"cancelSubscription(subs)\" class=\"control-button control-button--danger has_bg_color\"\n                                                    v-tooltip=\"'Cancel Subscription'\">\n                                                <div class=\"control-button__icon\"><i class=\"eicon e-delete\"></i></div>\n                                            </button>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n\n                    </template>\n                </transition>\n            </div>\n        </section>\n      <section class=\"Customer-section section-gap\">\n        <div class=\"section-panel\">\n          <div class=\"section-title-wrap\">\n            <h3 class=\"section-title\">Paypal Subscriptions</h3>\n          </div>\n<!--          <div class=\"mb-3\">\n            <h5 class=\"text-primary\">Name: {{ customer.name }}</h5>\n            <p>Email: {{ customer.email }}</p>\n          </div>-->\n          <content-loader :loading=\"loading\" class=\"my-4\"/>\n          <transition name=\"fade\" duration=\"300\" mode=\"out-in\">\n            <template v-if=\"!loading\">\n              <div class=\"table-wrap\">\n                <div class=\"table\">\n                  <div class=\"table__row table__head\">\n                    <div class=\"table-cell\"><p>#</p></div>\n                    <div class=\"table-cell\"><p>Plan Name</p></div>\n                    <div class=\"table-cell\"><p>Price</p></div>\n                    <div class=\"table-cell\"><p>Created At</p></div>\n                    <div class=\"table-cell\"><p>Subscription Start Date</p></div>\n                    <div class=\"table-cell\"><p>End Date</p></div>\n                    <div class=\"table-cell\"><p>Status</p></div>\n                    <div class=\"table-cell\"><p>Action</p></div>\n                  </div>\n                  <div class=\"table__row\" v-if=\"!hasPaypal\">\n                    <div class=\"table-cell\"><p>{{ 1 }}</p></div>\n                    <div class=\"table-cell\"><p>{{ subscriptions.paypal.package.name }}</p></div>\n                    <div class=\"table-cell\"><p>{{ subscriptions.paypal.price }}</p></div>\n                    <div class=\"table-cell\"><p>{{ subscriptions.paypal.created }}</p></div>\n                    <div class=\"table-cell\"><p>{{ subscriptions.paypal.created }}</p></div>\n                    <div class=\"table-cell\"><p>{{ subscriptions.paypal.current_period_end }}</p></div>\n                    <div class=\"table-cell\"><p><span class=\"badge\" :class=\"{'success-label' : subscriptions.paypal.status == 1}\">Active</span></p></div>\n                    <div class=\"table-cell\">\n                      <div class=\"d-flex justify-content-center\" v-if=\"subscriptions.paypal.package.plan !== 3\">\n                        <button @click.prevent=\"cancelSubscriptionForPaypal(subscriptions.paypal)\" class=\"control-button control-button--danger has_bg_color\"\n                                v-tooltip=\"'Cancel Subscription'\">\n                          <div class=\"control-button__icon\"><i class=\"eicon e-delete\"></i></div>\n                        </button>\n                      </div>\n                      <div v-else>\n                        <p><span class=\"badge success-label\">Lifetime</span></p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n            </template>\n          </transition>\n        </div>\n      </section>\n    </div>\n</template>\n\n<script>\nimport client from \"@/api/Client\";\nimport ContentLoader from \"@/components/dashboard/ContentLoader\";\n\nexport default {\n    name: \"Subscriptions\",\n    components: {ContentLoader},\n    data() {\n        return {\n            loading: false,\n            subscriptions: [],\n            customer: {}\n        }\n    },\n  computed:{\n      hasPaypal(){\n        return Object.keys(this.subscriptions.paypal).length === 0\n      }\n  },\n\n    methods: {\n        async cancelSubscription(subs) {\n            try {\n                let message = {\n                    title: 'Confirmation',\n                    body: `Are you sure, you want to cancel <br/> <b>${subs.plan.nickname}</b>?`\n                };\n\n                let dialog = await this.$dialog.confirm(message, {okText: 'Yes, Cancel!'});\n\n                if (dialog) {\n                    let {data: {message}} = await client().post(`/customers/subscriptions/${this.customer.id}`, {\n                        _method: 'DELETE',\n                        id: subs.id\n                    });\n                    this.$toast.success(message);\n                    await this.getCustomer();\n                    await this.getSubscriptions();\n                    dialog.close();\n                }\n            } catch (e) {\n                console.log(e);\n            }\n        },\n\n      async cancelSubscriptionForPaypal(subs) {\n            try {\n                let message = {\n                    title: 'Confirmation',\n                    body: `Are you sure, you want to cancel <br/> <b>${subs.package.name}</b>?`\n                };\n\n                let dialog = await this.$dialog.confirm(message, {okText: 'Yes, Cancel!'});\n\n                if (dialog) {\n                    let {data: {message}} = await client().post(`/customers/paypal/subscriptions/${this.customer.id}/cancel`, {\n                        _method: 'POST',\n                        id: subs.paypal.resource.id\n                    });\n                    this.$toast.success(message);\n                    await this.getCustomer();\n                    await this.getSubscriptions();\n                    dialog.close();\n                }\n            } catch (e) {\n                console.log(e);\n            }\n        },\n\n        async getSubscriptions() {\n            this.loading = true;\n            try {\n                let {data: {data}} = await client().get(`/customers/subscriptions/${this.customer.id}`);\n                this.subscriptions = data;\n            } catch (e) {\n                _helper.showErrorMessage(e);\n            }\n            this.loading = false;\n        },\n\n        async getCustomer() {\n            this.loading = true;\n            try {\n                let {data: {data}} = await client().get(`/customers/${this.$route.params.id}`);\n                this.customer = data;\n            } catch (e) {\n                console.log(e);\n            }\n            this.loading = false;\n        }\n\n    },\n\n    async created() {\n        await this.getCustomer();\n        await this.getSubscriptions();\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!./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=7f9a2b1f\"\nimport script from \"./Subscriptions.vue?vue&type=script&lang=js\"\nexport * from \"./Subscriptions.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","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loading)?_c('div',{attrs:{\"id\":\"loader\"}},[_c('transition',{attrs:{\"name\":\"fade\",\"duration\":\"300\",\"mode\":\"out-in\"}},[_c('div',{staticClass:\"loading\"},[_c('svg',{staticStyle:{\"shape-rendering\":\"auto\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"60px\",\"height\":\"60px\",\"viewBox\":\"0 0 100 100\",\"preserveAspectRatio\":\"xMidYMid\"}},[_c('circle',{attrs:{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"24\",\"stroke-width\":\"4\",\"stroke\":\"#597dfc\",\"stroke-dasharray\":\"37.69911184307752 37.69911184307752\",\"fill\":\"none\",\"stroke-linecap\":\"round\",\"transform\":\"rotate(300.791 50 50)\"}},[_c('animateTransform',{attrs:{\"attributeName\":\"transform\",\"type\":\"rotate\",\"repeatCount\":\"indefinite\",\"dur\":\"1.01010101010101s\",\"keyTimes\":\"0;1\",\"values\":\"0 50 50;360 50 50\"}})],1)])])])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"loader\" v-if=\"loading\">\n        <transition name=\"fade\" duration=\"300\" mode=\"out-in\">\n            <div class=\"loading\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"\" style=\"shape-rendering: auto;\" width=\"60px\"\n                     height=\"60px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n                    <circle cx=\"50\" cy=\"50\" r=\"24\" stroke-width=\"4\" stroke=\"#597dfc\" stroke-dasharray=\"37.69911184307752 37.69911184307752\" fill=\"none\" stroke-linecap=\"round\"\n                            transform=\"rotate(300.791 50 50)\">\n                        <animateTransform attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"1.01010101010101s\" keyTimes=\"0;1\"\n                                          values=\"0 50 50;360 50 50\"></animateTransform>\n                    </circle>\n                </svg>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"ContentLoader\",\n        props: {\n            loading: {\n                type: Boolean,\n                default: false\n            }\n        }\n    }\n</script>\n\n<style scoped>\n    #loader {\n        position: relative;\n        width: 100%;\n        background: #fff;\n    }\n    #loader .loading {\n      //position: absolute;\n      display: flex;\n      background: #fff;\n      left: 0;\n      top: 0;\n      width: 100%;\n      min-height: 300px;\n      justify-content: center;\n      align-items: center;\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!./ContentLoader.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!./ContentLoader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContentLoader.vue?vue&type=template&id=59748638&scoped=true\"\nimport script from \"./ContentLoader.vue?vue&type=script&lang=js\"\nexport * from \"./ContentLoader.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContentLoader.vue?vue&type=style&index=0&id=59748638&prod&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  \"59748638\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}