@hulkapps/app-manager-vue 2.1.1 → 2.1.4

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

@@ -3179,7 +3179,7 @@ const ArrayValidator = (name, arrayOfValues, objectInterface, isRequired, isNull
   }
 
   arrayOfValues.forEach(function (object) {
-    result = ObjectValidator(name, object, objectInterface, isRequired, isNullable);
+    result = ObjectValidator(name, object, objectInterface, isRequired);
   });
   return result;
 };
@@ -3246,7 +3246,7 @@ const ObjectPropertyValidator = (name, object, objectInterface) => {
             case 'Array':
               {
                 if (objectType.properties) {
-                  result = ArrayValidator(`${name}.${objectKey}`, object[`${objectKey}`], objectType.properties, isRequired, isNullable);
+                  result = ArrayValidator(`${name}.${objectKey}`, object[`${objectKey}`], objectType.properties, isRequired);
                   isContinue = true;
                 }
 
@@ -41574,7 +41574,8 @@ var script$2 = {
     PCardSection,
     PSkeletonPage,
     PSkeletonBodyText,
-    PSkeletonDisplayText
+    PSkeletonDisplayText,
+    PEmptyState
   },
   props: ['shop_domain'],
 
@@ -41587,6 +41588,8 @@ var script$2 = {
       shopify_plan: '',
       default_plan_id: null,
       onboard: true,
+      choose_later: false,
+      planLoading: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
       selectedPlan: 'monthly',
@@ -41680,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) {
@@ -41709,6 +41712,28 @@ var script$2 = {
       }
     },
 
+    headerClasses(firstColumn) {
+      return {
+        'Polaris-DataTable__Cell': true,
+        'Polaris-DataTable__Cell--header': true,
+        'Polaris-DataTable__Cell--verticalAlignMiddle': true,
+        'Polaris-DataTable__Cell--firstColumn': Boolean(firstColumn)
+      };
+    },
+
+    groupBy(objectArray, property) {
+      return objectArray.reduce((acc, obj) => {
+        const key = obj[property];
+
+        if (!acc[key]) {
+          acc[key] = [];
+        }
+
+        acc[key].push(obj);
+        return acc;
+      }, {});
+    },
+
     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 => {
@@ -41746,65 +41771,65 @@ var script$2 = {
       this.selectedPlan = value;
     },
 
-    headerClasses(firstColumn) {
-      return {
-        'Polaris-DataTable__Cell': true,
-        'Polaris-DataTable__Cell--header': true,
-        'Polaris-DataTable__Cell--verticalAlignMiddle': true,
-        'Polaris-DataTable__Cell--firstColumn': Boolean(firstColumn)
-      };
-    },
-
-    groupBy(objectArray, property) {
-      return objectArray.reduce((acc, obj) => {
-        const key = obj[property];
+    async fetchFeatures() {
+      let {
+        data
+      } = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
+        console.error(error);
+      });
 
-        if (!acc[key]) {
-          acc[key] = [];
-        } // Add object to list for given key's value
+      if (data.features.length) {
+        var _this$features, _this$features2, _this$features3;
 
+        this.features = data.features;
+        this.features = (_this$features = this.features) === null || _this$features === void 0 ? void 0 : _this$features.filter(item => item.hidden_feature !== true);
+        this.features = (_this$features2 = this.features) === null || _this$features2 === void 0 ? void 0 : _this$features2.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
+        this.features = (_this$features3 = this.features) === null || _this$features3 === void 0 ? void 0 : _this$features3.sort((featureA, featureB) => parseInt(featureA.group_order) - parseInt(featureB.group_order));
+        this.featuresByGroup = this.groupBy(this.features, 'group');
+      }
+    },
 
-        acc[key].push(obj);
-        return acc;
-      }, {});
-    }
+    async fetchPlans() {
+      let {
+        data
+      } = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
+        params: {
+          'shop_domain': this.shop_domain
+        }
+      }).catch(error => {
+        console.error(error);
+      });
 
