@hulkapps/app-manager-vue 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-manager-vue.esm.js +158 -96
- package/dist/app-manager-vue.min.js +2 -2
- package/dist/app-manager-vue.ssr.js +268 -144
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerGroupPlan.vue +65 -46
- package/src/components/Plans/AppManagerSliderPlan.vue +54 -29
|
@@ -3179,7 +3179,7 @@ const ArrayValidator = (name, arrayOfValues, objectInterface, isRequired, isNull
|
|
|
3179
3179
|
}
|
|
3180
3180
|
|
|
3181
3181
|
arrayOfValues.forEach(function (object) {
|
|
3182
|
-
result = ObjectValidator(name, object, objectInterface, isRequired
|
|
3182
|
+
result = ObjectValidator(name, object, objectInterface, isRequired);
|
|
3183
3183
|
});
|
|
3184
3184
|
return result;
|
|
3185
3185
|
};
|
|
@@ -3246,7 +3246,7 @@ const ObjectPropertyValidator = (name, object, objectInterface) => {
|
|
|
3246
3246
|
case 'Array':
|
|
3247
3247
|
{
|
|
3248
3248
|
if (objectType.properties) {
|
|
3249
|
-
result = ArrayValidator(`${name}.${objectKey}`, object[`${objectKey}`], objectType.properties, isRequired
|
|
3249
|
+
result = ArrayValidator(`${name}.${objectKey}`, object[`${objectKey}`], objectType.properties, isRequired);
|
|
3250
3250
|
isContinue = true;
|
|
3251
3251
|
}
|
|
3252
3252
|
|
|
@@ -41574,7 +41574,8 @@ var script$2 = {
|
|
|
41574
41574
|
PCardSection,
|
|
41575
41575
|
PSkeletonPage,
|
|
41576
41576
|
PSkeletonBodyText,
|
|
41577
|
-
PSkeletonDisplayText
|
|
41577
|
+
PSkeletonDisplayText,
|
|
41578
|
+
PEmptyState
|
|
41578
41579
|
},
|
|
41579
41580
|
props: ['shop_domain'],
|
|
41580
41581
|
|
|
@@ -41587,6 +41588,7 @@ var script$2 = {
|
|
|
41587
41588
|
shopify_plan: '',
|
|
41588
41589
|
default_plan_id: null,
|
|
41589
41590
|
onboard: true,
|
|
41591
|
+
planLoading: false,
|
|
41590
41592
|
subtitleContent: '',
|
|
41591
41593
|
checkList: ["60 days free trial"],
|
|
41592
41594
|
selectedPlan: 'monthly',
|
|
@@ -41709,6 +41711,28 @@ var script$2 = {
|
|
|
41709
41711
|
}
|
|
41710
41712
|
},
|
|
41711
41713
|
|
|
41714
|
+
headerClasses(firstColumn) {
|
|
41715
|
+
return {
|
|
41716
|
+
'Polaris-DataTable__Cell': true,
|
|
41717
|
+
'Polaris-DataTable__Cell--header': true,
|
|
41718
|
+
'Polaris-DataTable__Cell--verticalAlignMiddle': true,
|
|
41719
|
+
'Polaris-DataTable__Cell--firstColumn': Boolean(firstColumn)
|
|
41720
|
+
};
|
|
41721
|
+
},
|
|
41722
|
+
|
|
41723
|
+
groupBy(objectArray, property) {
|
|
41724
|
+
return objectArray.reduce((acc, obj) => {
|
|
41725
|
+
const key = obj[property];
|
|
41726
|
+
|
|
41727
|
+
if (!acc[key]) {
|
|
41728
|
+
acc[key] = [];
|
|
41729
|
+
}
|
|
41730
|
+
|
|
41731
|
+
acc[key].push(obj);
|
|
41732
|
+
return acc;
|
|
41733
|
+
}, {});
|
|
41734
|
+
},
|
|
41735
|
+
|
|
41712
41736
|
async getPlanUrl(plan) {
|
|
41713
41737
|
let shopName = this.shop.name;
|
|
41714
41738
|
const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?shop=${shopName}`).catch(error => {
|
|
@@ -41746,65 +41770,64 @@ var script$2 = {
|
|
|
41746
41770
|
this.selectedPlan = value;
|
|
41747
41771
|
},
|
|
41748
41772
|
|
|
41749
|
-
|
|
41750
|
-
|
|
41751
|
-
|
|
41752
|
-
|
|
41753
|
-
|
|
41754
|
-
|
|
41755
|
-
};
|
|
41756
|
-
},
|
|
41757
|
-
|
|
41758
|
-
groupBy(objectArray, property) {
|
|
41759
|
-
return objectArray.reduce((acc, obj) => {
|
|
41760
|
-
const key = obj[property];
|
|
41773
|
+
async fetchFeatures() {
|
|
41774
|
+
let {
|
|
41775
|
+
data
|
|
41776
|
+
} = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
|
|
41777
|
+
console.error(error);
|
|
41778
|
+
});
|
|
41761
41779
|
|
|
41762
|
-
|
|
41763
|
-
|
|
41764
|
-
} // Add object to list for given key's value
|
|
41780
|
+
if (data.features.length) {
|
|
41781
|
+
var _this$features, _this$features2, _this$features3;
|
|
41765
41782
|
|
|
41783
|
+
this.features = data.features;
|
|
41784
|
+
this.features = (_this$features = this.features) === null || _this$features === void 0 ? void 0 : _this$features.filter(item => item.hidden_feature !== true);
|
|
41785
|
+
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));
|
|
41786
|
+
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));
|
|
41787
|
+
this.featuresByGroup = this.groupBy(this.features, 'group');
|
|
41788
|
+
}
|
|
41789
|
+
},
|
|
41766
41790
|
|
|
41767
|
-
|
|
41768
|
-
|
|
41769
|
-
|
|
41770
|
-
|
|
41791
|
+
async fetchPlans() {
|
|
41792
|
+
let {
|
|
41793
|
+
data
|
|
41794
|
+
} = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
|
|
41795
|
+
params: {
|
|
41796
|
+
'shop_domain': this.shop_domain
|
|
41797
|
+
}
|
|
41798
|
+
}).catch(error => {
|
|
41799
|
+
console.error(error);
|
|
41800
|
+
});
|
|
41771
41801
|
|
|
41772
|
-
|
|
41802
|
+
if (data.plans.length) {
|
|
41803
|
+
var _this$plans, _this$plan;
|
|
41773
41804
|
|
|
41774
|
-
|
|
41775
|
-
|
|
41805
|
+
this.plans = data.plans;
|
|
41806
|
+
this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
|
|
41776
41807
|
|
|
41777
|
-
|
|
41778
|
-
|
|
41779
|
-
|
|
41780
|
-
this.features = featuresData.data.features;
|
|
41781
|
-
this.features = this.features.filter(item => item.hidden_feature !== true);
|
|
41782
|
-
this.features = this.features.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
|
|
41783
|
-
this.features = this.features.sort((featureA, featureB) => parseInt(featureA.group_order) - parseInt(featureB.group_order));
|
|
41784
|
-
this.featuresByGroup = this.groupBy(this.features, 'group');
|
|
41785
|
-
const plansData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
|
|
41786
|
-
params: {
|
|
41787
|
-
'shop_domain': this.shop_domain
|
|
41788
|
-
}
|
|
41789
|
-
}).catch(error => {
|
|
41790
|
-
console.error(error);
|
|
41791
|
-
});
|
|
41792
|
-
this.plans = plansData.data.plans;
|
|
41793
|
-
this.plans = this.plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
|
|
41808
|
+
if (this.plans[0].store_base_plan) {
|
|
41809
|
+
this.subtitleContent = 'App plans are based on your existing shopify plan';
|
|
41810
|
+
}
|
|
41794
41811
|
|
|
41795
|
-
|
|
41796
|
-
this.subtitleContent = 'App plans are based on your existing shopify plan';
|
|
41797
|
-
}
|
|
41812
|
+
this.plan = data.plan;
|
|
41798
41813
|
|
|
41799
|
-
|
|
41800
|
-
|
|
41814
|
+
if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
|
|
41815
|
+
this.selectedPlan = 'annually';
|
|
41816
|
+
}
|
|
41801
41817
|
|
|
41802
|
-
|
|
41803
|
-
|
|
41818
|
+
this.shopify_plan = data.shopify_plan;
|
|
41819
|
+
this.default_plan_id = data.default_plan_id;
|
|
41820
|
+
this.onboard = !this.plan;
|
|
41821
|
+
}
|
|
41804
41822
|
}
|
|
41805
41823
|
|
|
41806
|
-
|
|
41807
|
-
|
|
41824
|
+
},
|
|
41825
|
+
|
|
41826
|
+
async mounted() {
|
|
41827
|
+
this.planLoading = true;
|
|
41828
|
+
await this.fetchFeatures();
|
|
41829
|
+
await this.fetchPlans();
|
|
41830
|
+
this.planLoading = false;
|
|
41808
41831
|
}
|
|
41809
41832
|
|
|
41810
41833
|
};
|
|
@@ -41820,9 +41843,9 @@ var __vue_render__$2 = function () {
|
|
|
41820
41843
|
|
|
41821
41844
|
var _c = _vm._self._c || _h;
|
|
41822
41845
|
|
|
41823
|
-
return
|
|
41846
|
+
return _vm.planLoading ? _c('PSkeletonPage', {
|
|
41824
41847
|
attrs: {
|
|
41825
|
-
"title": "
|
|
41848
|
+
"title": "Plans",
|
|
41826
41849
|
"fullWidth": false,
|
|
41827
41850
|
"primaryAction": "",
|
|
41828
41851
|
"secondaryActions": 2,
|
|
@@ -41884,7 +41907,12 @@ var __vue_render__$2 = function () {
|
|
|
41884
41907
|
attrs: {
|
|
41885
41908
|
"sectioned": ""
|
|
41886
41909
|
}
|
|
41887
|
-
}, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : _c('
|
|
41910
|
+
}, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
|
|
41911
|
+
attrs: {
|
|
41912
|
+
"heading": "No Plans",
|
|
41913
|
+
"image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
|
|
41914
|
+
}
|
|
41915
|
+
}) : _c('PPage', {
|
|
41888
41916
|
staticClass: "app-manager-plan-page custom-title",
|
|
41889
41917
|
attrs: {
|
|
41890
41918
|
"title": "Choose plan",
|
|
@@ -42175,7 +42203,7 @@ var __vue_render__$2 = function () {
|
|
|
42175
42203
|
on: {
|
|
42176
42204
|
"click": _vm.activePlan
|
|
42177
42205
|
}
|
|
42178
|
-
}, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e()
|
|
42206
|
+
}, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners')], 2)], 1)], 1);
|
|
42179
42207
|
};
|
|
42180
42208
|
|
|
42181
42209
|
var __vue_staticRenderFns__$2 = [];
|
|
@@ -42183,7 +42211,7 @@ var __vue_staticRenderFns__$2 = [];
|
|
|
42183
42211
|
|
|
42184
42212
|
const __vue_inject_styles__$2 = function (inject) {
|
|
42185
42213
|
if (!inject) return;
|
|
42186
|
-
inject("data-v-
|
|
42214
|
+
inject("data-v-e0fe6996_0", {
|
|
42187
42215
|
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}",
|
|
42188
42216
|
map: undefined,
|
|
42189
42217
|
media: undefined
|
|
@@ -42245,7 +42273,8 @@ var script$1 = {
|
|
|
42245
42273
|
PCard,
|
|
42246
42274
|
PSkeletonDisplayText,
|
|
42247
42275
|
PSkeletonBodyText,
|
|
42248
|
-
PSkeletonPage
|
|
42276
|
+
PSkeletonPage,
|
|
42277
|
+
PEmptyState
|
|
42249
42278
|
},
|
|
42250
42279
|
props: ['shop_domain'],
|
|
42251
42280
|
|
|
@@ -42254,6 +42283,7 @@ var script$1 = {
|
|
|
42254
42283
|
slideLength: 0,
|
|
42255
42284
|
perPage: 0,
|
|
42256
42285
|
currentSlide: 0,
|
|
42286
|
+
planLoading: false,
|
|
42257
42287
|
plan: {},
|
|
42258
42288
|
plans: [],
|
|
42259
42289
|
features: [],
|
|
@@ -42369,7 +42399,10 @@ var script$1 = {
|
|
|
42369
42399
|
let lastSlideClassName = '.slide-' + last;
|
|
42370
42400
|
element = document.querySelector(lastSlideClassName);
|
|
42371
42401
|
element.classList.add('last-slide');
|
|
42372
|
-
|
|
42402
|
+
|
|
42403
|
+
if (document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev')) {
|
|
42404
|
+
document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
|
|
42405
|
+
}
|
|
42373
42406
|
},
|
|
42374
42407
|
|
|
42375
42408
|
activePlanStyle(plan) {
|
|
@@ -42501,6 +42534,55 @@ var script$1 = {
|
|
|
42501
42534
|
});
|
|
42502
42535
|
},
|
|
42503
42536
|
|
|
42537
|
+
async fetchFeatures() {
|
|
42538
|
+
let {
|
|
42539
|
+
data
|
|
42540
|
+
} = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan-features`).catch(error => {
|
|
42541
|
+
console.error(error);
|
|
42542
|
+
});
|
|
42543
|
+
|
|
42544
|
+
if (data.features.length) {
|
|
42545
|
+
var _this$features, _this$features2;
|
|
42546
|
+
|
|
42547
|
+
this.features = data.features;
|
|
42548
|
+
this.features = (_this$features = this.features) === null || _this$features === void 0 ? void 0 : _this$features.filter(item => item.hidden_feature !== true);
|
|
42549
|
+
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));
|
|
42550
|
+
}
|
|
42551
|
+
},
|
|
42552
|
+
|
|
42553
|
+
async fetchPlans() {
|
|
42554
|
+
let {
|
|
42555
|
+
data
|
|
42556
|
+
} = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
|
|
42557
|
+
params: {
|
|
42558
|
+
'shop_domain': this.shop_domain
|
|
42559
|
+
}
|
|
42560
|
+
}).catch(error => {
|
|
42561
|
+
console.error(error);
|
|
42562
|
+
});
|
|
42563
|
+
|
|
42564
|
+
if (data.plans.length) {
|
|
42565
|
+
var _this$plans, _this$plan;
|
|
42566
|
+
|
|
42567
|
+
this.plans = data.plans;
|
|
42568
|
+
this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
|
|
42569
|
+
|
|
42570
|
+
if (this.plans[0].store_base_plan) {
|
|
42571
|
+
this.subtitleContent = 'App plans are based on your existing shopify plan';
|
|
42572
|
+
}
|
|
42573
|
+
|
|
42574
|
+
this.plan = data.plan;
|
|
42575
|
+
|
|
42576
|
+
if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
|
|
42577
|
+
this.selectedPlan = 'annually';
|
|
42578
|
+
}
|
|
42579
|
+
|
|
42580
|
+
this.shopify_plan = data.shopify_plan;
|
|
42581
|
+
this.default_plan_id = data.default_plan_id;
|
|
42582
|
+
this.onboard = !this.plan;
|
|
42583
|
+
}
|
|
42584
|
+
},
|
|
42585
|
+
|
|
42504
42586
|
headerClasses(firstColumn) {
|
|
42505
42587
|
return {
|
|
42506
42588
|
'Polaris-DataTable__Cell': true,
|
|
@@ -42513,43 +42595,18 @@ var script$1 = {
|
|
|
42513
42595
|
},
|
|
42514
42596
|
|
|
42515
42597
|
async mounted() {
|
|
42516
|
-
|
|
42517
|
-
|
|
42518
|
-
|
|
42519
|
-
|
|
42520
|
-
});
|
|
42521
|
-
this.features = featuresData.data.features;
|
|
42522
|
-
this.features = this.features.filter(item => item.hidden_feature !== true);
|
|
42523
|
-
this.features = this.features.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
|
|
42524
|
-
const plansData = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {
|
|
42525
|
-
params: {
|
|
42526
|
-
'shop_domain': this.shop_domain
|
|
42527
|
-
}
|
|
42528
|
-
}).catch(error => {
|
|
42529
|
-
console.error(error);
|
|
42530
|
-
});
|
|
42531
|
-
this.plans = plansData.data.plans;
|
|
42532
|
-
this.plans = this.plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
|
|
42533
|
-
|
|
42534
|
-
if (this.plans && this.plans[0].store_base_plan) {
|
|
42535
|
-
this.subtitleContent = 'App plans are based on your existing shopify plan';
|
|
42536
|
-
}
|
|
42537
|
-
|
|
42538
|
-
this.shopify_plan = plansData.data.shopify_plan;
|
|
42539
|
-
this.plan = plansData.data.plan;
|
|
42540
|
-
|
|
42541
|
-
if (((_this$plan = this.plan) === null || _this$plan === void 0 ? void 0 : _this$plan.interval) === 'ANNUAL') {
|
|
42542
|
-
this.selectedPlan = 'annually';
|
|
42543
|
-
}
|
|
42544
|
-
|
|
42545
|
-
this.default_plan_id = plansData.data.default_plan_id;
|
|
42546
|
-
this.onboard = !this.plan;
|
|
42598
|
+
this.planLoading = true;
|
|
42599
|
+
await this.fetchFeatures();
|
|
42600
|
+
await this.fetchPlans();
|
|
42601
|
+
this.planLoading = false;
|
|
42547
42602
|
this.$nextTick(() => {
|
|
42548
42603
|
// calculate height of cell
|
|
42549
42604
|
setTimeout(() => {
|
|
42550
42605
|
let elements = document.querySelectorAll('.plan__price');
|
|
42551
42606
|
let maxHeight = 0;
|
|
42552
42607
|
elements.forEach(item => {
|
|
42608
|
+
item.style.minHeight = 'unset';
|
|
42609
|
+
|
|
42553
42610
|
if (maxHeight < item.offsetHeight) {
|
|
42554
42611
|
maxHeight = item.offsetHeight;
|
|
42555
42612
|
}
|
|
@@ -42620,9 +42677,9 @@ var __vue_render__$1 = function () {
|
|
|
42620
42677
|
|
|
42621
42678
|
var _c = _vm._self._c || _h;
|
|
42622
42679
|
|
|
42623
|
-
return
|
|
42680
|
+
return _vm.planLoading ? _c('PSkeletonPage', {
|
|
42624
42681
|
attrs: {
|
|
42625
|
-
"title": "
|
|
42682
|
+
"title": "Plans",
|
|
42626
42683
|
"fullWidth": false,
|
|
42627
42684
|
"primaryAction": "",
|
|
42628
42685
|
"secondaryActions": 2,
|
|
@@ -42684,7 +42741,12 @@ var __vue_render__$1 = function () {
|
|
|
42684
42741
|
attrs: {
|
|
42685
42742
|
"sectioned": ""
|
|
42686
42743
|
}
|
|
42687
|
-
}, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : _c('
|
|
42744
|
+
}, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
|
|
42745
|
+
attrs: {
|
|
42746
|
+
"heading": "No Plans",
|
|
42747
|
+
"image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
|
|
42748
|
+
}
|
|
42749
|
+
}) : _c('PPage', {
|
|
42688
42750
|
staticClass: "app-manager-plan-page-slider custom-title",
|
|
42689
42751
|
attrs: {
|
|
42690
42752
|
"title": "Choose plan",
|
|
@@ -42908,7 +42970,7 @@ var __vue_render__$1 = function () {
|
|
|
42908
42970
|
"pressed": true
|
|
42909
42971
|
}
|
|
42910
42972
|
}, [_vm._v("\n " + _vm._s('Not applicable') + "\n ")])], 1)], 2)])]);
|
|
42911
|
-
})], 2)]], 2)
|
|
42973
|
+
})], 2)]], 2)], 1), _vm._v(" "), _vm.onboard && !_vm.shop.has_plan ? _c('PStack', {
|
|
42912
42974
|
staticClass: "choose-plan-btn",
|
|
42913
42975
|
attrs: {
|
|
42914
42976
|
"alignment": "center",
|
|
@@ -42926,7 +42988,7 @@ var __vue_render__$1 = function () {
|
|
|
42926
42988
|
on: {
|
|
42927
42989
|
"click": _vm.activePlan
|
|
42928
42990
|
}
|
|
42929
|
-
}, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e()], 1);
|
|
42991
|
+
}, [_vm._v(_vm._s('I will choose the plan later'))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners')], 1);
|
|
42930
42992
|
};
|
|
42931
42993
|
|
|
42932
42994
|
var __vue_staticRenderFns__$1 = [];
|
|
@@ -42934,8 +42996,8 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
42934
42996
|
|
|
42935
42997
|
const __vue_inject_styles__$1 = function (inject) {
|
|
42936
42998
|
if (!inject) return;
|
|
42937
|
-
inject("data-v-
|
|
42938
|
-
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 .
|
|
42999
|
+
inject("data-v-b97e3260_0", {
|
|
43000
|
+
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}",
|
|
42939
43001
|
map: undefined,
|
|
42940
43002
|
media: undefined
|
|
42941
43003
|
});
|