@hulkapps/app-manager-vue 3.1.7 → 3.1.9
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 +98 -49
- package/dist/app-manager-vue.min.js +2 -2
- package/dist/app-manager-vue.ssr.js +114 -77
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerSliderPlan.vue +9 -5
- package/src/components/PolarisNew/PlanCardsHighlights.vue +84 -8
- package/src/components/PolarisNew/PlanTable.vue +8 -4
|
@@ -49263,8 +49263,24 @@ const formatFeature = function (feature) {
|
|
|
49263
49263
|
|
|
49264
49264
|
return feature.value;
|
|
49265
49265
|
};
|
|
49266
|
+
/**
|
|
49267
|
+
* Check if the given plan is the current active plan.
|
|
49268
|
+
* This returns true only when there is an active charge, a currentPlan exists,
|
|
49269
|
+
* and the plan either matches the currentPlan id or (for non-custom plans)
|
|
49270
|
+
* its base_plan matches the currentPlan id. Ensures "current" is tied to an active charge.
|
|
49271
|
+
*/
|
|
49272
|
+
|
|
49273
|
+
const isCurrentPlan = function (plan, currentPlan) {
|
|
49274
|
+
let hasActiveCharge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
49275
|
+
return hasActiveCharge && currentPlan && (currentPlan.id === plan.id || !plan.is_custom && plan.base_plan === currentPlan.id);
|
|
49276
|
+
};
|
|
49277
|
+
const isSamePlanInOtherInterval = function (shopifyPlan, plan, currentPlan) {
|
|
49278
|
+
return currentPlan && plan.shopify_plans === shopifyPlan;
|
|
49279
|
+
};
|
|
49266
49280
|
const isPlanButtonDisabled = function (shopifyPlan, plan, currentPlan) {
|
|
49267
|
-
|
|
49281
|
+
let hasActiveCharge = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
49282
|
+
|
|
49283
|
+
if (isCurrentPlan(plan, currentPlan, hasActiveCharge)) {
|
|
49268
49284
|
return true;
|
|
49269
49285
|
}
|
|
49270
49286
|
|
|
@@ -49272,8 +49288,10 @@ const isPlanButtonDisabled = function (shopifyPlan, plan, currentPlan) {
|
|
|
49272
49288
|
};
|
|
49273
49289
|
const getPlanButtonText = function (shopifyPlan, plan, translateMe, currentPlan) {
|
|
49274
49290
|
let isPlanTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
49291
|
+
let hasActiveCharge = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
|
|
49292
|
+
const isCurrentPlanFlag = isCurrentPlan(plan, currentPlan, hasActiveCharge);
|
|
49275
49293
|
|
|
49276
|
-
if (
|
|
49294
|
+
if (isCurrentPlanFlag) {
|
|
49277
49295
|
return translateMe("Selected plan");
|
|
49278
49296
|
}
|
|
49279
49297
|
|
|
@@ -49281,12 +49299,28 @@ const getPlanButtonText = function (shopifyPlan, plan, translateMe, currentPlan)
|
|
|
49281
49299
|
return translateMe("Not applicable");
|
|
49282
49300
|
}
|
|
49283
49301
|
|
|
49284
|
-
if (
|
|
49302
|
+
if (isCurrentPlanFlag) {
|
|
49285
49303
|
return plan.price > currentPlan.price ? translateMe("Upgrade") : isPlanTable ? translateMe("Switch to this plan") : translateMe("Choose plan");
|
|
49286
49304
|
}
|
|
49287
49305
|
|
|
49288
49306
|
return translateMe("Choose plan");
|
|
49289
49307
|
};
|
|
49308
|
+
/**
|
|
49309
|
+
* Determine whether to show a store-base plan note below the plan.
|
|
49310
|
+
* Only applicable for store-base plans (`plan.store_base_plan`).
|
|
49311
|
+
* The note is shown when:
|
|
49312
|
+
* - a `currentPlan` exists,
|
|
49313
|
+
* - the `shopifyPlan` is listed in `plan.shopify_plans`,
|
|
49314
|
+
* - the plan is not the current active plan,
|
|
49315
|
+
* - and the plan is not the same plan in another interval.
|
|
49316
|
+
*
|
|
49317
|
+
* Use this to display the following note below the plan:
|
|
49318
|
+
* Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan
|
|
49319
|
+
*/
|
|
49320
|
+
|
|
49321
|
+
const isPlanNote = function (shopifyPlan, plan, currentPlan, hasActiveCharge) {
|
|
49322
|
+
return !!(plan.store_base_plan && currentPlan && plan.shopify_plans.includes(shopifyPlan) && !isCurrentPlan(plan, currentPlan, hasActiveCharge) && !isSamePlanInOtherInterval(shopifyPlan, plan, currentPlan));
|
|
49323
|
+
};
|
|
49290
49324
|
|
|
49291
49325
|
var script$7 = {
|
|
49292
49326
|
name: "PlanCardsHighlights",
|
|
@@ -49302,6 +49336,10 @@ var script$7 = {
|
|
|
49302
49336
|
type: Object,
|
|
49303
49337
|
required: false
|
|
49304
49338
|
},
|
|
49339
|
+
hasActiveCharge: {
|
|
49340
|
+
type: Boolean,
|
|
49341
|
+
required: false
|
|
49342
|
+
},
|
|
49305
49343
|
shopifyPlan: {
|
|
49306
49344
|
type: String,
|
|
49307
49345
|
required: false
|
|
@@ -49337,6 +49375,8 @@ var script$7 = {
|
|
|
49337
49375
|
},
|
|
49338
49376
|
anyMonthlyPlanHasDiscount: false,
|
|
49339
49377
|
anyAnnuallyPlanHasDiscount: false,
|
|
49378
|
+
anyMonthlyPlanHasNote: false,
|
|
49379
|
+
anyAnnuallyPlanHasNote: false,
|
|
49340
49380
|
loadingPlanId: null
|
|
49341
49381
|
};
|
|
49342
49382
|
},
|
|
@@ -49350,6 +49390,10 @@ var script$7 = {
|
|
|
49350
49390
|
this.anyMonthlyPlanHasDiscount = true;
|
|
49351
49391
|
}
|
|
49352
49392
|
|
|
49393
|
+
if (plan.store_base_plan && this.anyMonthlyPlanHasNote === false && isPlanNote(this.shopifyPlan, plan, this.currentPlan, this.hasActiveCharge)) {
|
|
49394
|
+
this.anyMonthlyPlanHasNote = true;
|
|
49395
|
+
}
|
|
49396
|
+
|
|
49353
49397
|
return planDetails;
|
|
49354
49398
|
});
|
|
49355
49399
|
},
|
|
@@ -49362,6 +49406,10 @@ var script$7 = {
|
|
|
49362
49406
|
this.anyAnnuallyPlanHasDiscount = true;
|
|
49363
49407
|
}
|
|
49364
49408
|
|
|
49409
|
+
if (plan.store_base_plan && this.anyAnnuallyPlanHasNote === false && isPlanNote(this.shopifyPlan, plan, this.currentPlan, this.hasActiveCharge)) {
|
|
49410
|
+
this.anyAnnuallyPlanHasNote = true;
|
|
49411
|
+
}
|
|
49412
|
+
|
|
49365
49413
|
return planDetails;
|
|
49366
49414
|
});
|
|
49367
49415
|
},
|
|
@@ -49397,6 +49445,7 @@ var script$7 = {
|
|
|
49397
49445
|
},
|
|
49398
49446
|
methods: {
|
|
49399
49447
|
getPlanButtonText,
|
|
49448
|
+
isPlanNote,
|
|
49400
49449
|
isPlanButtonDisabled,
|
|
49401
49450
|
formatFeature,
|
|
49402
49451
|
|
|
@@ -49849,7 +49898,7 @@ var __vue_render__$7 = function () {
|
|
|
49849
49898
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49850
49899
|
attrs: {
|
|
49851
49900
|
"variant": 'secondary',
|
|
49852
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49901
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
49853
49902
|
"loading": _vm.loadingPlanId === plan.id
|
|
49854
49903
|
},
|
|
49855
49904
|
on: {
|
|
@@ -49857,7 +49906,12 @@ var __vue_render__$7 = function () {
|
|
|
49857
49906
|
return _vm.handlePlanClick(plan);
|
|
49858
49907
|
}
|
|
49859
49908
|
}
|
|
49860
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('
|
|
49909
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, false, _vm.hasActiveCharge)) + "\n ")]), _vm._v(" "), _c('h6', {
|
|
49910
|
+
staticClass: "trial_days",
|
|
49911
|
+
style: {
|
|
49912
|
+
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
49913
|
+
}
|
|
49914
|
+
}, [_vm._v("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49861
49915
|
staticClass: "features"
|
|
49862
49916
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49863
49917
|
return _c('li', {
|
|
@@ -49879,7 +49933,12 @@ var __vue_render__$7 = function () {
|
|
|
49879
49933
|
"fill": "#1A1A1A"
|
|
49880
49934
|
}
|
|
49881
49935
|
})]), _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 ")])]);
|
|
49882
|
-
}), 0)])
|
|
49936
|
+
}), 0)]), _vm._v(" "), _vm.anyMonthlyPlanHasNote ? _c('p', {
|
|
49937
|
+
staticClass: "plan-note",
|
|
49938
|
+
style: {
|
|
49939
|
+
visibility: _vm.selectedInterval === 'monthly' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
49940
|
+
}
|
|
49941
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan')) + "\n ")]) : _vm._e()], 1)]) : _vm._e();
|
|
49883
49942
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49884
49943
|
staticClass: "swiper-pagination swiper-pagination-h-monthly",
|
|
49885
49944
|
style: {
|
|
@@ -49923,7 +49982,7 @@ var __vue_render__$7 = function () {
|
|
|
49923
49982
|
}, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
|
|
49924
49983
|
attrs: {
|
|
49925
49984
|
"variant": 'secondary',
|
|
49926
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
49985
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
49927
49986
|
"loading": _vm.loadingPlanId === plan.id
|
|
49928
49987
|
},
|
|
49929
49988
|
on: {
|
|
@@ -49931,7 +49990,12 @@ var __vue_render__$7 = function () {
|
|
|
49931
49990
|
return _vm.handlePlanClick(plan);
|
|
49932
49991
|
}
|
|
49933
49992
|
}
|
|
49934
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._v(" "), _c('
|
|
49993
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, false, _vm.hasActiveCharge)) + "\n ")]), _vm._v(" "), _c('h6', {
|
|
49994
|
+
staticClass: "trial_days",
|
|
49995
|
+
style: {
|
|
49996
|
+
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
49997
|
+
}
|
|
49998
|
+
}, [_vm._v("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49935
49999
|
staticClass: "features"
|
|
49936
50000
|
}, [_c('ul', _vm._l(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
49937
50001
|
return _c('li', {
|
|
@@ -49953,7 +50017,12 @@ var __vue_render__$7 = function () {
|
|
|
49953
50017
|
"fill": "#1A1A1A"
|
|
49954
50018
|
}
|
|
49955
50019
|
})]), _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 ")])]);
|
|
49956
|
-
}), 0)])
|
|
50020
|
+
}), 0)]), _vm._v(" "), _vm.anyAnnuallyPlanHasNote ? _c('p', {
|
|
50021
|
+
staticClass: "plan-note",
|
|
50022
|
+
style: {
|
|
50023
|
+
visibility: _vm.selectedInterval === 'annually' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
50024
|
+
}
|
|
50025
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan')) + "\n ")]) : _vm._e()], 1)]) : _vm._e();
|
|
49957
50026
|
}), 0)]), _vm._v(" "), _c('div', {
|
|
49958
50027
|
staticClass: "swiper-pagination-h-annually swiper-pagination",
|
|
49959
50028
|
style: {
|
|
@@ -49967,11 +50036,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
49967
50036
|
|
|
49968
50037
|
const __vue_inject_styles__$7 = function (inject) {
|
|
49969
50038
|
if (!inject) return;
|
|
49970
|
-
inject("data-v-
|
|
49971
|
-
source: ".container[data-v-
|
|
50039
|
+
inject("data-v-1857d2a8_0", {
|
|
50040
|
+
source: ".container[data-v-1857d2a8]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-1857d2a8]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-1857d2a8]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-1857d2a8]{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-1857d2a8]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-1857d2a8],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-1857d2a8]{border-left:1px solid #ccc}.card .title[data-v-1857d2a8]{font-size:16px;font-weight:700;color:#1a1a1a}.card .price-wrapper[data-v-1857d2a8]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-1857d2a8]{min-height:44px}.card .price[data-v-1857d2a8]{font-size:30px;font-weight:700;color:#4a4a4a}.card .price span[data-v-1857d2a8]{font-size:13px;font-weight:400;color:#4a4a4a;margin-left:-6px;line-height:0}.card .description[data-v-1857d2a8],.card .plan-note[data-v-1857d2a8],.card .trial_days[data-v-1857d2a8]{font-size:13px;font-weight:400;color:#4a4a4a}.card .plan-note[data-v-1857d2a8]{margin-top:8px;text-align:center}.button[data-v-1857d2a8]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-1857d2a8]{margin-top:19px}.features ul[data-v-1857d2a8]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-1857d2a8]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-1857d2a8]{min-width:20px;min-height:20px}.feature span[data-v-1857d2a8]{font-size:13px;font-weight:400;color:#4a4a4a}.card .strike-price span[data-v-1857d2a8]{color:#4a4a4a}.most-popular[data-v-1857d2a8]{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-1857d2a8]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-1857d2a8]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-1857d2a8]{display:none}.swiper-plan-h-next-annually[data-v-1857d2a8],.swiper-plan-h-next-monthly[data-v-1857d2a8],.swiper-plan-h-prev-annually[data-v-1857d2a8],.swiper-plan-h-prev-monthly[data-v-1857d2a8]{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-1857d2a8]:disabled,.swiper-plan-h-next-monthly[data-v-1857d2a8]:disabled,.swiper-plan-h-prev-annually[data-v-1857d2a8]:disabled,.swiper-plan-h-prev-monthly[data-v-1857d2a8]:disabled{opacity:0}.plans-remaining[data-v-1857d2a8]{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-1857d2a8]::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-1857d2a8]{border-left:none}.swiper-plan-h-navigation[data-v-1857d2a8]{display:none!important}}",
|
|
49972
50041
|
map: undefined,
|
|
49973
50042
|
media: undefined
|
|
49974
|
-
}), inject("data-v-
|
|
50043
|
+
}), inject("data-v-1857d2a8_1", {
|
|
49975
50044
|
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}",
|
|
49976
50045
|
map: undefined,
|
|
49977
50046
|
media: undefined
|
|
@@ -49980,7 +50049,7 @@ const __vue_inject_styles__$7 = function (inject) {
|
|
|
49980
50049
|
/* scoped */
|
|
49981
50050
|
|
|
49982
50051
|
|
|
49983
|
-
const __vue_scope_id__$7 = "data-v-
|
|
50052
|
+
const __vue_scope_id__$7 = "data-v-1857d2a8";
|
|
49984
50053
|
/* module identifier */
|
|
49985
50054
|
|
|
49986
50055
|
const __vue_module_identifier__$7 = undefined;
|
|
@@ -50377,6 +50446,10 @@ var script$4 = {
|
|
|
50377
50446
|
type: Object,
|
|
50378
50447
|
required: false
|
|
50379
50448
|
},
|
|
50449
|
+
hasActiveCharge: {
|
|
50450
|
+
type: Boolean,
|
|
50451
|
+
required: false
|
|
50452
|
+
},
|
|
50380
50453
|
shopifyPlan: {
|
|
50381
50454
|
type: String,
|
|
50382
50455
|
required: false
|
|
@@ -51070,7 +51143,7 @@ var __vue_render__$4 = function () {
|
|
|
51070
51143
|
staticClass: "button",
|
|
51071
51144
|
attrs: {
|
|
51072
51145
|
"variant": 'secondary',
|
|
51073
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
51146
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
51074
51147
|
"loading": _vm.loadingPlanId === plan.id
|
|
51075
51148
|
},
|
|
51076
51149
|
on: {
|
|
@@ -51078,7 +51151,7 @@ var __vue_render__$4 = function () {
|
|
|
51078
51151
|
return _vm.handlePlanClick(plan);
|
|
51079
51152
|
}
|
|
51080
51153
|
}
|
|
51081
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
51154
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 1), _vm._v(" "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
51082
51155
|
return [group.name ? _c('div', {
|
|
51083
51156
|
staticClass: "feature-group-header plan-feature plan-feature-monthly"
|
|
51084
51157
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -51229,7 +51302,7 @@ var __vue_render__$4 = function () {
|
|
|
51229
51302
|
staticClass: "button",
|
|
51230
51303
|
attrs: {
|
|
51231
51304
|
"variant": 'secondary',
|
|
51232
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
51305
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
51233
51306
|
"loading": _vm.loadingPlanId === plan.id
|
|
51234
51307
|
},
|
|
51235
51308
|
on: {
|
|
@@ -51237,7 +51310,7 @@ var __vue_render__$4 = function () {
|
|
|
51237
51310
|
return _vm.handlePlanClick(plan);
|
|
51238
51311
|
}
|
|
51239
51312
|
}
|
|
51240
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 1), _vm._v(" "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
51313
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 1), _vm._v(" "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
51241
51314
|
return [group.name ? _c('div', {
|
|
51242
51315
|
staticClass: "feature-group-header plan-feature plan-feature-annually"
|
|
51243
51316
|
}, [_vm._v("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(group.features, function (feature) {
|
|
@@ -51337,8 +51410,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
51337
51410
|
|
|
51338
51411
|
const __vue_inject_styles__$4 = function (inject) {
|
|
51339
51412
|
if (!inject) return;
|
|
51340
|
-
inject("data-v-
|
|
51341
|
-
source: ".container[data-v-
|
|
51413
|
+
inject("data-v-6f4f8718_0", {
|
|
51414
|
+
source: ".container[data-v-6f4f8718]{width:100%}.pricing-table[data-v-6f4f8718]{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-6f4f8718]{padding:16px}.plans[data-v-6f4f8718]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-6f4f8718]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-6f4f8718]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-6f4f8718]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-6f4f8718],.pricing-table.monthly-table .swiper-wrapper[data-v-6f4f8718]{height:auto!important}.table-header[data-v-6f4f8718]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0;z-index:10}.table-header h3[data-v-6f4f8718]{font-size:13px;font-weight:700;line-height:20px;color:#1a1a1a}.plan-header-wrapper[data-v-6f4f8718]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-6f4f8718]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-6f4f8718]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-6f4f8718]{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;word-break:normal;hyphens:none}.plan-table-checkmark[data-v-6f4f8718]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-6f4f8718]{display:flex;flex-direction:column;justify-content:space-between;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-6f4f8718]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-6f4f8718]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-6f4f8718]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-6f4f8718]{color:#4a4a4a;text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-6f4f8718]{color:#4a4a4a;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-6f4f8718]{display:inline-flex;text-align:center;font-size:16px;font-weight:700;color:#1a1a1a;width:max-content}.plan-header-wrapper .price-wrapper h4.plan-name[data-v-6f4f8718]{width:100%}.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-6f4f8718]{display:none}.plan-header-wrapper .price-wrapper h4 h6[data-v-6f4f8718]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-6f4f8718]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-6f4f8718]{display:none}.swiper-plan-annually-next[data-v-6f4f8718],.swiper-plan-annually-prev[data-v-6f4f8718],.swiper-plan-monthly-next[data-v-6f4f8718],.swiper-plan-monthly-prev[data-v-6f4f8718]{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-6f4f8718]:disabled,.swiper-plan-annually-prev[data-v-6f4f8718]:disabled,.swiper-plan-monthly-next[data-v-6f4f8718]:disabled,.swiper-plan-monthly-prev[data-v-6f4f8718]:disabled{opacity:0}.choose-button[data-v-6f4f8718]{background-color:#fff!important}.choose-button[data-v-6f4f8718]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-6f4f8718]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-6f4f8718]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-6f4f8718]::-webkit-scrollbar{display:none}.plans-remaining[data-v-6f4f8718]{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-6f4f8718]::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-6f4f8718]{font-size:14px!important;padding-left:12px!important}.feature-group-header.plan-feature[data-v-6f4f8718]{font-size:0!important}.feature-group-header[data-v-6f4f8718]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-6f4f8718]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-6f4f8718]{border-right:1px solid #e3e3e3}@media (max-width:1024px){.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-6f4f8718]{display:inline-block}.plan-header-wrapper .price-wrapper .desktop-plan-name[data-v-6f4f8718]{display:none}.plan-header-wrapper .price-wrapper .main-price[data-v-6f4f8718]{flex-direction:column}}@media (max-width:640px){.swiper-plan-navigation[data-v-6f4f8718]{display:none!important}.pricing-table[data-v-6f4f8718]{width:calc(100% + -2px)}}",
|
|
51342
51415
|
map: undefined,
|
|
51343
51416
|
media: undefined
|
|
51344
51417
|
});
|
|
@@ -51346,7 +51419,7 @@ const __vue_inject_styles__$4 = function (inject) {
|
|
|
51346
51419
|
/* scoped */
|
|
51347
51420
|
|
|
51348
51421
|
|
|
51349
|
-
const __vue_scope_id__$4 = "data-v-
|
|
51422
|
+
const __vue_scope_id__$4 = "data-v-6f4f8718";
|
|
51350
51423
|
/* module identifier */
|
|
51351
51424
|
|
|
51352
51425
|
const __vue_module_identifier__$4 = undefined;
|
|
@@ -52203,25 +52276,7 @@ var __vue_render__$1 = function () {
|
|
|
52203
52276
|
"gap": "3px",
|
|
52204
52277
|
"margin-left": "4px"
|
|
52205
52278
|
}
|
|
52206
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe('17%')))]), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.translateMe('Off')))])])]) : _vm._e()], 1), _vm._v(" "), _vm.bundle_plan
|
|
52207
|
-
attrs: {
|
|
52208
|
-
"id": "pricing-tab",
|
|
52209
|
-
"toggled": _vm.selectedPlan === 'bundle'
|
|
52210
|
-
},
|
|
52211
|
-
on: {
|
|
52212
|
-
"click": function ($event) {
|
|
52213
|
-
return _vm.selectPlan('bundle');
|
|
52214
|
-
}
|
|
52215
|
-
}
|
|
52216
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('App bundle plan')) + "\n -\n "), _c('strong', {
|
|
52217
|
-
staticStyle: {
|
|
52218
|
-
"white-space": "pre",
|
|
52219
|
-
"font-weight": "900",
|
|
52220
|
-
"display": "inline-flex",
|
|
52221
|
-
"gap": "3px",
|
|
52222
|
-
"margin-left": "4px"
|
|
52223
|
-
}
|
|
52224
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(Math.floor(Number(_vm.bundle_plan.discount * 100) / _vm.bundle_plan.price / 10) * 10)) + "%")]), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.translateMe('Off')))])])]) : _vm._e()], 1), _vm._v(" "), _vm.bundle_plan ? _c('PlanShowcaseBanner', {
|
|
52279
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe('17%')))]), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.translateMe('Off')))])])]) : _vm._e()], 1)]), _vm._v(" "), _vm.bundle_plan ? _c('PlanShowcaseBanner', {
|
|
52225
52280
|
attrs: {
|
|
52226
52281
|
"useCardStyle": true,
|
|
52227
52282
|
"width": this.width,
|
|
@@ -52244,6 +52299,7 @@ var __vue_render__$1 = function () {
|
|
|
52244
52299
|
"plans": _vm.plans,
|
|
52245
52300
|
"features": _vm.features,
|
|
52246
52301
|
"currentPlan": _vm.plan,
|
|
52302
|
+
"hasActiveCharge": _vm.has_active_charge,
|
|
52247
52303
|
"shopifyPlan": _vm.shopify_plan,
|
|
52248
52304
|
"promotionalDiscount": _vm.promotional_discount,
|
|
52249
52305
|
"selectedInterval": _vm.selectedPlan
|
|
@@ -52276,6 +52332,7 @@ var __vue_render__$1 = function () {
|
|
|
52276
52332
|
attrs: {
|
|
52277
52333
|
"plans": _vm.plans,
|
|
52278
52334
|
"currentPlan": _vm.plan,
|
|
52335
|
+
"hasActiveCharge": _vm.has_active_charge,
|
|
52279
52336
|
"shopifyPlan": _vm.shopify_plan,
|
|
52280
52337
|
"promotionalDiscount": _vm.promotional_discount,
|
|
52281
52338
|
"selectedInterval": _vm.selectedPlan,
|
|
@@ -52306,15 +52363,7 @@ var __vue_render__$1 = function () {
|
|
|
52306
52363
|
}
|
|
52307
52364
|
}, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
|
|
52308
52365
|
staticClass: "customization-bundle-section"
|
|
52309
|
-
},
|
|
52310
|
-
attrs: {
|
|
52311
|
-
"plan": _vm.bundle_plan,
|
|
52312
|
-
"plan_details": _vm.bundle_details
|
|
52313
|
-
},
|
|
52314
|
-
on: {
|
|
52315
|
-
"plan-clicked": _vm.selectPlan
|
|
52316
|
-
}
|
|
52317
|
-
}) : _vm._e()], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
52366
|
+
}), _vm._v(" "), _c('CustomizationModal', {
|
|
52318
52367
|
attrs: {
|
|
52319
52368
|
"visible": this.showCustomizationModal
|
|
52320
52369
|
},
|
|
@@ -52361,7 +52410,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
52361
52410
|
|
|
52362
52411
|
const __vue_inject_styles__$1 = function (inject) {
|
|
52363
52412
|
if (!inject) return;
|
|
52364
|
-
inject("data-v-
|
|
52413
|
+
inject("data-v-aa21ac48_0", {
|
|
52365
52414
|
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@font-face{font-family:swiper-icons;src:url(\"data:application/font-woff;charset=utf-8;base64, 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\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1190px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.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 .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:#1a1a1a!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:1190px!important;margin-left:auto;margin-right:auto;padding:0 96px}.bill-cycle-select-group.loose-width{max-width:1600px!important}.bill-cycle-select-group.tight-width{max-width:840px!important}.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 #1a1a1a}.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:#4a4a4a;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%}.app-manager .app-manager-plan-page-slider{padding-left:96px!important;padding-right:96px!important;max-width:1190px!important}.app-manager .app-manager-plan-page-slider.loose-width{max-width:1600px!important}.app-manager .app-manager-plan-page-slider.tight-width{max-width:840px!important}@media (max-width:1023px){.customization-bundle-section{flex-direction:column;gap:20px}}@media (max-width:992px){.app-manager .app-manager-plan-page-slider.loose-width,.bill-cycle-select-group.loose-width{max-width:none!important}}@media (max-width:767px){.app-manager .app-manager-plan-page-slider.loose-width,.bill-cycle-select-group.loose-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}}@media (max-width:640px){.app-manager .app-manager-plan-page-slider{padding-left:0!important;padding-right:0!important}}",
|
|
52366
52415
|
map: undefined,
|
|
52367
52416
|
media: undefined
|