@hulkapps/app-manager-vue 2.1.2 → 2.1.5

package/README.md

@@ -60,8 +60,8 @@ A `handlePlanSelect` event is emitted when the user continues without selecting
 ```javascript
 handlePlanSelectListener(payload) {
 
-  if (payload.chose_later && payload.chose_later === true) {
-    //handle chose_later
+  if (payload.choose_later && payload.choose_later === true) {
+    //handle choose_later
   }
 
 }

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

@@ -41588,6 +41588,7 @@ var script$2 = {
       shopify_plan: '',
       default_plan_id: null,
       onboard: true,
+      choose_later: false,
       planLoading: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
@@ -41682,7 +41683,7 @@ var script$2 = {
     },
 
     isCurrentPlan(plan) {
-      return this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
+      return !this.choose_later && this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
     },
 
     isSamePlanInOtherInterval(plan) {
@@ -41751,7 +41752,7 @@ var script$2 = {
       if (response.data.status === true && this.onboard) {
         // Create the event
         this.$emit('handlePlanSelect', {
-          chose_later: true
+          choose_later: true
         });
         this.onboard = false;
       }
@@ -41818,6 +41819,7 @@ var script$2 = {
         this.shopify_plan = data.shopify_plan;
         this.default_plan_id = data.default_plan_id;
         this.onboard = !this.plan;
+        this.choose_later = data.choose_later;
       }
     }
 
@@ -42185,7 +42187,7 @@ var __vue_render__$2 = function () {
     }, [plan.store_base_plan && !plan.shopify_plans.includes(_vm.shop.shopify_plan) && !_vm.isCurrentPlan(plan) && !_vm.isSamePlanInOtherInterval(plan) ? _c('PTextStyle', {
       staticClass: "text-break"
     }, [_vm._v("Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan")]) : _vm._e()], 1) : _vm._e()], 1);
-  })], 2) : _vm._e()], 2)], 2)]], _vm._v(" "), _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
+  })], 2) : _vm._e()], 2)], 2)]], _vm._v(" "), _vm.default_plan_id && _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
     staticClass: "choose-plan-btn",
     attrs: {
       "alignment": "center",
@@ -42211,7 +42213,7 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-e0fe6996_0", {
+  inject("data-v-39719810_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .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 .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 .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 .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 .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .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 .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .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 .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 .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 .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 .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 .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 .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .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 .app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}",
     map: undefined,
     media: undefined
@@ -42290,6 +42292,7 @@ var script$1 = {
       shopify_plan: '',
       default_plan_id: null,
       onboard: true,
+      choose_later: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
       selectedPlan: 'monthly',
@@ -42417,7 +42420,7 @@ var script$1 = {
     },
 
     isCurrentPlan(plan) {
-      return this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
+      return !this.choose_later && this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
     },
 
     isSamePlanInOtherInterval(plan) {
@@ -42464,7 +42467,7 @@ var script$1 = {
       if (response.data.status === true && this.onboard) {
         // Create the event
         this.$emit('handlePlanSelect', {
-          chose_later: true
+          choose_later: true
         });
         this.onboard = false;
       }
@@ -42482,6 +42485,16 @@ var script$1 = {
     async selectPlan(value) {
       this.selectedPlan = value;
       this.$nextTick(() => {
+        let elements = document.querySelectorAll('.plan__price');
+        let maxHeight = 0;
+        elements.forEach(item => {
+          if (maxHeight < item.offsetHeight) {
+            maxHeight = item.offsetHeight;
+          }
+        });
+        elements.forEach(item => {
+          item.style.minHeight = maxHeight + 'px';
+        });
         this.slideLength = this.selectedPlan === 'monthly' ? this.monthlyPlan.length : this.yearlyPlan.length;
         this.perPage = this.slideLength >= 4 ? 4 : this.slideLength; // calculate and reset height of rows
 
@@ -42580,6 +42593,7 @@ var script$1 = {
         this.shopify_plan = data.shopify_plan;
         this.default_plan_id = data.default_plan_id;
         this.onboard = !this.plan;
+        this.choose_later = data.choose_later;
       }
     },
 
@@ -42970,7 +42984,7 @@ var __vue_render__$1 = function () {
         "pressed": true
       }
     }, [_vm._v("\n                                            " + _vm._s('Not applicable') + "\n                                        ")])], 1)], 2)])]);
-  })], 2)]], 2)], 1), _vm._v(" "), _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
+  })], 2)]], 2)], 1), _vm._v(" "), _vm.default_plan_id && _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
     staticClass: "choose-plan-btn",
     attrs: {
       "alignment": "center",
@@ -42996,7 +43010,7 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-b97e3260_0", {
+  inject("data-v-b4fa6ef2_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page-slider .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page-slider .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page-slider .VueCarousel-navigation-button{color:#257f60}.app-manager .app-manager-plan-page-slider .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page-slider .feature__list,.app-manager .app-manager-plan-page-slider .feature__type__array{display:flex;align-items:center;word-spacing:999px;justify-content:center}.app-manager .app-manager-plan-page-slider .feature__type__array.feature__class{justify-content:left}",
     map: undefined,
     media: undefined