@hulkapps/app-manager-vue 3.0.11 → 3.0.12
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 +108 -57
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +127 -87
- package/dist/hulkapps-app-manager.css +11 -5
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerSliderPlan.vue +14 -8
- package/src/components/PolarisNew/AppCard.vue +1 -1
- package/src/components/PolarisNew/BundlePlanCard.vue +22 -5
- package/src/components/PolarisNew/PlanCardsHighlights.vue +34 -36
- package/src/components/PolarisNew/PlanShowcaseBanner.vue +10 -8
- package/src/components/PolarisNew/PlanTable.vue +22 -31
- package/src/components/PolarisNew/VariantButton.vue +1 -0
|
@@ -41786,8 +41786,8 @@ var __vue_staticRenderFns__$e = [];
|
|
|
41786
41786
|
|
|
41787
41787
|
const __vue_inject_styles__$e = function (inject) {
|
|
41788
41788
|
if (!inject) return;
|
|
41789
|
-
inject("data-v-
|
|
41790
|
-
source: ".button[data-v-
|
|
41789
|
+
inject("data-v-6542fe40_0", {
|
|
41790
|
+
source: ".button[data-v-6542fe40]{display:flex;width:fit-content!important;justify-content:center;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a;position:relative}.button[data-v-6542fe40]:hover{background-color:#0000000d!important;border-radius:8px!important}.button-primary[data-v-6542fe40]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(#30303000 63.53%,#ffffff26);color:#fff;border-bottom-color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650;box-shadow:#000000cc 0 -1px 0 1px inset,#303030 0 0 0 1px inset,#ffffff40 0 .5px 0 1.5px inset}.button-primary[data-v-6542fe40]:hover{background-color:#1a1a1a!important;color:#fff!important}.button-primary.disabled[data-v-6542fe40],.button-primary[data-v-6542fe40]:active,.button-secondary.disabled[data-v-6542fe40],.button-secondary[data-v-6542fe40]:active{background-color:#ccc!important;box-shadow:0 2px 1px 0 #1a1a1a33 inset}.button-secondary[data-v-6542fe40]{background-color:#fff!important;color:#000!important;border-radius:8px!important;box-shadow:#e3e3e3 0 1px 0 0 inset,#e3e3e3 1px 0 0 0 inset,#e3e3e3 -1px 0 0 0 inset,#b5b5b5 0 -1px 0 0 inset}.button-secondary[data-v-6542fe40]:hover{background-color:#fafafa!important}.button.button-fullwidth[data-v-6542fe40]{width:100%!important}.additional-info-primary[data-v-6542fe40]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-size:13px!important;font-weight:550!important}.additional-info-secondary[data-v-6542fe40]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-weight:550!important}.disabled[data-v-6542fe40]{background-color:rgba(0,0,0,.15)!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a!important;cursor:not-allowed!important;pointer-events:none!important}.invisible[data-v-6542fe40]{visibility:hidden}.loading[data-v-6542fe40]{cursor:wait!important;position:relative}.Polaris-Spinner[data-v-6542fe40]{animation:spin-data-v-6542fe40 1s linear infinite;width:20px;height:20px;position:absolute}.Polaris-Spinner svg[data-v-6542fe40]{fill:currentColor}.button-primary .Polaris-Spinner svg[data-v-6542fe40]{fill:#fff}.button-secondary .Polaris-Spinner svg[data-v-6542fe40]{fill:#000}@keyframes spin-data-v-6542fe40{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.Polaris-Spinner[data-v-6542fe40]{animation:spin-data-v-6542fe40 .5s linear infinite,fade-data-v-6542fe40 320ms ease-in}@keyframes fade-data-v-6542fe40{from{opacity:0}to{opacity:1}}",
|
|
41791
41791
|
map: undefined,
|
|
41792
41792
|
media: undefined
|
|
41793
41793
|
});
|
|
@@ -41795,7 +41795,7 @@ const __vue_inject_styles__$e = function (inject) {
|
|
|
41795
41795
|
/* scoped */
|
|
41796
41796
|
|
|
41797
41797
|
|
|
41798
|
-
const __vue_scope_id__$e = "data-v-
|
|
41798
|
+
const __vue_scope_id__$e = "data-v-6542fe40";
|
|
41799
41799
|
/* module identifier */
|
|
41800
41800
|
|
|
41801
41801
|
const __vue_module_identifier__$e = undefined;
|
|
@@ -41998,7 +41998,7 @@ var __vue_render__$d = function () {
|
|
|
41998
41998
|
"href": _vm.appData.app_shopify_store_link,
|
|
41999
41999
|
"target": "_blank"
|
|
42000
42000
|
}
|
|
42001
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Install
|
|
42001
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Install')) + "\n ")])])]), _vm._v(" "), _vm._t("default")], 2);
|
|
42002
42002
|
};
|
|
42003
42003
|
|
|
42004
42004
|
var __vue_staticRenderFns__$d = [];
|
|
@@ -42006,8 +42006,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
42006
42006
|
|
|
42007
42007
|
const __vue_inject_styles__$d = function (inject) {
|
|
42008
42008
|
if (!inject) return;
|
|
42009
|
-
inject("data-v-
|
|
42010
|
-
source: ".app-card[data-v-
|
|
42009
|
+
inject("data-v-14379058_0", {
|
|
42010
|
+
source: ".app-card[data-v-14379058]{display:flex;padding:16px;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);border-radius:12px;gap:16px;align-items:center}.logo[data-v-14379058],.logo-image[data-v-14379058]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-14379058]{margin-top:8px}.lower-details[data-v-14379058],.upper-details[data-v-14379058]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-14379058]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-14379058]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-14379058]{background-color:#e0f0ff;width:fit-content;margin-right:12px;padding:3px 6px 3px 3px;border-radius:8px;font-size:12px;color:#00527c;line-height:12px;font-weight:550;text-decoration:none;white-space:nowrap}.app-tag>svg[data-v-14379058]{margin-bottom:-5.5px}.bfs-tag[data-v-14379058]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-14379058]{margin-bottom:-3px}.app-option-type-count[data-v-14379058],.featured-options[data-v-14379058]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;text-wrap:nowrap;color:#5c5c5c}.install-app-div[data-v-14379058]{margin-left:auto;display:flex;align-items:center;white-space:nowrap}.install-app-button[data-v-14379058]{display:flex;width:fit-content!important;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;background-color:rgba(0,0,0,.08)!important;color:#303030!important;border-radius:8px!important;border:none;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}.install-app-button[data-v-14379058]:hover{background-color:rgba(0,0,0,.05)!important;border-radius:8px!important}.button-link[data-v-14379058]{text-decoration:none}@media (max-width:767px){.featured-options[data-v-14379058]{text-wrap:wrap}.details[data-v-14379058]{gap:8px;width:100%}.app-tags[data-v-14379058]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.app-tag[data-v-14379058]{padding:1px 6px 5px 3px}.lower-details[data-v-14379058],.upper-details[data-v-14379058]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}.install-app-div[data-v-14379058]{justify-content:flex-start;width:100%;margin-top:12px}.install-app-button[data-v-14379058]{width:100%;justify-content:center}.app-card[data-v-14379058]{flex-direction:column;justify-content:center}.logo[data-v-14379058]{justify-content:flex-start;width:100%}}",
|
|
42011
42011
|
map: undefined,
|
|
42012
42012
|
media: undefined
|
|
42013
42013
|
});
|
|
@@ -42015,7 +42015,7 @@ const __vue_inject_styles__$d = function (inject) {
|
|
|
42015
42015
|
/* scoped */
|
|
42016
42016
|
|
|
42017
42017
|
|
|
42018
|
-
const __vue_scope_id__$d = "data-v-
|
|
42018
|
+
const __vue_scope_id__$d = "data-v-14379058";
|
|
42019
42019
|
/* module identifier */
|
|
42020
42020
|
|
|
42021
42021
|
const __vue_module_identifier__$d = undefined;
|
|
@@ -42121,7 +42121,7 @@ var __vue_render__$c = function () {
|
|
|
42121
42121
|
staticClass: "plan-left"
|
|
42122
42122
|
}, [_c('p', {
|
|
42123
42123
|
staticClass: "bundle-offer-label"
|
|
42124
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Bundle
|
|
42124
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Bundle offer")) + "\n ")]), _vm._v(" "), _c('p', {
|
|
42125
42125
|
staticClass: "bundle-desc-label"
|
|
42126
42126
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Get")) + "\n " + _vm._s(_vm.bundleApps) + "\n " + _vm._s(_vm.translateMe("Shopify apps and save more than")) + "\n "), _c('strong', [_vm._v(_vm._s(_vm.translateMe("$1000")))]), _vm._v("\n " + _vm._s(_vm.translateMe("per month!")) + "\n ")])]) : _vm._e(), _vm._v(" "), _c('div', {
|
|
42127
42127
|
staticClass: "plan-right"
|
|
@@ -42129,7 +42129,7 @@ var __vue_render__$c = function () {
|
|
|
42129
42129
|
staticClass: "plan-content"
|
|
42130
42130
|
}, [_c('h3', {
|
|
42131
42131
|
staticClass: "plan-name"
|
|
42132
|
-
}, [_vm._v(_vm._s(_vm.translateMe("Monthly
|
|
42132
|
+
}, [_vm._v(_vm._s(_vm.translateMe("Monthly bundle:")))]), _vm._v(" "), _c('div', {
|
|
42133
42133
|
staticClass: "prices"
|
|
42134
42134
|
}, [_c('span', {
|
|
42135
42135
|
staticClass: "discounted-amount"
|
|
@@ -42165,8 +42165,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
42165
42165
|
|
|
42166
42166
|
const __vue_inject_styles__$c = function (inject) {
|
|
42167
42167
|
if (!inject) return;
|
|
42168
|
-
inject("data-v-
|
|
42169
|
-
source: ".banner-card[data-v-
|
|
42168
|
+
inject("data-v-2f50acc9_0", {
|
|
42169
|
+
source: ".banner-card[data-v-2f50acc9]{display:flex;padding:16px 0;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);gap:16px}.bundle-plan-showcase-banner[data-v-2f50acc9]{display:none;justify-content:space-between;align-items:center;width:100%;margin-top:32px;position:sticky;top:0}.banner__inner[data-v-2f50acc9]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding:0 96px}.banner__inner.full-width[data-v-2f50acc9]{max-width:calc(100% - 64px)}.plan-name[data-v-2f50acc9]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-2f50acc9]{flex:1}.plan-right[data-v-2f50acc9]{display:flex;align-items:center;gap:16px}.prices[data-v-2f50acc9]{display:flex;gap:8px;align-items:center}.bundle-offer-label[data-v-2f50acc9]{font-size:20px;font-weight:600;color:#202223;margin-bottom:4px}.bundle-desc-label[data-v-2f50acc9]{font-size:14px;font-weight:450;color:#303030}.discounted-amount[data-v-2f50acc9]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-2f50acc9]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.plan-content[data-v-2f50acc9]{display:flex;justify-content:center;align-items:center;gap:12px}.choose-button[data-v-2f50acc9]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none;color:#fff;border-bottom-color:#fff;box-shadow:rgba(0,0,0,.8) 0 -1px 0 1px inset,#303030 0 0 0 1px inset,rgba(255,255,255,.25) 0 .5px 0 1.5px inset;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650}@media (max-width:992px){.banner__inner.full-width[data-v-2f50acc9]{max-width:calc(100% - 64px)}.banner__inner[data-v-2f50acc9]{flex-direction:column;gap:32px;align-items:flex-start}.plan-right[data-v-2f50acc9]{justify-content:space-between;width:100%}}@media (max-width:767px){.banner__inner[data-v-2f50acc9]{padding:16px}.banner__inner.full-width[data-v-2f50acc9]{max-width:100%}.bundle-plan-showcase-banner[data-v-2f50acc9]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-2f50acc9]{align-items:unset}.choose-button[data-v-2f50acc9]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-content[data-v-2f50acc9]{flex-direction:column;align-items:flex-start}.plan-right[data-v-2f50acc9]{flex-direction:column;gap:16px;align-items:flex-start}.bundle-plan-showcase-banner[data-v-2f50acc9]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-2f50acc9]{align-items:unset}.choose-button[data-v-2f50acc9]{margin-right:auto;margin-left:0}}",
|
|
42170
42170
|
map: undefined,
|
|
42171
42171
|
media: undefined
|
|
42172
42172
|
});
|
|
@@ -42174,7 +42174,7 @@ const __vue_inject_styles__$c = function (inject) {
|
|
|
42174
42174
|
/* scoped */
|
|
42175
42175
|
|
|
42176
42176
|
|
|
42177
|
-
const __vue_scope_id__$c = "data-v-
|
|
42177
|
+
const __vue_scope_id__$c = "data-v-2f50acc9";
|
|
42178
42178
|
/* module identifier */
|
|
42179
42179
|
|
|
42180
42180
|
const __vue_module_identifier__$c = undefined;
|
|
@@ -49262,6 +49262,30 @@ const formatFeature = function (feature) {
|
|
|
49262
49262
|
|
|
49263
49263
|
return feature.value;
|
|
49264
49264
|
};
|
|
49265
|
+
const isPlanButtonDisabled = function (shopifyPlan, plan, currentPlan) {
|
|
49266
|
+
if (currentPlan && currentPlan.id === plan.id) {
|
|
49267
|
+
return true;
|
|
49268
|
+
}
|
|
49269
|
+
|
|
49270
|
+
return !!(plan.store_base_plan && !plan.shopify_plans.includes(shopifyPlan));
|
|
49271
|
+
};
|
|
49272
|
+
const getPlanButtonText = function (shopifyPlan, plan, translateMe, currentPlan) {
|
|
49273
|
+
let isPlanTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
49274
|
+
|
|
49275
|
+
if (currentPlan && currentPlan.id === plan.id) {
|
|
49276
|
+
return translateMe("Selected plan");
|
|
49277
|
+
}
|
|
49278
|
+
|
|
49279
|
+
if (plan.store_base_plan && !plan.shopify_plans.includes(shopifyPlan)) {
|
|
49280
|
+
return translateMe("Not Applicable");
|
|
49281
|
+
}
|
|
49282
|
+
|
|
49283
|
+
if (currentPlan) {
|
|
49284
|
+
return plan.price > currentPlan.price ? translateMe("Upgrade") : isPlanTable ? translateMe("Switch to this plan") : translateMe("Choose plan");
|
|
49285
|
+
}
|
|
49286
|
+
|
|
49287
|
+
return translateMe("Choose plan");
|
|
49288
|
+
};
|
|
49265
49289
|
|
|
49266
49290
|
var script$6 = {
|
|
49267
49291
|
name: "PlanCardsHighlights",
|
|
@@ -49277,6 +49301,10 @@ var script$6 = {
|
|
|
49277
49301
|
type: Object,
|
|
49278
49302
|
required: false
|
|
49279
49303
|
},
|
|
49304
|
+
shopifyPlan: {
|
|
49305
|
+
type: String,
|
|
49306
|
+
required: false
|
|
49307
|
+
},
|
|
49280
49308
|
promotionalDiscount: {
|
|
49281
49309
|
type: Object,
|
|
49282
49310
|
required: false
|
|
@@ -49359,6 +49387,8 @@ var script$6 = {
|
|
|
49359
49387
|
|
|
49360
49388
|
},
|
|
49361
49389
|
methods: {
|
|
49390
|
+
getPlanButtonText,
|
|
49391
|
+
isPlanButtonDisabled,
|
|
49362
49392
|
formatFeature,
|
|
49363
49393
|
|
|
49364
49394
|
async handlePlanClick(plan) {
|
|
@@ -49468,7 +49498,7 @@ var script$6 = {
|
|
|
49468
49498
|
slidesPerView: 1,
|
|
49469
49499
|
speed: 500,
|
|
49470
49500
|
pagination: {
|
|
49471
|
-
el: ".swiper-pagination",
|
|
49501
|
+
el: ".swiper-pagination-h-monthly",
|
|
49472
49502
|
clickable: true
|
|
49473
49503
|
},
|
|
49474
49504
|
navigation: {
|
|
@@ -49477,15 +49507,15 @@ var script$6 = {
|
|
|
49477
49507
|
},
|
|
49478
49508
|
breakpoints: {
|
|
49479
49509
|
375: {
|
|
49480
|
-
slidesPerView: 1
|
|
49510
|
+
slidesPerView: 1
|
|
49481
49511
|
},
|
|
49482
49512
|
640: {
|
|
49483
49513
|
slidesPerView: 2
|
|
49484
49514
|
},
|
|
49485
|
-
|
|
49515
|
+
840: {
|
|
49486
49516
|
slidesPerView: Math.min(this.monthlyPlans.length, 3)
|
|
49487
49517
|
},
|
|
49488
|
-
|
|
49518
|
+
1152: {
|
|
49489
49519
|
slidesPerView: Math.min(this.monthlyPlans.length, 4)
|
|
49490
49520
|
}
|
|
49491
49521
|
},
|
|
@@ -49504,7 +49534,7 @@ var script$6 = {
|
|
|
49504
49534
|
slidesPerView: 1,
|
|
49505
49535
|
speed: 500,
|
|
49506
49536
|
pagination: {
|
|
49507
|
-
el: ".swiper-pagination",
|
|
49537
|
+
el: ".swiper-pagination-h-annually",
|
|
49508
49538
|
clickable: true
|
|
49509
49539
|
},
|
|
49510
49540
|
navigation: {
|
|
@@ -49513,15 +49543,15 @@ var script$6 = {
|
|
|
49513
49543
|
},
|
|
49514
49544
|
breakpoints: {
|
|
49515
49545
|
375: {
|
|
49516
|
-
slidesPerView: 1
|
|
49546
|
+
slidesPerView: 1
|
|
49517
49547
|
},
|
|
49518
49548
|
640: {
|
|
49519
49549
|
slidesPerView: 2
|
|
49520
49550
|
},
|
|
49521
|
-
|
|
49551
|
+
840: {
|
|
49522
49552
|
slidesPerView: Math.min(this.annualPlans.length, 3)
|
|
49523
49553
|
},
|
|
49524
|
-
|
|
49554
|
+
1152: {
|
|
49525
49555
|
slidesPerView: Math.min(this.annualPlans.length, 4)
|
|
49526
49556
|
}
|
|
49527
49557
|
},
|
|
@@ -49780,7 +49810,7 @@ var __vue_render__$6 = function () {
|
|
|
49780
49810
|
staticClass: "most-popular"
|
|
49781
49811
|
}, [_c('div', {
|
|
49782
49812
|
staticClass: "most-popular-label"
|
|
49783
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most
|
|
49813
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ")])]) : _vm._e(), _vm._v(" "), _c('h3', {
|
|
49784
49814
|
staticClass: "title"
|
|
49785
49815
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49786
49816
|
class: ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']
|
|
@@ -49801,7 +49831,7 @@ var __vue_render__$6 = function () {
|
|
|
49801
49831
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49802
49832
|
attrs: {
|
|
49803
49833
|
"variant": 'secondary',
|
|
49804
|
-
"disabled": _vm.
|
|
49834
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49805
49835
|
"loading": _vm.loadingPlanId === plan.id
|
|
49806
49836
|
},
|
|
49807
49837
|
on: {
|
|
@@ -49809,7 +49839,7 @@ var __vue_render__$6 = function () {
|
|
|
49809
49839
|
return _vm.handlePlanClick(plan);
|
|
49810
49840
|
}
|
|
49811
49841
|
}
|
|
49812
|
-
}, [_vm._v(_vm._s(_vm.
|
|
49842
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49813
49843
|
staticClass: "features"
|
|
49814
49844
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49815
49845
|
return _c('li', {
|
|
@@ -49833,8 +49863,13 @@ var __vue_render__$6 = function () {
|
|
|
49833
49863
|
})]), _vm._v(" "), _c('span', [_vm._v("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ")])]);
|
|
49834
49864
|
}), 0)])], 1)]) : _vm._e();
|
|
49835
49865
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49866
|
+
staticClass: "swiper-pagination swiper-pagination-h-monthly",
|
|
49867
|
+
style: {
|
|
49868
|
+
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
49869
|
+
}
|
|
49870
|
+
}), _vm._v(" "), _c('div', {
|
|
49836
49871
|
ref: "swiperAnnually",
|
|
49837
|
-
staticClass: "swiper cards annually"
|
|
49872
|
+
staticClass: "swiper cards annually plans-h-cards"
|
|
49838
49873
|
}, [_c('div', {
|
|
49839
49874
|
staticClass: "swiper-wrapper"
|
|
49840
49875
|
}, _vm._l(_vm.annualPlans, function (plan, index) {
|
|
@@ -49850,7 +49885,7 @@ var __vue_render__$6 = function () {
|
|
|
49850
49885
|
staticClass: "most-popular"
|
|
49851
49886
|
}, [_c('div', {
|
|
49852
49887
|
staticClass: "most-popular-label"
|
|
49853
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most
|
|
49888
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ")])]) : _vm._e(), _vm._v(" "), _c('h3', {
|
|
49854
49889
|
staticClass: "title"
|
|
49855
49890
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49856
49891
|
class: ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']
|
|
@@ -49871,7 +49906,7 @@ var __vue_render__$6 = function () {
|
|
|
49871
49906
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49872
49907
|
attrs: {
|
|
49873
49908
|
"variant": 'secondary',
|
|
49874
|
-
"disabled": _vm.
|
|
49909
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49875
49910
|
"loading": _vm.loadingPlanId === plan.id
|
|
49876
49911
|
},
|
|
49877
49912
|
on: {
|
|
@@ -49879,7 +49914,7 @@ var __vue_render__$6 = function () {
|
|
|
49879
49914
|
return _vm.handlePlanClick(plan);
|
|
49880
49915
|
}
|
|
49881
49916
|
}
|
|
49882
|
-
}, [_vm._v(_vm._s(_vm.
|
|
49917
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49883
49918
|
staticClass: "features"
|
|
49884
49919
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49885
49920
|
return _c('li', {
|
|
@@ -49903,9 +49938,9 @@ var __vue_render__$6 = function () {
|
|
|
49903
49938
|
})]), _vm._v(" "), _c('span', [_vm._v("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ")])]);
|
|
49904
49939
|
}), 0)])], 1)]) : _vm._e();
|
|
49905
49940
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49906
|
-
staticClass: "swiper-pagination",
|
|
49941
|
+
staticClass: "swiper-pagination-h-annually swiper-pagination",
|
|
49907
49942
|
style: {
|
|
49908
|
-
display: _vm.
|
|
49943
|
+
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
49909
49944
|
}
|
|
49910
49945
|
})]);
|
|
49911
49946
|
};
|
|
@@ -49915,11 +49950,11 @@ var __vue_staticRenderFns__$6 = [];
|
|
|
49915
49950
|
|
|
49916
49951
|
const __vue_inject_styles__$6 = function (inject) {
|
|
49917
49952
|
if (!inject) return;
|
|
49918
|
-
inject("data-v-
|
|
49919
|
-
source: ".container[data-v-
|
|
49953
|
+
inject("data-v-4a0c00aa_0", {
|
|
49954
|
+
source: ".container[data-v-4a0c00aa]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-4a0c00aa]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-4a0c00aa]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-4a0c00aa]{display:flex;background-color:#fff;flex-grow:1;border:1px solid #e5e5e5;border-radius:12px;overflow-x:clip;overflow-y:visible;box-shadow:0 4px 6px -1px #0000001a}.card[data-v-4a0c00aa]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-4a0c00aa],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-4a0c00aa]{border-left:1px solid #ccc}.card .title[data-v-4a0c00aa]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-4a0c00aa]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-4a0c00aa]{min-height:44px}.card .price[data-v-4a0c00aa]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-4a0c00aa]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-4a0c00aa]{margin-top:19px}.features ul[data-v-4a0c00aa]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-4a0c00aa]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-4a0c00aa]{min-width:20px;min-height:20px}.feature span[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-4a0c00aa]{position:absolute;z-index:-1;top:-20px;width:100%;height:calc(100% + 20px);border-radius:12px 12px 0 0;border-left:1px solid #91d0ff;border-right:1px solid #91d0ff;overflow:hidden}.most-popular .most-popular-label[data-v-4a0c00aa]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-4a0c00aa]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-4a0c00aa]{display:none}.swiper-plan-h-next-annually[data-v-4a0c00aa],.swiper-plan-h-next-monthly[data-v-4a0c00aa],.swiper-plan-h-prev-annually[data-v-4a0c00aa],.swiper-plan-h-prev-monthly[data-v-4a0c00aa]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-h-next-annually[data-v-4a0c00aa]:disabled,.swiper-plan-h-next-monthly[data-v-4a0c00aa]:disabled,.swiper-plan-h-prev-annually[data-v-4a0c00aa]:disabled,.swiper-plan-h-prev-monthly[data-v-4a0c00aa]:disabled{opacity:0}.plans-remaining[data-v-4a0c00aa]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-4a0c00aa]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}@media (max-width:640px){.card-border[data-v-4a0c00aa]{border-left:none}.swiper-plan-h-navigation[data-v-4a0c00aa]{display:none!important}}",
|
|
49920
49955
|
map: undefined,
|
|
49921
49956
|
media: undefined
|
|
49922
|
-
}), inject("data-v-
|
|
49957
|
+
}), inject("data-v-4a0c00aa_1", {
|
|
49923
49958
|
source: ".swiper-pagination .swiper-pagination-bullet{background:#757575 none;opacity:1;transition:all .5s;width:8px;height:8px}.swiper-pagination .swiper-pagination-bullet-active{background-color:#0094d5;width:12px;height:12px}",
|
|
49924
49959
|
map: undefined,
|
|
49925
49960
|
media: undefined
|
|
@@ -49928,7 +49963,7 @@ const __vue_inject_styles__$6 = function (inject) {
|
|
|
49928
49963
|
/* scoped */
|
|
49929
49964
|
|
|
49930
49965
|
|
|
49931
|
-
const __vue_scope_id__$6 = "data-v-
|
|
49966
|
+
const __vue_scope_id__$6 = "data-v-4a0c00aa";
|
|
49932
49967
|
/* module identifier */
|
|
49933
49968
|
|
|
49934
49969
|
const __vue_module_identifier__$6 = undefined;
|
|
@@ -50181,6 +50216,10 @@ var script$4 = {
|
|
|
50181
50216
|
type: Object,
|
|
50182
50217
|
required: false
|
|
50183
50218
|
},
|
|
50219
|
+
shopifyPlan: {
|
|
50220
|
+
type: String,
|
|
50221
|
+
required: false
|
|
50222
|
+
},
|
|
50184
50223
|
selectedInterval: {
|
|
50185
50224
|
type: String,
|
|
50186
50225
|
required: false
|
|
@@ -50196,6 +50235,8 @@ var script$4 = {
|
|
|
50196
50235
|
}
|
|
50197
50236
|
},
|
|
50198
50237
|
methods: {
|
|
50238
|
+
isPlanButtonDisabled,
|
|
50239
|
+
getPlanButtonText,
|
|
50199
50240
|
formatFeature,
|
|
50200
50241
|
|
|
50201
50242
|
async handlePlanClick(plan) {
|
|
@@ -50492,7 +50533,7 @@ var script$4 = {
|
|
|
50492
50533
|
0: {
|
|
50493
50534
|
slidesPerView: 1.2
|
|
50494
50535
|
},
|
|
50495
|
-
|
|
50536
|
+
640: {
|
|
50496
50537
|
slidesPerView: 2
|
|
50497
50538
|
},
|
|
50498
50539
|
1024: {
|
|
@@ -50525,7 +50566,7 @@ var script$4 = {
|
|
|
50525
50566
|
0: {
|
|
50526
50567
|
slidesPerView: 1.2
|
|
50527
50568
|
},
|
|
50528
|
-
|
|
50569
|
+
640: {
|
|
50529
50570
|
slidesPerView: 2
|
|
50530
50571
|
},
|
|
50531
50572
|
1024: {
|
|
@@ -50826,7 +50867,7 @@ var __vue_render__$4 = function () {
|
|
|
50826
50867
|
staticClass: "button",
|
|
50827
50868
|
attrs: {
|
|
50828
50869
|
"variant": 'secondary',
|
|
50829
|
-
"disabled": _vm.
|
|
50870
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
50830
50871
|
"loading": _vm.loadingPlanId === plan.id
|
|
50831
50872
|
},
|
|
50832
50873
|
on: {
|
|
@@ -50834,7 +50875,7 @@ var __vue_render__$4 = function () {
|
|
|
50834
50875
|
return _vm.handlePlanClick(plan);
|
|
50835
50876
|
}
|
|
50836
50877
|
}
|
|
50837
|
-
}, [_vm._v(_vm._s(_vm.
|
|
50878
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
50838
50879
|
return [group.name ? _c('div', {
|
|
50839
50880
|
staticClass: "feature-group-header plan-feature plan-feature-monthly"
|
|
50840
50881
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -50979,7 +51020,7 @@ var __vue_render__$4 = function () {
|
|
|
50979
51020
|
staticClass: "button",
|
|
50980
51021
|
attrs: {
|
|
50981
51022
|
"variant": 'secondary',
|
|
50982
|
-
"disabled": _vm.
|
|
51023
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
50983
51024
|
"loading": _vm.loadingPlanId === plan.id
|
|
50984
51025
|
},
|
|
50985
51026
|
on: {
|
|
@@ -50987,7 +51028,7 @@ var __vue_render__$4 = function () {
|
|
|
50987
51028
|
return _vm.handlePlanClick(plan);
|
|
50988
51029
|
}
|
|
50989
51030
|
}
|
|
50990
|
-
}, [_vm._v(_vm._s(_vm.
|
|
51031
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
50991
51032
|
return [group.name ? _c('div', {
|
|
50992
51033
|
staticClass: "feature-group-header plan-feature plan-feature-annually"
|
|
50993
51034
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -51087,8 +51128,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
51087
51128
|
|
|
51088
51129
|
const __vue_inject_styles__$4 = function (inject) {
|
|
51089
51130
|
if (!inject) return;
|
|
51090
|
-
inject("data-v-
|
|
51091
|
-
source: ".container[data-v-
|
|
51131
|
+
inject("data-v-6ea7c21a_0", {
|
|
51132
|
+
source: ".container[data-v-6ea7c21a]{width:100%}.pricing-table[data-v-6ea7c21a]{display:grid;width:calc(100% + 2px);grid-template-columns:repeat(3,1fr);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.pricing-table.monthly-table[data-v-6ea7c21a]{padding:16px}.plans[data-v-6ea7c21a]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-6ea7c21a]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-6ea7c21a]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-6ea7c21a]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-6ea7c21a],.pricing-table.monthly-table .swiper-wrapper[data-v-6ea7c21a]{height:auto!important}.table-header[data-v-6ea7c21a]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0}.table-header h3[data-v-6ea7c21a]{font-size:13px;font-weight:700;line-height:20px;color:#303030}.plan-header-wrapper[data-v-6ea7c21a]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-6ea7c21a]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-6ea7c21a]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-6ea7c21a]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.plan-table-checkmark[data-v-6ea7c21a]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-6ea7c21a]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background-color:#f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;position:sticky;top:0}.plan-header-wrapper .price-wrapper[data-v-6ea7c21a]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-6ea7c21a]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-6ea7c21a]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-6ea7c21a]{text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-6ea7c21a]{color:#999;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-6ea7c21a]{display:inline;font-size:16px;font-weight:700;color:#303030;width:max-content}.plan-header-wrapper .price-wrapper h4 h6[data-v-6ea7c21a]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-6ea7c21a]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-6ea7c21a]{display:none}.swiper-plan-annually-next[data-v-6ea7c21a],.swiper-plan-annually-prev[data-v-6ea7c21a],.swiper-plan-monthly-next[data-v-6ea7c21a],.swiper-plan-monthly-prev[data-v-6ea7c21a]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-annually-next[data-v-6ea7c21a]:disabled,.swiper-plan-annually-prev[data-v-6ea7c21a]:disabled,.swiper-plan-monthly-next[data-v-6ea7c21a]:disabled,.swiper-plan-monthly-prev[data-v-6ea7c21a]:disabled{opacity:0}.choose-button[data-v-6ea7c21a]{background-color:#fff!important}.choose-button[data-v-6ea7c21a]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-6ea7c21a]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-6ea7c21a]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-6ea7c21a]::-webkit-scrollbar{display:none}.plans-remaining[data-v-6ea7c21a]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-6ea7c21a]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}.feature-group-header.plan-feature-name[data-v-6ea7c21a]{font-size:0!important}.feature-group-header[data-v-6ea7c21a]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#303030;max-height:30px;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-6ea7c21a]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-6ea7c21a]{border-right:1px solid #e3e3e3}@media (max-width:640px){.swiper-plan-navigation[data-v-6ea7c21a]{display:none!important}.pricing-table[data-v-6ea7c21a]{width:calc(100% + -2px)}}@media (max-width:540px){.plan-header-wrapper .price-wrapper .main-price[data-v-6ea7c21a]{flex-direction:column}}",
|
|
51092
51133
|
map: undefined,
|
|
51093
51134
|
media: undefined
|
|
51094
51135
|
});
|
|
@@ -51096,7 +51137,7 @@ const __vue_inject_styles__$4 = function (inject) {
|
|
|
51096
51137
|
/* scoped */
|
|
51097
51138
|
|
|
51098
51139
|
|
|
51099
|
-
const __vue_scope_id__$4 = "data-v-
|
|
51140
|
+
const __vue_scope_id__$4 = "data-v-6ea7c21a";
|
|
51100
51141
|
/* module identifier */
|
|
51101
51142
|
|
|
51102
51143
|
const __vue_module_identifier__$4 = undefined;
|
|
@@ -51171,11 +51212,19 @@ var __vue_render__$3 = function () {
|
|
|
51171
51212
|
staticClass: "block"
|
|
51172
51213
|
}, [_c('div', {
|
|
51173
51214
|
staticClass: "bundle-header"
|
|
51174
|
-
}, [_c('h3', [_vm._v(_vm._s(_vm.translateMe("Bundle")))]), _vm._v(" "), _c('
|
|
51215
|
+
}, [_c('h3', [_vm._v(_vm._s(_vm.translateMe("Bundle")))]), _vm._v(" "), _c('div', {
|
|
51216
|
+
staticClass: "bundle-price-wrapper"
|
|
51217
|
+
}, [_c('div', {
|
|
51218
|
+
staticStyle: {
|
|
51219
|
+
"display": "flex",
|
|
51220
|
+
"align-items": "center",
|
|
51221
|
+
"gap": "4px"
|
|
51222
|
+
}
|
|
51223
|
+
}, [_c('h2', [_vm._v("$" + _vm._s(_vm.plan.price - _vm.plan.discount))]), _vm._v(" "), _c('span', {
|
|
51175
51224
|
staticClass: "mo-label"
|
|
51176
|
-
}, [_vm._v(_vm._s(_vm.translateMe("/mo")))]), _vm._v(" "), _c('h4', [_vm._v("$" + _vm._s(_vm.plan.price))]), _vm._v(" "), _c('span', {
|
|
51225
|
+
}, [_vm._v(_vm._s(_vm.translateMe("/mo")))]), _vm._v(" "), _c('h4', [_vm._v("$" + _vm._s(_vm.plan.price))])]), _vm._v(" "), _c('span', {
|
|
51177
51226
|
staticClass: "apps-count"
|
|
51178
|
-
}, [_vm._v(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps")))])]), _vm._v(" "), _c('div', {
|
|
51227
|
+
}, [_vm._v(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps")))])])]), _vm._v(" "), _c('div', {
|
|
51179
51228
|
staticClass: "apps-list"
|
|
51180
51229
|
}, _vm._l(_vm.allApps, function (app, index) {
|
|
51181
51230
|
return _c('div', {
|
|
@@ -51201,7 +51250,7 @@ var __vue_render__$3 = function () {
|
|
|
51201
51250
|
return _vm.handlePlanClick('bundle');
|
|
51202
51251
|
}
|
|
51203
51252
|
}
|
|
51204
|
-
}, [_vm._v(_vm._s(_vm.translateMe("Start
|
|
51253
|
+
}, [_vm._v(_vm._s(_vm.translateMe("Start saving now")))])], 1);
|
|
51205
51254
|
};
|
|
51206
51255
|
|
|
51207
51256
|
var __vue_staticRenderFns__$3 = [];
|
|
@@ -51209,8 +51258,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
51209
51258
|
|
|
51210
51259
|
const __vue_inject_styles__$3 = function (inject) {
|
|
51211
51260
|
if (!inject) return;
|
|
51212
|
-
inject("data-v-
|
|
51213
|
-
source: ".block[data-v-
|
|
51261
|
+
inject("data-v-594b1d8b_0", {
|
|
51262
|
+
source: ".block[data-v-594b1d8b]{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:16px;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.button[data-v-594b1d8b]{width:100%!important;display:flex!important;height:fit-content!important;justify-content:center!important}.bundle-header[data-v-594b1d8b]{display:flex;gap:8px;border-bottom:1px solid #e3e3e3;padding-bottom:12px;align-items:center}.bundle-price-wrapper[data-v-594b1d8b]{display:flex;gap:8px;align-items:center;width:100%}.bundle-header h3[data-v-594b1d8b]{font-size:18px;font-weight:700;color:#000}.bundle-header h2[data-v-594b1d8b]{font-size:30px;font-weight:700;color:#000}.bundle-header .mo-label[data-v-594b1d8b]{font-size:13px;font-weight:400;color:#00000080}.bundle-header h4[data-v-594b1d8b]{font-size:13.5px;font-weight:700;color:#616161;text-decoration:line-through}.bundle-header .apps-count[data-v-594b1d8b]{background-color:#91d0ff;border-radius:8px;padding:2px 8px;font-size:12px;line-height:16px;font-weight:550;color:#00527c}.apps-list[data-v-594b1d8b]{display:flex;flex-wrap:wrap;gap:8px}.apps-list .app[data-v-594b1d8b]{display:flex;flex-basis:calc(33% - 8px);align-items:center;gap:8px}.more-apps-label[data-v-594b1d8b]{font-size:13px;font-weight:700;color:#000}@media (max-width:767px){.apps-list .app[data-v-594b1d8b]{flex-basis:calc(50% - 8px)}}@media (max-width:540px){.apps-list .app[data-v-594b1d8b]{flex-basis:100%}.bundle-header[data-v-594b1d8b]{flex-direction:column;align-items:flex-start;gap:16px}}",
|
|
51214
51263
|
map: undefined,
|
|
51215
51264
|
media: undefined
|
|
51216
51265
|
});
|
|
@@ -51218,7 +51267,7 @@ const __vue_inject_styles__$3 = function (inject) {
|
|
|
51218
51267
|
/* scoped */
|
|
51219
51268
|
|
|
51220
51269
|
|
|
51221
|
-
const __vue_scope_id__$3 = "data-v-
|
|
51270
|
+
const __vue_scope_id__$3 = "data-v-594b1d8b";
|
|
51222
51271
|
/* module identifier */
|
|
51223
51272
|
|
|
51224
51273
|
const __vue_module_identifier__$3 = undefined;
|
|
@@ -51558,7 +51607,7 @@ var script$1 = {
|
|
|
51558
51607
|
showPlansFeatures: false,
|
|
51559
51608
|
showCustomizationModal: false,
|
|
51560
51609
|
additionalBenefitsHeading: {
|
|
51561
|
-
category_name: "Unlock
|
|
51610
|
+
category_name: "Unlock additional benefits"
|
|
51562
51611
|
}
|
|
51563
51612
|
};
|
|
51564
51613
|
},
|
|
@@ -51916,7 +51965,7 @@ var __vue_render__$1 = function () {
|
|
|
51916
51965
|
"stroke-linecap": "round",
|
|
51917
51966
|
"stroke-linejoin": "round"
|
|
51918
51967
|
}
|
|
51919
|
-
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to
|
|
51968
|
+
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to app pricing')) + "\n ")]), _vm._v(" "), _c('div', {
|
|
51920
51969
|
staticClass: "bill-cycle-select-group__inner-left"
|
|
51921
51970
|
}, [_c('SelectButton', {
|
|
51922
51971
|
attrs: {
|
|
@@ -51928,7 +51977,7 @@ var __vue_render__$1 = function () {
|
|
|
51928
51977
|
return _vm.selectPlan('monthly');
|
|
51929
51978
|
}
|
|
51930
51979
|
}
|
|
51931
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
51980
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('SelectButton', {
|
|
51932
51981
|
attrs: {
|
|
51933
51982
|
"id": "pricing-tab",
|
|
51934
51983
|
"variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
|
|
@@ -51938,7 +51987,7 @@ var __vue_render__$1 = function () {
|
|
|
51938
51987
|
return _vm.selectPlan('annually');
|
|
51939
51988
|
}
|
|
51940
51989
|
}
|
|
51941
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
51990
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed yearly')) + "\n "), _c('strong', {
|
|
51942
51991
|
staticStyle: {
|
|
51943
51992
|
"white-space": "pre"
|
|
51944
51993
|
}
|
|
@@ -51983,6 +52032,7 @@ var __vue_render__$1 = function () {
|
|
|
51983
52032
|
"plans": _vm.plans,
|
|
51984
52033
|
"features": _vm.features,
|
|
51985
52034
|
"currentPlan": _vm.plan,
|
|
52035
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
51986
52036
|
"promotionalDiscount": _vm.promotional_discount,
|
|
51987
52037
|
"selectedInterval": _vm.selectedPlan
|
|
51988
52038
|
},
|
|
@@ -52014,6 +52064,7 @@ var __vue_render__$1 = function () {
|
|
|
52014
52064
|
attrs: {
|
|
52015
52065
|
"plans": _vm.plans,
|
|
52016
52066
|
"currentPlan": _vm.plan,
|
|
52067
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
52017
52068
|
"promotionalDiscount": _vm.promotional_discount,
|
|
52018
52069
|
"selectedInterval": _vm.selectedPlan,
|
|
52019
52070
|
"features": _vm.features
|
|
@@ -52041,7 +52092,7 @@ var __vue_render__$1 = function () {
|
|
|
52041
52092
|
}
|
|
52042
52093
|
}, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
|
|
52043
52094
|
staticClass: "customization-bundle-section"
|
|
52044
|
-
}, [_c('BundlePlanCard', {
|
|
52095
|
+
}, [_vm.bundle_plan ? _c('BundlePlanCard', {
|
|
52045
52096
|
attrs: {
|
|
52046
52097
|
"plan": _vm.bundle_plan,
|
|
52047
52098
|
"plan_details": _vm.bundle_details
|
|
@@ -52049,7 +52100,7 @@ var __vue_render__$1 = function () {
|
|
|
52049
52100
|
on: {
|
|
52050
52101
|
"plan-clicked": _vm.selectPlan
|
|
52051
52102
|
}
|
|
52052
|
-
})], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
52103
|
+
}) : _vm._e()], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
52053
52104
|
attrs: {
|
|
52054
52105
|
"visible": this.showCustomizationModal
|
|
52055
52106
|
},
|
|
@@ -52096,8 +52147,8 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
52096
52147
|
|
|
52097
52148
|
const __vue_inject_styles__$1 = function (inject) {
|
|
52098
52149
|
if (!inject) return;
|
|
52099
|
-
inject("data-v-
|
|
52100
|
-
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.css);.app-manager .app-manager-wrapper{padding-top:16px}.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .Polaris-Page--fullWidth{max-width:calc(100% -
|
|
52150
|
+
inject("data-v-ec019326_0", {
|
|
52151
|
+
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.css);.app-manager .app-manager-wrapper{padding-top:16px}.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .Polaris-Page--fullWidth{max-width:calc(100% - 64px)!important}.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-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff;border-right:none;border-left:1px solid #ddd}.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 .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.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}.app-manager .app-manager-plan-page-slider .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager-plan-banner{margin-right:30px;margin-left:30px}.bundle-plan{display:none;flex-direction:column;gap:20px}.bundle-category{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.bundle-category-apps{display:flex;flex-direction:column;gap:10px}.light-divider{border-top:1px solid #e3e3e3;margin-top:10px;margin-bottom:10px}.app-manager .Polaris-Icon--colorSuccess svg{fill:#000!important}.button-group-new{display:flex;align-items:center;justify-content:center;gap:4px}.bill-cycle-select-group{display:flex;align-items:center;justify-content:space-between;gap:4px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 96px}.bill-cycle-select-group.full-width{max-width:calc(100% - 64px)}.bill-cycle-select-group__inner-left{width:fit-content;display:flex;gap:4px;align-items:center;justify-content:center;border-radius:40px;padding:4px;border:1px solid #000}.bill-cycle-back{display:none;align-items:center;color:#006fbb;cursor:pointer;gap:4px;font-weight:450;font-size:14px}.promotional-banner{width:100%;height:100px;display:flex;align-items:center;justify-content:end;padding-right:36px;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:8px;margin-bottom:22px}.custom-plan{display:flex;flex-direction:column;align-items:center!important;gap:24px;margin-left:0!important;margin-right:0!important}.toggle-plans-features{font-size:13px;font-weight:500;color:#303030;text-decoration:none}.hide-all-features{visibility:hidden;overflow:hidden;height:0;margin-top:0!important}.customization-bundle-section{display:flex;flex-direction:row;gap:24px;width:100%}@media (max-width:1023px){.customization-bundle-section{flex-direction:column;gap:20px}}@media (max-width:992px){.app-manager .Polaris-Page--fullWidth,.bill-cycle-select-group.full-width{max-width:calc(100% - 64px)!important}}@media (max-width:767px){.app-manager .Polaris-Page--fullWidth,.bill-cycle-select-group.full-width{max-width:100%!important}.bill-cycle-select-group{flex-direction:column;gap:10px}}@media (max-width:700px){.Polaris-ButtonGroup__Item{width:auto!important}.app-manager .Polaris-Button{padding:7px 8px!important}.bill-cycle-select-group{padding:0 8px}}",
|
|
52101
52152
|
map: undefined,
|
|
52102
52153
|
media: undefined
|
|
52103
52154
|
});
|