@hulkapps/app-manager-vue 2.0.1 → 2.0.4

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;
@@ -23232,7 +23233,16 @@ var __vue_render__$I = function () {
         "innerHTML": _vm._s(staticContent.content)
       }
     })]);
-  }), 0) : _vm._e();
+  }), 0) : _c('span', [_c('p', {
+    staticStyle: {
+      "font-size": "17px",
+      "font-weight": "500"
+    },
+    attrs: {
+      "slot": "default"
+    },
+    slot: "default"
+  }, [_vm._v(_vm._s('Annually'))])]);
 };
 
 var __vue_staticRenderFns__$I = [];
@@ -23241,7 +23251,7 @@ var __vue_staticRenderFns__$I = [];
 const __vue_inject_styles__$K = undefined;
 /* scoped */
 
-const __vue_scope_id__$K = "data-v-75ff815f";
+const __vue_scope_id__$K = "data-v-b2c54672";
 /* module identifier */
 
 const __vue_module_identifier__$K = undefined;
@@ -41336,6 +41346,14 @@ var script = {
       }
     },
 
+    calculateDiscountedPrice(plan) {
+      if (plan.discount_type === 'percentage') {
+        return plan.price - plan.price * plan.discount / 100;
+      } else if (plan.discount_type === 'amount') {
+        return plan.price - plan.discount;
+      }
+    },
+
     async getPlanUrl(plan) {
       let shopName = this.shop.name;
       const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?shop=${shopName}`).catch(error => {
@@ -41385,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);
     });
@@ -41406,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;
   }
@@ -41443,7 +41468,7 @@ var __vue_render__ = function () {
     attrs: {
       "segmented": ""
     }
-  }, [_vm.monthlyPlan.length ? _c('PButton', {
+  }, [_vm.monthlyPlan.length && _vm.yearlyPlan.length ? _c('PButton', {
     style: _vm.selectedPlan === 'monthly' ? _vm.monthlySelectedStyle : _vm.monthlyStyle,
     on: {
       "click": function ($event) {
@@ -41459,7 +41484,7 @@ var __vue_render__ = function () {
       "slot": "default"
     },
     slot: "default"
-  }, [_vm._v(_vm._s('Monthly'))])]) : _vm._e(), _vm._v(" "), _vm.yearlyPlan.length ? _c('PButton', {
+  }, [_vm._v(_vm._s('Monthly'))])]) : _vm._e(), _vm._v(" "), _vm.yearlyPlan.length && _vm.monthlyPlan.length ? _c('PButton', {
     style: _vm.selectedPlan === 'annually' ? _vm.yearlySelectedStyle : _vm.yearlyStyle,
     attrs: {
       "primary": _vm.selectedPlan === 'annually'
@@ -41505,7 +41530,38 @@ var __vue_render__ = function () {
       staticStyle: {
         "font-size": "16px"
       }
-    }, [_vm._v(_vm._s(plan.name))]), _vm._v(" "), _c('p', {
+    }, [_vm._v(_vm._s(plan.name))]), _vm._v(" "), plan.discount && plan.discount > 0 ? _c('div', [_c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "10px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "25px",
+        "font-weight": "700"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "5px",
+        "font-size": "17px"
+      }
+    }, [_vm._v("/" + _vm._s("mo"))])], 1), _vm._v(" "), _c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "7px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "18px",
+        "font-weight": "500",
+        "text-decoration": "line-through"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "3px",
+        "font-size": "14px"
+      }
+    }, [_vm._v("/" + _vm._s("mo"))])], 1)]) : _c('div', [_c('p', {
       staticStyle: {
         "display": "flex",
         "margin-top": "10px"
@@ -41520,7 +41576,7 @@ var __vue_render__ = function () {
         "margin-top": "5px",
         "font-size": "17px"
       }
-    }, [_vm._v("/" + _vm._s("mo"))])], 1)])];
+    }, [_vm._v("/" + _vm._s("mo"))])], 1)])])];
   })], 2) : _c('PDataTableRow', [_c('PDataTableCol', {
     staticClass: "plan-heading",
     staticStyle: {
@@ -41540,7 +41596,38 @@ var __vue_render__ = function () {
       staticStyle: {
         "font-size": "16px"
       }
-    }, [_vm._v(_vm._s(plan.name))]), _vm._v(" "), _c('p', {
+    }, [_vm._v(_vm._s(plan.name))]), _vm._v(" "), plan.discount && plan.discount > 0 ? _c('div', [_c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "10px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "25px",
+        "font-weight": "700"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "5px",
+        "font-size": "17px"
+      }
+    }, [_vm._v("/" + _vm._s("year"))])], 1), _vm._v(" "), _c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "7px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "18px",
+        "font-weight": "500",
+        "text-decoration": "line-through"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "3px",
+        "font-size": "14px"
+      }
+    }, [_vm._v("/" + _vm._s("year"))])], 1)]) : _c('div', [_c('p', {
       staticStyle: {
         "display": "flex",
         "margin-top": "10px"
@@ -41555,7 +41642,7 @@ var __vue_render__ = function () {
         "margin-top": "5px",
         "font-size": "17px"
       }
-    }, [_vm._v("/" + _vm._s("year"))])], 1)])];
+    }, [_vm._v("/" + _vm._s("year"))])], 1)])])];
   })], 2)], 1), _vm._v(" "), _c('template', {
     slot: "body"
   }, [_vm._l(_vm.features, function (feature, rIndex) {
@@ -41648,7 +41735,7 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-aaf53caa_0", {
+  inject("data-v-56b8f605_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