@hulkapps/app-manager-vue 3.0.11 → 3.0.14
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 +116 -59
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +131 -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 +54 -44
- 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' : '']
|
|
@@ -49797,11 +49827,14 @@ var __vue_render__$6 = function () {
|
|
|
49797
49827
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
|
|
49798
49828
|
staticClass: "price"
|
|
49799
49829
|
}, [_vm._v("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n "), plan.price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])], 2), _vm._v(" "), _c('h6', {
|
|
49800
|
-
staticClass: "description"
|
|
49830
|
+
staticClass: "description",
|
|
49831
|
+
style: {
|
|
49832
|
+
visibility: plan.description ? 'visible' : 'hidden'
|
|
49833
|
+
}
|
|
49801
49834
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49802
49835
|
attrs: {
|
|
49803
49836
|
"variant": 'secondary',
|
|
49804
|
-
"disabled": _vm.
|
|
49837
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49805
49838
|
"loading": _vm.loadingPlanId === plan.id
|
|
49806
49839
|
},
|
|
49807
49840
|
on: {
|
|
@@ -49809,7 +49842,7 @@ var __vue_render__$6 = function () {
|
|
|
49809
49842
|
return _vm.handlePlanClick(plan);
|
|
49810
49843
|
}
|
|
49811
49844
|
}
|
|
49812
|
-
}, [_vm._v(_vm._s(_vm.
|
|
49845
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49813
49846
|
staticClass: "features"
|
|
49814
49847
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49815
49848
|
return _c('li', {
|
|
@@ -49833,8 +49866,13 @@ var __vue_render__$6 = function () {
|
|
|
49833
49866
|
})]), _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
49867
|
}), 0)])], 1)]) : _vm._e();
|
|
49835
49868
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49869
|
+
staticClass: "swiper-pagination swiper-pagination-h-monthly",
|
|
49870
|
+
style: {
|
|
49871
|
+
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
49872
|
+
}
|
|
49873
|
+
}), _vm._v(" "), _c('div', {
|
|
49836
49874
|
ref: "swiperAnnually",
|
|
49837
|
-
staticClass: "swiper cards annually"
|
|
49875
|
+
staticClass: "swiper cards annually plans-h-cards"
|
|
49838
49876
|
}, [_c('div', {
|
|
49839
49877
|
staticClass: "swiper-wrapper"
|
|
49840
49878
|
}, _vm._l(_vm.annualPlans, function (plan, index) {
|
|
@@ -49850,7 +49888,7 @@ var __vue_render__$6 = function () {
|
|
|
49850
49888
|
staticClass: "most-popular"
|
|
49851
49889
|
}, [_c('div', {
|
|
49852
49890
|
staticClass: "most-popular-label"
|
|
49853
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most
|
|
49891
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ")])]) : _vm._e(), _vm._v(" "), _c('h3', {
|
|
49854
49892
|
staticClass: "title"
|
|
49855
49893
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49856
49894
|
class: ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']
|
|
@@ -49867,11 +49905,14 @@ var __vue_render__$6 = function () {
|
|
|
49867
49905
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
|
|
49868
49906
|
staticClass: "price"
|
|
49869
49907
|
}, [_vm._v("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n "), plan.price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])], 2), _vm._v(" "), _c('h6', {
|
|
49870
|
-
staticClass: "description"
|
|
49908
|
+
staticClass: "description",
|
|
49909
|
+
style: {
|
|
49910
|
+
visibility: plan.description ? 'visible' : 'hidden'
|
|
49911
|
+
}
|
|
49871
49912
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49872
49913
|
attrs: {
|
|
49873
49914
|
"variant": 'secondary',
|
|
49874
|
-
"disabled": _vm.
|
|
49915
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49875
49916
|
"loading": _vm.loadingPlanId === plan.id
|
|
49876
49917
|
},
|
|
49877
49918
|
on: {
|
|
@@ -49879,7 +49920,7 @@ var __vue_render__$6 = function () {
|
|
|
49879
49920
|
return _vm.handlePlanClick(plan);
|
|
49880
49921
|
}
|
|
49881
49922
|
}
|
|
49882
|
-
}, [_vm._v(_vm._s(_vm.
|
|
49923
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49883
49924
|
staticClass: "features"
|
|
49884
49925
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49885
49926
|
return _c('li', {
|
|
@@ -49903,9 +49944,9 @@ var __vue_render__$6 = function () {
|
|
|
49903
49944
|
})]), _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
49945
|
}), 0)])], 1)]) : _vm._e();
|
|
49905
49946
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49906
|
-
staticClass: "swiper-pagination",
|
|
49947
|
+
staticClass: "swiper-pagination-h-annually swiper-pagination",
|
|
49907
49948
|
style: {
|
|
49908
|
-
display: _vm.
|
|
49949
|
+
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
49909
49950
|
}
|
|
49910
49951
|
})]);
|
|
49911
49952
|
};
|
|
@@ -49915,11 +49956,11 @@ var __vue_staticRenderFns__$6 = [];
|
|
|
49915
49956
|
|
|
49916
49957
|
const __vue_inject_styles__$6 = function (inject) {
|
|
49917
49958
|
if (!inject) return;
|
|
49918
|
-
inject("data-v-
|
|
49919
|
-
source: ".container[data-v-
|
|
49959
|
+
inject("data-v-57deb5c6_0", {
|
|
49960
|
+
source: ".container[data-v-57deb5c6]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-57deb5c6]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-57deb5c6]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-57deb5c6]{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-57deb5c6]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-57deb5c6],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-57deb5c6]{border-left:1px solid #ccc}.card .title[data-v-57deb5c6]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-57deb5c6]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-57deb5c6]{min-height:44px}.card .price[data-v-57deb5c6]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-57deb5c6]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-57deb5c6]{margin-top:19px}.features ul[data-v-57deb5c6]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-57deb5c6]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-57deb5c6]{min-width:20px;min-height:20px}.feature span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-57deb5c6]{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-57deb5c6]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-57deb5c6]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-57deb5c6]{display:none}.swiper-plan-h-next-annually[data-v-57deb5c6],.swiper-plan-h-next-monthly[data-v-57deb5c6],.swiper-plan-h-prev-annually[data-v-57deb5c6],.swiper-plan-h-prev-monthly[data-v-57deb5c6]{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-57deb5c6]:disabled,.swiper-plan-h-next-monthly[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-annually[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-monthly[data-v-57deb5c6]:disabled{opacity:0}.plans-remaining[data-v-57deb5c6]{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-57deb5c6]::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-57deb5c6]{border-left:none}.swiper-plan-h-navigation[data-v-57deb5c6]{display:none!important}}",
|
|
49920
49961
|
map: undefined,
|
|
49921
49962
|
media: undefined
|
|
49922
|
-
}), inject("data-v-
|
|
49963
|
+
}), inject("data-v-57deb5c6_1", {
|
|
49923
49964
|
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
49965
|
map: undefined,
|
|
49925
49966
|
media: undefined
|
|
@@ -49928,7 +49969,7 @@ const __vue_inject_styles__$6 = function (inject) {
|
|
|
49928
49969
|
/* scoped */
|
|
49929
49970
|
|
|
49930
49971
|
|
|
49931
|
-
const __vue_scope_id__$6 = "data-v-
|
|
49972
|
+
const __vue_scope_id__$6 = "data-v-57deb5c6";
|
|
49932
49973
|
/* module identifier */
|
|
49933
49974
|
|
|
49934
49975
|
const __vue_module_identifier__$6 = undefined;
|
|
@@ -50181,6 +50222,10 @@ var script$4 = {
|
|
|
50181
50222
|
type: Object,
|
|
50182
50223
|
required: false
|
|
50183
50224
|
},
|
|
50225
|
+
shopifyPlan: {
|
|
50226
|
+
type: String,
|
|
50227
|
+
required: false
|
|
50228
|
+
},
|
|
50184
50229
|
selectedInterval: {
|
|
50185
50230
|
type: String,
|
|
50186
50231
|
required: false
|
|
@@ -50196,6 +50241,8 @@ var script$4 = {
|
|
|
50196
50241
|
}
|
|
50197
50242
|
},
|
|
50198
50243
|
methods: {
|
|
50244
|
+
isPlanButtonDisabled,
|
|
50245
|
+
getPlanButtonText,
|
|
50199
50246
|
formatFeature,
|
|
50200
50247
|
|
|
50201
50248
|
async handlePlanClick(plan) {
|
|
@@ -50492,7 +50539,7 @@ var script$4 = {
|
|
|
50492
50539
|
0: {
|
|
50493
50540
|
slidesPerView: 1.2
|
|
50494
50541
|
},
|
|
50495
|
-
|
|
50542
|
+
640: {
|
|
50496
50543
|
slidesPerView: 2
|
|
50497
50544
|
},
|
|
50498
50545
|
1024: {
|
|
@@ -50525,7 +50572,7 @@ var script$4 = {
|
|
|
50525
50572
|
0: {
|
|
50526
50573
|
slidesPerView: 1.2
|
|
50527
50574
|
},
|
|
50528
|
-
|
|
50575
|
+
640: {
|
|
50529
50576
|
slidesPerView: 2
|
|
50530
50577
|
},
|
|
50531
50578
|
1024: {
|
|
@@ -50826,7 +50873,7 @@ var __vue_render__$4 = function () {
|
|
|
50826
50873
|
staticClass: "button",
|
|
50827
50874
|
attrs: {
|
|
50828
50875
|
"variant": 'secondary',
|
|
50829
|
-
"disabled": _vm.
|
|
50876
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
50830
50877
|
"loading": _vm.loadingPlanId === plan.id
|
|
50831
50878
|
},
|
|
50832
50879
|
on: {
|
|
@@ -50834,7 +50881,7 @@ var __vue_render__$4 = function () {
|
|
|
50834
50881
|
return _vm.handlePlanClick(plan);
|
|
50835
50882
|
}
|
|
50836
50883
|
}
|
|
50837
|
-
}, [_vm._v(_vm._s(_vm.
|
|
50884
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
50838
50885
|
return [group.name ? _c('div', {
|
|
50839
50886
|
staticClass: "feature-group-header plan-feature plan-feature-monthly"
|
|
50840
50887
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -50979,7 +51026,7 @@ var __vue_render__$4 = function () {
|
|
|
50979
51026
|
staticClass: "button",
|
|
50980
51027
|
attrs: {
|
|
50981
51028
|
"variant": 'secondary',
|
|
50982
|
-
"disabled": _vm.
|
|
51029
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
50983
51030
|
"loading": _vm.loadingPlanId === plan.id
|
|
50984
51031
|
},
|
|
50985
51032
|
on: {
|
|
@@ -50987,7 +51034,7 @@ var __vue_render__$4 = function () {
|
|
|
50987
51034
|
return _vm.handlePlanClick(plan);
|
|
50988
51035
|
}
|
|
50989
51036
|
}
|
|
50990
|
-
}, [_vm._v(_vm._s(_vm.
|
|
51037
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
50991
51038
|
return [group.name ? _c('div', {
|
|
50992
51039
|
staticClass: "feature-group-header plan-feature plan-feature-annually"
|
|
50993
51040
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -51087,8 +51134,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
51087
51134
|
|
|
51088
51135
|
const __vue_inject_styles__$4 = function (inject) {
|
|
51089
51136
|
if (!inject) return;
|
|
51090
|
-
inject("data-v-
|
|
51091
|
-
source: ".container[data-v-
|
|
51137
|
+
inject("data-v-6ea7c21a_0", {
|
|
51138
|
+
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
51139
|
map: undefined,
|
|
51093
51140
|
media: undefined
|
|
51094
51141
|
});
|
|
@@ -51096,7 +51143,7 @@ const __vue_inject_styles__$4 = function (inject) {
|
|
|
51096
51143
|
/* scoped */
|
|
51097
51144
|
|
|
51098
51145
|
|
|
51099
|
-
const __vue_scope_id__$4 = "data-v-
|
|
51146
|
+
const __vue_scope_id__$4 = "data-v-6ea7c21a";
|
|
51100
51147
|
/* module identifier */
|
|
51101
51148
|
|
|
51102
51149
|
const __vue_module_identifier__$4 = undefined;
|
|
@@ -51171,11 +51218,19 @@ var __vue_render__$3 = function () {
|
|
|
51171
51218
|
staticClass: "block"
|
|
51172
51219
|
}, [_c('div', {
|
|
51173
51220
|
staticClass: "bundle-header"
|
|
51174
|
-
}, [_c('h3', [_vm._v(_vm._s(_vm.translateMe("Bundle")))]), _vm._v(" "), _c('
|
|
51221
|
+
}, [_c('h3', [_vm._v(_vm._s(_vm.translateMe("Bundle")))]), _vm._v(" "), _c('div', {
|
|
51222
|
+
staticClass: "bundle-price-wrapper"
|
|
51223
|
+
}, [_c('div', {
|
|
51224
|
+
staticStyle: {
|
|
51225
|
+
"display": "flex",
|
|
51226
|
+
"align-items": "center",
|
|
51227
|
+
"gap": "4px"
|
|
51228
|
+
}
|
|
51229
|
+
}, [_c('h2', [_vm._v("$" + _vm._s(_vm.plan.price - _vm.plan.discount))]), _vm._v(" "), _c('span', {
|
|
51175
51230
|
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', {
|
|
51231
|
+
}, [_vm._v(_vm._s(_vm.translateMe("/mo")))]), _vm._v(" "), _c('h4', [_vm._v("$" + _vm._s(_vm.plan.price))])]), _vm._v(" "), _c('span', {
|
|
51177
51232
|
staticClass: "apps-count"
|
|
51178
|
-
}, [_vm._v(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps")))])]), _vm._v(" "), _c('div', {
|
|
51233
|
+
}, [_vm._v(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps")))])])]), _vm._v(" "), _c('div', {
|
|
51179
51234
|
staticClass: "apps-list"
|
|
51180
51235
|
}, _vm._l(_vm.allApps, function (app, index) {
|
|
51181
51236
|
return _c('div', {
|
|
@@ -51201,7 +51256,7 @@ var __vue_render__$3 = function () {
|
|
|
51201
51256
|
return _vm.handlePlanClick('bundle');
|
|
51202
51257
|
}
|
|
51203
51258
|
}
|
|
51204
|
-
}, [_vm._v(_vm._s(_vm.translateMe("Start
|
|
51259
|
+
}, [_vm._v(_vm._s(_vm.translateMe("Start saving now")))])], 1);
|
|
51205
51260
|
};
|
|
51206
51261
|
|
|
51207
51262
|
var __vue_staticRenderFns__$3 = [];
|
|
@@ -51209,8 +51264,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
51209
51264
|
|
|
51210
51265
|
const __vue_inject_styles__$3 = function (inject) {
|
|
51211
51266
|
if (!inject) return;
|
|
51212
|
-
inject("data-v-
|
|
51213
|
-
source: ".block[data-v-
|
|
51267
|
+
inject("data-v-594b1d8b_0", {
|
|
51268
|
+
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
51269
|
map: undefined,
|
|
51215
51270
|
media: undefined
|
|
51216
51271
|
});
|
|
@@ -51218,7 +51273,7 @@ const __vue_inject_styles__$3 = function (inject) {
|
|
|
51218
51273
|
/* scoped */
|
|
51219
51274
|
|
|
51220
51275
|
|
|
51221
|
-
const __vue_scope_id__$3 = "data-v-
|
|
51276
|
+
const __vue_scope_id__$3 = "data-v-594b1d8b";
|
|
51222
51277
|
/* module identifier */
|
|
51223
51278
|
|
|
51224
51279
|
const __vue_module_identifier__$3 = undefined;
|
|
@@ -51558,7 +51613,7 @@ var script$1 = {
|
|
|
51558
51613
|
showPlansFeatures: false,
|
|
51559
51614
|
showCustomizationModal: false,
|
|
51560
51615
|
additionalBenefitsHeading: {
|
|
51561
|
-
category_name: "Unlock
|
|
51616
|
+
category_name: "Unlock additional benefits"
|
|
51562
51617
|
}
|
|
51563
51618
|
};
|
|
51564
51619
|
},
|
|
@@ -51916,7 +51971,7 @@ var __vue_render__$1 = function () {
|
|
|
51916
51971
|
"stroke-linecap": "round",
|
|
51917
51972
|
"stroke-linejoin": "round"
|
|
51918
51973
|
}
|
|
51919
|
-
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to
|
|
51974
|
+
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to app pricing')) + "\n ")]), _vm._v(" "), _c('div', {
|
|
51920
51975
|
staticClass: "bill-cycle-select-group__inner-left"
|
|
51921
51976
|
}, [_c('SelectButton', {
|
|
51922
51977
|
attrs: {
|
|
@@ -51928,7 +51983,7 @@ var __vue_render__$1 = function () {
|
|
|
51928
51983
|
return _vm.selectPlan('monthly');
|
|
51929
51984
|
}
|
|
51930
51985
|
}
|
|
51931
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
51986
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('SelectButton', {
|
|
51932
51987
|
attrs: {
|
|
51933
51988
|
"id": "pricing-tab",
|
|
51934
51989
|
"variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
|
|
@@ -51938,7 +51993,7 @@ var __vue_render__$1 = function () {
|
|
|
51938
51993
|
return _vm.selectPlan('annually');
|
|
51939
51994
|
}
|
|
51940
51995
|
}
|
|
51941
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
51996
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed yearly')) + "\n "), _c('strong', {
|
|
51942
51997
|
staticStyle: {
|
|
51943
51998
|
"white-space": "pre"
|
|
51944
51999
|
}
|
|
@@ -51983,6 +52038,7 @@ var __vue_render__$1 = function () {
|
|
|
51983
52038
|
"plans": _vm.plans,
|
|
51984
52039
|
"features": _vm.features,
|
|
51985
52040
|
"currentPlan": _vm.plan,
|
|
52041
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
51986
52042
|
"promotionalDiscount": _vm.promotional_discount,
|
|
51987
52043
|
"selectedInterval": _vm.selectedPlan
|
|
51988
52044
|
},
|
|
@@ -52014,6 +52070,7 @@ var __vue_render__$1 = function () {
|
|
|
52014
52070
|
attrs: {
|
|
52015
52071
|
"plans": _vm.plans,
|
|
52016
52072
|
"currentPlan": _vm.plan,
|
|
52073
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
52017
52074
|
"promotionalDiscount": _vm.promotional_discount,
|
|
52018
52075
|
"selectedInterval": _vm.selectedPlan,
|
|
52019
52076
|
"features": _vm.features
|
|
@@ -52041,7 +52098,7 @@ var __vue_render__$1 = function () {
|
|
|
52041
52098
|
}
|
|
52042
52099
|
}, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
|
|
52043
52100
|
staticClass: "customization-bundle-section"
|
|
52044
|
-
}, [_c('BundlePlanCard', {
|
|
52101
|
+
}, [_vm.bundle_plan ? _c('BundlePlanCard', {
|
|
52045
52102
|
attrs: {
|
|
52046
52103
|
"plan": _vm.bundle_plan,
|
|
52047
52104
|
"plan_details": _vm.bundle_details
|
|
@@ -52049,7 +52106,7 @@ var __vue_render__$1 = function () {
|
|
|
52049
52106
|
on: {
|
|
52050
52107
|
"plan-clicked": _vm.selectPlan
|
|
52051
52108
|
}
|
|
52052
|
-
})], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
52109
|
+
}) : _vm._e()], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
52053
52110
|
attrs: {
|
|
52054
52111
|
"visible": this.showCustomizationModal
|
|
52055
52112
|
},
|
|
@@ -52096,8 +52153,8 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
52096
52153
|
|
|
52097
52154
|
const __vue_inject_styles__$1 = function (inject) {
|
|
52098
52155
|
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% -
|
|
52156
|
+
inject("data-v-ec019326_0", {
|
|
52157
|
+
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
52158
|
map: undefined,
|
|
52102
52159
|
media: undefined
|
|
52103
52160
|
});
|