-  },
+      if (data.plans.length) {
+        var _this$plans, _this$plan;
 
-  async mounted() {
-    var _this$plan;
+        this.plans = data.plans;
+        this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
 
-    const featuresData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
-      console.error(error);
-    });
-    this.features = featuresData.data.features;
-    this.features = this.features.filter(item => item.hidden_feature !== true);
-    this.features = this.features.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
-    this.features = this.features.sort((featureA, featureB) => parseInt(featureA.group_order) - parseInt(featureB.group_order));
-    this.featuresByGroup = this.groupBy(this.features, 'group');
-    const plansData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
-      params: {
-        'shop_domain': this.shop_domain
-      }
-    }).catch(error => {
-      console.error(error);
-    });
-    this.plans = plansData.data.plans;
-    this.plans = this.plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
+        if (this.plans[0].store_base_plan) {
+          this.subtitleContent = 'App plans are based on your existing shopify plan';
+        }
 
-    if (this.plans && this.plans[0].store_base_plan) {
-      this.subtitleContent = 'App plans are based on your existing shopify plan';
-    }
+        this.plan = data.plan;
 
-    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';
+        }
 
-    if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
-      this.selectedPlan = 'annually';
+        this.shopify_plan = data.shopify_plan;
+        this.default_plan_id = data.default_plan_id;
+        this.onboard = !this.plan;
+        this.choose_later = data.choose_later;
+      }
     }
 
-    this.default_plan_id = plansData.data.default_plan_id;
-    this.onboard = !this.plan;
+  },
+
+  async mounted() {
+    this.planLoading = true;
+    await this.fetchFeatures();
+    await this.fetchPlans();
+    this.planLoading = false;
   }
 
 };
@@ -41820,9 +41845,9 @@ var __vue_render__$2 = function () {
 
   var _c = _vm._self._c || _h;
 
-  return !_vm.plans.length ? _c('PSkeletonPage', {
+  return _vm.planLoading ? _c('PSkeletonPage', {
     attrs: {
-      "title": "Skeleton Page",
+      "title": "Plans",
       "fullWidth": false,
       "primaryAction": "",
       "secondaryActions": 2,
@@ -41884,7 +41909,12 @@ var __vue_render__$2 = function () {
     attrs: {
       "sectioned": ""
     }
-  }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : _c('PPage', {
+  }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
+    attrs: {
+      "heading": "No Plans",
+      "image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
+    }
+  }) : _c('PPage', {
     staticClass: "app-manager-plan-page custom-title",
     attrs: {
       "title": "Choose plan",
@@ -42175,7 +42205,7 @@ var __vue_render__$2 = function () {
     on: {
       "click": _vm.activePlan
     }
-  }, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e()], 2), _vm._v(" "), _c('PlanBanners')], 1)], 1);
+  }, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners')], 2)], 1)], 1);
 };
 
 var __vue_staticRenderFns__$2 = [];
@@ -42183,7 +42213,7 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-45a1de2b_0", {
+  inject("data-v-c6c44804_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
@@ -42245,7 +42275,8 @@ var script$1 = {
     PCard,
     PSkeletonDisplayText,
     PSkeletonBodyText,
-    PSkeletonPage
+    PSkeletonPage,
+    PEmptyState
   },
   props: ['shop_domain'],
 
@@ -42254,12 +42285,14 @@ var script$1 = {
       slideLength: 0,
       perPage: 0,
       currentSlide: 0,
+      planLoading: false,
       plan: {},
       plans: [],
       features: [],
       shopify_plan: '',
       default_plan_id: null,
       onboard: true,
+      choose_later: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
       selectedPlan: 'monthly',
@@ -42369,7 +42402,10 @@ 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';
+
+      if (document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev')) {
+        document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
+      }
     },
 
     activePlanStyle(plan) {
@@ -42384,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) {
@@ -42449,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
 
@@ -42501,6 +42547,56 @@ var script$1 = {
       });
     },
 
