@hulkapps/app-manager-vue 2.0.2 → 2.0.3

package/README.md

@@ -25,6 +25,20 @@ Vue.use(AppManager);
 ```vue
 <Banners type="header" />
 <Banners type="footer" />
+<AppManagerPlan @handlePlanSelect="handlePlanSelectListener" :shop_domain="shop_domain" />
+```
+The AppManagerPlan component requires a Shop Domain
+
+A `handlePlanSelect` event is emitted when the user continues without selecting a plan.
+
+```javascript
+handlePlanSelectListener(payload) {
+
+  if (payload.chose_later && payload.chose_later === true) {
+    //handle chose_later
+  }
+
+}
 ```
 
 ## License

package/dist/app-manager-vue.esm.js

@@ -23043,7 +23043,8 @@ var __vue_render__$K = function () {
       key: key,
       attrs: {
         "id": "static-content-header-" + key,
-        "status": header.status
+        "status": header.status,
+        "title": header.title
       },
       on: {
         "dismiss": function () {
@@ -23064,7 +23065,7 @@ var __vue_staticRenderFns__$K = [];
 const __vue_inject_styles__$M = undefined;
 /* scoped */
 
-const __vue_scope_id__$M = "data-v-bad609aa";
+const __vue_scope_id__$M = "data-v-567642a6";
 /* module identifier */
 
 const __vue_module_identifier__$M = undefined;
@@ -41301,10 +41302,6 @@ var script = {
         }
       }
 
-      if (plans.length === 0) {
-        this.selectedPlan = 'yearly';
-      }
-
       return plans;
     },
 
@@ -41317,10 +41314,6 @@ var script = {
         }
       }
 
-      if (plans.length === 0) {
-        this.selectedPlan = 'monthly';
-      }
-
       return plans;
     }
 
@@ -41355,7 +41348,7 @@ var script = {
 
     calculateDiscountedPrice(plan) {
       if (plan.discount_type === 'percentage') {
-        return plan.price - plan.price / plan.discount;
+        return plan.price - plan.price * plan.discount / 100;
       } else if (plan.discount_type === 'amount') {
         return plan.price - plan.discount;
       }
@@ -41410,6 +41403,8 @@ var script = {
   },
 
   async mounted() {
+    var _this$plan;
+
     const featuresData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
       console.error(error);
     });
@@ -41431,6 +41426,11 @@ var script = {
 
     this.shopify_plan = plansData.data.shopify_plan;
     this.plan = plansData.data.plan;
+
+    if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
+      this.selectedPlan = 'annually';
+    }
+
     this.default_plan_id = plansData.data.default_plan_id;
     this.onboard = !this.plan;
   }
@@ -41704,7 +41704,7 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-3bea7199_0", {
+  inject("data-v-9d87510a_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager-plan-page .active{background:#f0f8f5}.app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 12px}.app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager-plan-page .custom-plan table tbody tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager-plan-page .custom-plan table thead tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager-plan-page .plan-heading{padding-top:30px}.app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}",
     map: undefined,
     media: undefined