{"version":3,"sources":["webpack:///./src/View/plan/detail.vue","webpack:///src/View/plan/detail.vue","webpack:///./src/View/plan/detail.vue?45ca","webpack:///./src/View/plan/detail.vue?79b0","webpack:///./src/View/plan/detail.vue?a14e"],"names":["render","_vm","this","_c","_self","planDetaiObj","staticClass","_m","_v","_s","currentPlanName","_f","totalUsedStorage","currentPlanStorage","on","$event","$router","push","name","planOverError","planTodayExpire","planSomeDaysError","diffDays","_e","isFree","attrs","query","currentPlanId","planId","showStorageErr","class","redirectToSubscriptionScreen","staticRenderFns","components","Button","data","userAndCompDetail","removeConfirm","activeUer","cCode","created","mounted","axios","methods","currencyCode","window","currentPlanDetail","status","message","MyJobApp","response","beforeDestroy","component"],"mappings":"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","file":"js/chunk-3d1cc472.ad6adecc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.planDetaiObj !== null)?_c('div',{staticClass:\"mt-4\"},[_vm._m(0),_c('div',{staticClass:\"flex justify-center\"},[_c('div',{staticClass:\"sm:w-full lg:w-10/12 xl:w-8/12 2xl:w-6/12\"},[_c('div',{staticClass:\"text-gray3 mb-4 card rounded-xl bg-white p-4 my-4\"},[_c('div',{staticClass:\"text-text2 heading-2 font-semibold\"},[_vm._v(_vm._s(_vm.planDetaiObj.currentPlanName))]),_c('div',{staticClass:\"sm:grid grid-cols-2\"},[_c('div',{staticClass:\"pt-2\"},[_c('div',{staticClass:\"text-gray4 heading-5\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(_vm.planDetaiObj.totalUsedStorage))+\" of \"+_vm._s(_vm.planDetaiObj.currentPlanStorage)+\" GB used\")])]),_c('div',{staticClass:\"text-primary heading-4 text-right\"},[_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":function($event){return _vm.$router.push({name: 'SubscriptionStorage'})}}},[_vm._v(\"Manage Storage\")])])]),(!(!_vm.planOverError && !_vm.planTodayExpire && _vm.planSomeDaysError))?_c('div',{staticClass:\"text-error pt-2\"},[_vm._v(\" Your \"+_vm._s(_vm.planDetaiObj.currentPlanName)+\" will expire in \"+_vm._s(_vm.diffDays)+\" days, please consider upgrading your plant to countinue with all benefits. \")]):_vm._e(),_c('div',{staticClass:\"pt-2\"},[(!_vm.planOverError && _vm.planTodayExpire && !_vm.planSomeDaysError)?_c('div',{staticClass:\"heading-5 text-error\"},[_vm._v(\"Your \"+_vm._s(this.planDetaiObj.isFree ? 'Trial is about ' : this.planDetaiObj.currentPlanName + ' plan Has')+\" expire.please \"),_c('router-link',{staticClass:\"cursor-pointer text-blue-400 hover:underline\",attrs:{\"to\":{ name: 'plan' , query: {currentPlanId: this.planDetaiObj.planId}},\"target\":\"_blank\"}},[_vm._v(\"click here\")]),_vm._v(\" to upgrade your plan to continue\")],1):_vm._e(),(!_vm.planOverError && !_vm.planTodayExpire && _vm.planSomeDaysError)?_c('div',{staticClass:\"heading-5 text-error\"},[_vm._v(\"Your \"+_vm._s(this.planDetaiObj.isFree ? 'free trial ' : this.planDetaiObj.currentPlanName + ' plan ')+\" will expires in \"+_vm._s(this.diffDays)+\" days, please consider upgrading your plan to countinue with all benefits\")]):_vm._e(),(_vm.showStorageErr)?_c('div',{staticClass:\"absolute -bottom-1 pl-2 heading-6 text-error\",class:`${_vm.showStorageErr && (_vm.planTodayExpire || _vm.planSomeDaysError) ? '-bottom-5' : _vm.showStorageErr && (!_vm.planTodayExpire && !_vm.planSomeDaysError) ? '-bottom-1' : ''}`},[_vm._v(\"*You have utilized 90% of your \"+_vm._s(this.planDetaiObj.currentPlanStorage)+\" GB space of your current plan, please upgrade your plan or manage your space by logging into mobile app to continue\")]):_vm._e()]),_c('div',{staticClass:\"flex justify-center pt-4\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":`Subscribe Now`},on:{\"buttonAction\":function($event){return _vm.redirectToSubscriptionScreen()}}})],1)])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl w-full\"},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c('h1',{staticClass:\"heading-2 text-center\"},[_vm._v(\"Subscription\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"planDetaiObj !== null\" class=\"mt-4\">\n    <div class=\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl  w-full\">\n      <div class=\"flex justify-center items-center\">\n        <h1 class=\"heading-2 text-center\">Subscription</h1>\n      </div>\n    </div>\n    <div class=\"flex justify-center\" >\n        <div class=\" sm:w-full lg:w-10/12 xl:w-8/12 2xl:w-6/12\">\n            <div class=\" text-gray3 mb-4  card rounded-xl bg-white p-4 my-4\">\n              <div class=\"text-text2 heading-2 font-semibold\">{{planDetaiObj.currentPlanName}}</div>\n              <div class=\"sm:grid grid-cols-2\">\n                <div class=\"pt-2\">\n                  <div class=\"text-gray4 heading-5\">{{planDetaiObj.totalUsedStorage | getFileSize}} of {{planDetaiObj.currentPlanStorage}} GB used</div>\n                  <!-- <div class=\"text-gray4 heading-5\"  v-if=\"!planOverError && !planTodayExpire && !planSomeDaysError && !showStorageErr\">Expire day: {{ this.planDetaiObj.currentPlanEndOn | dateFilterInvoiceRegularFormate}} (in {{ diffDays }} days)</div> -->\n                </div>\n                <div class=\"text-primary heading-4 text-right\" >\n                  <span class=\"cursor-pointer\" @click=\"$router.push({name: 'SubscriptionStorage'})\">Manage Storage</span>\n                </div>\n              </div>\n              <div v-if=\"!(!planOverError && !planTodayExpire && planSomeDaysError)\" class=\"text-error pt-2\">\n                Your {{planDetaiObj.currentPlanName}} will expire in {{ diffDays }} days, please consider upgrading your plant to countinue with all benefits.\n              </div>\n              <div class=\"pt-2\">\n                <div class=\"heading-5 text-error\" v-if=\"!planOverError && planTodayExpire && !planSomeDaysError\" >Your {{this.planDetaiObj.isFree ? 'Trial is about ' : this.planDetaiObj.currentPlanName + ' plan Has'}} expire.please <router-link :to=\"{ name: 'plan' , query: {currentPlanId: this.planDetaiObj.planId}} \" target=\"_blank\" class=\"cursor-pointer text-blue-400 hover:underline\">click here</router-link> to upgrade your plan to continue</div>\n                <div class=\"heading-5 text-error\" v-if=\"!planOverError && !planTodayExpire && planSomeDaysError\" >Your {{this.planDetaiObj.isFree ? 'free trial ' : this.planDetaiObj.currentPlanName + ' plan '}} will expires in {{this.diffDays}} days, please consider upgrading your plan to countinue with all benefits</div>\n                <div :class=\"`${showStorageErr && (planTodayExpire || planSomeDaysError) ? '-bottom-5' : showStorageErr && (!planTodayExpire && !planSomeDaysError) ? '-bottom-1' : ''}`\" class=\"absolute -bottom-1 pl-2 heading-6 text-error\" v-if=\"showStorageErr\" >*You have utilized 90% of your {{this.planDetaiObj.currentPlanStorage}} GB space of your current plan, please upgrade your plan or manage your space by logging into mobile app to continue</div>\n              </div>\n              <div class=\"flex justify-center pt-4\">\n                <Button\n                  :btnSize=\"'medium'\"\n                  :textColor=\"'white'\"\n                  :btnColor=\"'primary'\"\n                  :btnText=\"`Subscribe Now`\"\n                  @buttonAction=\"redirectToSubscriptionScreen()\"\n                />\n              </div>\n            </div>\n        </div>\n    </div>\n    <!-- <ConfirmBox v-if=\"removeConfirm\" :message=\"'Once deleted cannot undone.'\" :title=\"'Are you sure?'\" /> -->\n  </div>\n</template>\n<script>\nimport axios from 'axios'\nimport MyJobApp from \"@/api/MyJobApp.js\";\nimport Button from \"@/View/components/globalButton.vue\";\nexport default {\n  name: \"customer\",\n  components: {\n    Button\n  },\n  data() {\n    return {\n      showStorageErr: false,\n      planSomeDaysError: false,\n      planTodayExpire: false,\n      planOverError: false,\n      diffDays: 0,\n      planDetaiObj: null,\n      userAndCompDetail: null,\n      removeConfirm: false,\n      activeUer: {},\n      cCode: ''\n    };\n  },\n  created() {},\n  mounted() {\n    this.activeUer = JSON.parse(localStorage.getItem('jobUserInfo'))\n    this.currentPlanDetail()\n    axios.get(`https://ipapi.co/json/`).then(data => {\n      if (data.status === 200) {\n        console.log('data', data)\n        this.cCode = data.data.country\n      }\n    })\n  },\n  methods: {\n    redirectToSubscriptionScreen () {\n      let url =  this.$router.resolve({ name: 'plan', query: {currentPlanId: this.planDetaiObj.planId, currencyCode: this.cCode}});\n      window.open(url.href, '_blank')\n    },\n    currentPlanDetail () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.GetCurrentPlanDetail(\n        response => {\n          this.planDetaiObj = response.Data !== null ? response.Data : null\n          const requestDt = new Date(this.planDetaiObj.currentPlanEndOn).setHours(0, 0, 0)\n          const todayDate = new Date().setHours(0, 0, 0)\n          console.log('requestDt--->()', requestDt, this.planDetaiObj.currentPlanEndOn)\n          console.log('todayDate--->()', todayDate, new Date())\n          const diffTime = Math.abs(todayDate - requestDt);\n          this.diffDays = Math.ceil(parseFloat((diffTime / (1000 * 3600 * 24)).toFixed(2)));\n          console.log('diffDays', this.diffDays)\n          if (this.diffDays === 0) {\n            this.planOverError = false\n            this.planTodayExpire = true\n            this.planSomeDaysError = false\n            this.$root.$emit('disableAllscreen', false, this.planDetaiObj)\n          } else {\n            if (requestDt < todayDate) {\n              this.planOverError = true\n              this.planTodayExpire = false\n              this.planSomeDaysError = false\n              this.$root.$emit('disableAllscreen', true, this.planDetaiObj)\n            } else if (this.diffDays < 30) {\n                this.planOverError = false\n                this.planTodayExpire = false\n                this.planSomeDaysError = true\n                this.$root.$emit('disableAllscreen', false, this.planDetaiObj)\n              // this.showExpireErr = \n              }\n          }\n          let totalStorage = parseInt(this.planDetaiObj.currentPlanStorage)*1024\n          let fileSizeMB = this.planDetaiObj.totalUsedStorage / (1024 ** 2)\n          let totalUsedStorage = fileSizeMB.toFixed(2)\n          const totalUsedPers = ((100 * totalUsedStorage) / totalStorage)\n          if (totalUsedPers >= 90) {\n            this.showStorageErr = true\n          } else {\n            this.showStorageErr = false\n          }\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        () => {\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n  },\n  beforeDestroy() {\n    this.$root.$off(\"EditAddressHandler\");\n    this.$root.$off(\"closeEditPopup\");\n    this.$root.$off(\"editQIAddressHandler\");\n  },\n};\n</script>\n<style scoped>\n.table_col {\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\n}\n.name_col {\n    min-width: 200px;\n    max-block-size: 200px;\n}\n.des_col {\n    min-width: 250px;\n    max-block-size: 250px;\n}\n.pric_col {\n    min-width: 100px;\n    max-block-size: 100px;\n}\n.qnty_col {\n    min-width: 100px;\n    max-block-size: 100px;\n}\n.amt_col {\n    min-width: 100px;\n    max-block-size: 100px;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=5d553cee&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=5d553cee&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  \"5d553cee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&id=5d553cee&prod&scoped=true&lang=css&\""],"sourceRoot":""}