+    async fetchFeatures() {
+      let {
+        data
+      } = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
+        console.error(error);
+      });
+
+      if (data.features.length) {
+        var _this$features, _this$features2;
+
+        this.features = data.features;
+        this.features = (_this$features = this.features) === null || _this$features === void 0 ? void 0 : _this$features.filter(item => item.hidden_feature !== true);
+        this.features = (_this$features2 = this.features) === null || _this$features2 === void 0 ? void 0 : _this$features2.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
+      }
+    },
+
+    async fetchPlans() {
+      let {
+        data
+      } = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
+        params: {
+          'shop_domain': this.shop_domain
+        }
+      }).catch(error => {
+        console.error(error);
+      });
+
+      if (data.plans.length) {
+        var _this$plans, _this$plan;
+
+        this.plans = data.plans;
+        this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
+
+        if (this.plans[0].store_base_plan) {
+          this.subtitleContent = 'App plans are based on your existing shopify plan';
+        }
+
+        this.plan = data.plan;
+
+        if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
+          this.selectedPlan = 'annually';
+        }
+
+        this.shopify_plan = data.shopify_plan;
+        this.default_plan_id = data.default_plan_id;
+        this.onboard = !this.plan;
+        this.choose_later = data.choose_later;
+      }
+    },
+
     headerClasses(firstColumn) {
       return {
         'Polaris-DataTable__Cell': true,
@@ -42513,43 +42609,18 @@ var script$1 = {
   },
 
   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);
-    });
-    this.features = featuresData.data.features;
-    this.features = this.features.filter(item => item.hidden_feature !== true);
-    this.features = this.features.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
-    const plansData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
-      params: {
-        'shop_domain': this.shop_domain
-      }
-    }).catch(error => {
-      console.error(error);
-    });
-    this.plans = plansData.data.plans;
-    this.plans = this.plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
-
-    if (this.plans && this.plans[0].store_base_plan) {
-      this.subtitleContent = 'App plans are based on your existing shopify plan';
-    }
-
-    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;
+    this.planLoading = true;
+    await this.fetchFeatures();
+    await this.fetchPlans();
+    this.planLoading = false;
     this.$nextTick(() => {
       // calculate height of cell
       setTimeout(() => {
         let elements = document.querySelectorAll('.plan__price');
         let maxHeight = 0;
         elements.forEach(item => {
+          item.style.minHeight = 'unset';
+
           if (maxHeight < item.offsetHeight) {
             maxHeight = item.offsetHeight;
           }
@@ -42620,9 +42691,9 @@ var __vue_render__$1 = function () {
 
   var _c = _vm._self._c || _h;
 
-  return !_vm.plans.length ? _c('PSkeletonPage', {
+  return _vm.planLoading ? _c('PSkeletonPage', {
     attrs: {
-      "title": "Skeleton Page",
+      "title": "Plans",
       "fullWidth": false,
       "primaryAction": "",
       "secondaryActions": 2,
@@ -42684,7 +42755,12 @@ var __vue_render__$1 = function () {
     attrs: {
       "sectioned": ""
     }
-  }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : _c('PPage', {
+  }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
+    attrs: {
+      "heading": "No Plans",
+      "image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
+    }
+  }) : _c('PPage', {
     staticClass: "app-manager-plan-page-slider custom-title",
     attrs: {
       "title": "Choose plan",
@@ -42908,7 +42984,7 @@ var __vue_render__$1 = function () {
         "pressed": true
       }
     }, [_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', {
+  })], 2)]], 2)], 1), _vm._v(" "), _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
     staticClass: "choose-plan-btn",
     attrs: {
       "alignment": "center",
@@ -42926,7 +43002,7 @@ var __vue_render__$1 = function () {
     on: {
       "click": _vm.activePlan
     }
-  }, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e()], 1);
+  }, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners')], 1);
 };
 
 var __vue_staticRenderFns__$1 = [];
@@ -42934,8 +43010,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-88ac6e0e_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 .plan__price{min-height:121px}.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}",
+  inject("data-v-15fc23fd_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
   });