@hulkapps/app-manager-vue 2.0.5 → 2.0.8

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

@@ -23023,6 +23023,15 @@ var script$O = {
       console.error(error);
     });
     this.staticContent = data.banners;
+    Object.keys(this.staticContent).map(key => {
+      if (this.staticContent[key].length) {
+        Object.keys(this.staticContent[key]).map(index => {
+          if (this.staticContent[key][index].length) {
+            this.staticContent[key][index] = this.staticContent[key][index][Math.floor(Math.random() * this.staticContent[key][index].length)];
+          }
+        });
+      }
+    });
   }
 
 };
@@ -23065,7 +23074,7 @@ var __vue_staticRenderFns__$M = [];
 const __vue_inject_styles__$O = undefined;
 /* scoped */
 
-const __vue_scope_id__$O = "data-v-567642a6";
+const __vue_scope_id__$O = "data-v-5bb9ba8a";
 /* module identifier */
 
 const __vue_module_identifier__$O = undefined;
@@ -41902,10 +41911,6 @@ var script$1 = {
         }
       }
 
-      if (plans.length === 0) {
-        this.selectedPlan = 'annually';
-      }
-
       return plans;
     },
 
@@ -41918,10 +41923,6 @@ var script$1 = {
         }
       }
 
-      if (plans.length === 0) {
-        this.selectedPlan = 'monthly';
-      }
-
       return plans;
     }
 
@@ -41951,6 +41952,7 @@ var script$1 = {
       let lastSlideClassName = '.slide-' + last;
       element = document.querySelector(lastSlideClassName);
       element.classList.add('last-slide');
+      document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
     },
 
     activePlanStyle(plan) {
@@ -41988,7 +41990,7 @@ var script$1 = {
 
     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;
       }
@@ -42035,7 +42037,7 @@ var script$1 = {
         element = document.querySelector('.slide-3');
         element.classList.add('last-slide');
         document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
-      }, 500);
+      }, 400);
     },
 
     headerClasses(firstColumn) {
@@ -42083,13 +42085,17 @@ var script$1 = {
   },
 
   created() {
-    setTimeout(function () {
+    let initializeSliderComponent = setInterval(() => {
       let element = document.querySelector('.slide-0');
-      element.classList.add('first-slide');
-      element = document.querySelector('.slide-3');
-      element.classList.add('last-slide');
-      document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
-    }, 500);
+
+      if (element) {
+        element.classList.add('first-slide');
+        element = document.querySelector('.slide-3');
+        element.classList.add('last-slide');
+        document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
+        clearInterval(initializeSliderComponent);
+      }
+    }, 100);
   }
 
 };
@@ -42230,7 +42236,7 @@ var __vue_render__$1 = function () {
         "margin-top": "5px",
         "font-size": "17px"
       }
-    }, [_vm._v("/" + _vm._s("mo"))])], 1), _vm._v(" "), _c('p', {
+    }, [_vm._v("/" + _vm._s(_vm.selectedPlan === 'monthly' ? "mo" : "year"))])], 1), _vm._v(" "), _c('p', {
       staticStyle: {
         "display": "flex",
         "margin-top": "7px"
@@ -42246,7 +42252,7 @@ var __vue_render__$1 = function () {
         "margin-top": "3px",
         "font-size": "14px"
       }
-    }, [_vm._v("/" + _vm._s("mo"))])], 1)]) : _c('div', [_c('p', {
+    }, [_vm._v("/" + _vm._s(_vm.selectedPlan === 'monthly' ? "mo" : "year"))])], 1)]) : _c('div', [_c('p', {
       staticStyle: {
         "display": "flex",
         "margin-top": "10px"
@@ -42261,12 +42267,12 @@ var __vue_render__$1 = function () {
         "margin-top": "5px",
         "font-size": "17px"
       }
-    }, [_vm._v("/" + _vm._s("mo"))])], 1)])]), _vm._v(" "), _c('div', [plan.features ? _c('ul', [_vm._l(_vm.features, function (feature, key) {
+    }, [_vm._v("/" + _vm._s(_vm.selectedPlan === 'monthly' ? "mo" : "year"))])], 1)])]), _vm._v(" "), _c('div', [_c('ul', [_vm._l(_vm.features, function (feature, key) {
       return _c('li', {
         key: key,
         class: _vm.activePlanClass(plan),
         style: _vm.activePlanStyle(plan)
-      }, [_c('div', [plan.features[feature.uuid] ? [plan.features[feature.uuid].value_type === 'boolean' ? [parseInt(plan.features[feature.uuid].value) === 1 ? _c('PIcon', {
+      }, [_c('div', [plan.features && plan.features[feature.uuid] ? [plan.features[feature.uuid].value_type === 'boolean' ? [parseInt(plan.features[feature.uuid].value) === 1 ? _c('PIcon', {
         attrs: {
           "color": "success",
           "source": "TickMinor"
@@ -42309,8 +42315,26 @@ var __vue_render__$1 = function () {
         "full-width": "",
         "pressed": true
       }
-    }, [_vm._v("\n                                            " + _vm._s('Not applicable') + "\n                                        ")])], 1)], 2) : _vm._e()])]);
-  })], 2)]], 2)], 1)], 1);
+    }, [_vm._v("\n                                            " + _vm._s('Not applicable') + "\n                                        ")])], 1)], 2)])]);
+  })], 2)]], 2), _vm._v(" "), _c('PlanBanners')], 1), _vm._v(" "), _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
+    staticClass: "choose-plan-btn",
+    attrs: {
+      "alignment": "center",
+      "distribution": "center",
+      "vertical": ""
+    }
+  }, [_c('PStackItem', {
+    attrs: {
+      "fill": ""
+    }
+  }, [_c('PButton', {
+    attrs: {
+      "plain": ""
+    },
+    on: {
+      "click": _vm.activePlan
+    }
+  }, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e()], 1);
 };
 
 var __vue_staticRenderFns__$1 = [];
@@ -42318,7 +42342,7 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-c63f9d9e_0", {
+  inject("data-v-9f706e68_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page .plan__price{min-height:121px}.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page .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 .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page .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 .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page .VueCarousel-navigation-button{color:#257f60}",
     map: undefined,
     media: undefined
@@ -42374,15 +42398,15 @@ var __vue_render__ = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _vm.group_plan ? _c('AppManagerGroupPlan', {
+  return _vm.group_plan ? _c('AppManagerGroupPlan', _vm._g({
     attrs: {
       "shop_domain": _vm.shop_domain
     }
-  }) : _c('AppManagerSliderPlan', {
+  }, _vm.$listeners)) : _c('AppManagerSliderPlan', _vm._g({
     attrs: {
       "shop_domain": _vm.shop_domain
     }
-  });
+  }, _vm.$listeners));
 };
 
 var __vue_staticRenderFns__ = [];
@@ -42391,7 +42415,7 @@ var __vue_staticRenderFns__ = [];
 const __vue_inject_styles__ = undefined;
 /* scoped */
 
-const __vue_scope_id__ = "data-v-814861e8";
+const __vue_scope_id__ = "data-v-592e37e8";
 /* module identifier */
 
 const __vue_module_identifier__ = undefined;