@hulkapps/app-manager-vue 3.1.21 → 3.1.23
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 +104 -29
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +105 -55
- 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 +4 -3
- package/src/components/PolarisNew/PlanCardsHighlights.vue +206 -5
|
@@ -47181,14 +47181,15 @@ Swiper.use([Resize, Observer]);function createElementIfNotDefined(swiper, origin
|
|
|
47181
47181
|
*/
|
|
47182
47182
|
var calculatePlanPriceWithDiscounts = function calculatePlanPriceWithDiscounts(plan) {
|
|
47183
47183
|
var promotionalDiscount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
47184
|
-
var
|
|
47184
|
+
var normalizedOriginalPrice = Number(plan && plan.price);
|
|
47185
|
+
var originalPrice = Number.isFinite(normalizedOriginalPrice) ? normalizedOriginalPrice : 0;
|
|
47185
47186
|
var finalPrice = originalPrice;
|
|
47186
47187
|
var hasDiscount = false; // Apply promotional discount if available
|
|
47187
47188
|
|
|
47188
|
-
if ((promotionalDiscount === null || promotionalDiscount === void 0 ? void 0 : promotionalDiscount.value) > 0 && promotionalDiscount.plan_relation.includes(plan.id)) {
|
|
47189
|
+
if ((promotionalDiscount === null || promotionalDiscount === void 0 ? void 0 : promotionalDiscount.value) > 0 && Array.isArray(promotionalDiscount.plan_relation) && promotionalDiscount.plan_relation.includes(plan.id)) {
|
|
47189
47190
|
hasDiscount = true;
|
|
47190
47191
|
finalPrice = promotionalDiscount.type === 'percentage' ? originalPrice - originalPrice * promotionalDiscount.value / 100 : Math.max(0, originalPrice - promotionalDiscount.value); // Otherwise, apply plan's own discount
|
|
47191
|
-
} else if (plan.discount > 0) {
|
|
47192
|
+
} else if ((Number(plan.discount) || 0) > 0) {
|
|
47192
47193
|
hasDiscount = true;
|
|
47193
47194
|
finalPrice = plan.discount_type === 'percentage' ? originalPrice - originalPrice * plan.discount / 100 : Math.max(0, originalPrice - plan.discount);
|
|
47194
47195
|
}
|
|
@@ -47290,6 +47291,9 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47290
47291
|
|
|
47291
47292
|
var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCharge) {
|
|
47292
47293
|
return !!(plan.store_base_plan && currentPlan && plan.shopify_plans.includes(shopifyPlan) && !isCurrentPlan(plan, currentPlan, hasActiveCharge) && !isSamePlanInOtherInterval(shopifyPlan, plan, currentPlan));
|
|
47294
|
+
};
|
|
47295
|
+
var isPublicPlan = function isPublicPlan(plan) {
|
|
47296
|
+
return plan.public === true || plan.public === 'true' || plan.public === 1 || plan.public === '1';
|
|
47293
47297
|
};var script$7 = {
|
|
47294
47298
|
name: "PlanCardsHighlights",
|
|
47295
47299
|
components: {
|
|
@@ -47346,6 +47350,8 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47346
47350
|
anyAnnuallyPlanHasDiscount: false,
|
|
47347
47351
|
anyMonthlyPlanHasNote: false,
|
|
47348
47352
|
anyAnnuallyPlanHasNote: false,
|
|
47353
|
+
anyMonthlyPlanHasDetail: false,
|
|
47354
|
+
anyAnnuallyPlanHasDetail: false,
|
|
47349
47355
|
loadingPlanId: null
|
|
47350
47356
|
};
|
|
47351
47357
|
},
|
|
@@ -47353,6 +47359,9 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47353
47359
|
monthlyPlans: function monthlyPlans() {
|
|
47354
47360
|
var _this = this;
|
|
47355
47361
|
|
|
47362
|
+
this.anyMonthlyPlanHasDiscount = false;
|
|
47363
|
+
this.anyMonthlyPlanHasNote = false;
|
|
47364
|
+
this.anyMonthlyPlanHasDetail = false;
|
|
47356
47365
|
return this.plans.filter(function (plan) {
|
|
47357
47366
|
return plan.interval === "EVERY_30_DAYS";
|
|
47358
47367
|
}).map(function (plan) {
|
|
@@ -47366,12 +47375,19 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47366
47375
|
_this.anyMonthlyPlanHasNote = true;
|
|
47367
47376
|
}
|
|
47368
47377
|
|
|
47378
|
+
if (_this.getSortedPlanDetails(plan).length > 0 && _this.anyMonthlyPlanHasDetail === false) {
|
|
47379
|
+
_this.anyMonthlyPlanHasDetail = true;
|
|
47380
|
+
}
|
|
47381
|
+
|
|
47369
47382
|
return planDetails;
|
|
47370
47383
|
});
|
|
47371
47384
|
},
|
|
47372
47385
|
annualPlans: function annualPlans() {
|
|
47373
47386
|
var _this2 = this;
|
|
47374
47387
|
|
|
47388
|
+
this.anyAnnuallyPlanHasDiscount = false;
|
|
47389
|
+
this.anyAnnuallyPlanHasNote = false;
|
|
47390
|
+
this.anyAnnuallyPlanHasDetail = false;
|
|
47375
47391
|
return this.plans.filter(function (plan) {
|
|
47376
47392
|
return plan.interval === "ANNUAL";
|
|
47377
47393
|
}).map(function (plan) {
|
|
@@ -47385,6 +47401,10 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47385
47401
|
_this2.anyAnnuallyPlanHasNote = true;
|
|
47386
47402
|
}
|
|
47387
47403
|
|
|
47404
|
+
if (_this2.getSortedPlanDetails(plan).length > 0 && _this2.anyAnnuallyPlanHasDetail === false) {
|
|
47405
|
+
_this2.anyAnnuallyPlanHasDetail = true;
|
|
47406
|
+
}
|
|
47407
|
+
|
|
47388
47408
|
return planDetails;
|
|
47389
47409
|
});
|
|
47390
47410
|
},
|
|
@@ -47396,6 +47416,7 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47396
47416
|
}
|
|
47397
47417
|
},
|
|
47398
47418
|
methods: {
|
|
47419
|
+
isPublicPlan: isPublicPlan,
|
|
47399
47420
|
getPlanButtonText: getPlanButtonText,
|
|
47400
47421
|
isPlanNote: isPlanNote,
|
|
47401
47422
|
isPlanButtonDisabled: isPlanButtonDisabled,
|
|
@@ -47408,7 +47429,9 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47408
47429
|
getSortedPlanHighlights: function getSortedPlanHighlights(plan) {
|
|
47409
47430
|
var _this3 = this;
|
|
47410
47431
|
|
|
47411
|
-
return Object.values(plan.
|
|
47432
|
+
return Object.values(plan.details || {}).filter(function (highlight) {
|
|
47433
|
+
return highlight.type === "highlight";
|
|
47434
|
+
}).sort(function (a, b) {
|
|
47412
47435
|
return _this3.normalizeSortOrder(a.sort_order) - _this3.normalizeSortOrder(b.sort_order);
|
|
47413
47436
|
}).map(function (highlight) {
|
|
47414
47437
|
return {
|
|
@@ -47423,22 +47446,55 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47423
47446
|
};
|
|
47424
47447
|
});
|
|
47425
47448
|
},
|
|
47426
|
-
|
|
47449
|
+
getSortedPlanDetails: function getSortedPlanDetails(plan) {
|
|
47427
47450
|
var _this4 = this;
|
|
47428
47451
|
|
|
47452
|
+
return Object.values(plan.details || {}).filter(function (detail) {
|
|
47453
|
+
return detail.type === "detail";
|
|
47454
|
+
}).sort(function (a, b) {
|
|
47455
|
+
return _this4.normalizeSortOrder(a.sort_order) - _this4.normalizeSortOrder(b.sort_order);
|
|
47456
|
+
}).map(function (detail) {
|
|
47457
|
+
return {
|
|
47458
|
+
plan_id: detail.plan_id,
|
|
47459
|
+
feature_id: "detail_".concat(detail.id),
|
|
47460
|
+
uuid: "detail_".concat(detail.id),
|
|
47461
|
+
value: "1",
|
|
47462
|
+
value_type: "boolean",
|
|
47463
|
+
name: detail.text,
|
|
47464
|
+
format: null,
|
|
47465
|
+
slug: "detail_".concat(detail.id)
|
|
47466
|
+
};
|
|
47467
|
+
});
|
|
47468
|
+
},
|
|
47469
|
+
getPrimaryPlanDetail: function getPrimaryPlanDetail(plan) {
|
|
47470
|
+
var details = this.getSortedPlanDetails(plan);
|
|
47471
|
+
return details.length ? details[0] : null;
|
|
47472
|
+
},
|
|
47473
|
+
getAdditionalPlanDetails: function getAdditionalPlanDetails(plan) {
|
|
47474
|
+
var details = this.getSortedPlanDetails(plan);
|
|
47475
|
+
|
|
47476
|
+
if (details.length <= 1) {
|
|
47477
|
+
return [];
|
|
47478
|
+
}
|
|
47479
|
+
|
|
47480
|
+
return details.slice(1);
|
|
47481
|
+
},
|
|
47482
|
+
getSortedPlanFeatures: function getSortedPlanFeatures(plan) {
|
|
47483
|
+
var _this5 = this;
|
|
47484
|
+
|
|
47429
47485
|
var assignedFeatureUuids = new Set(Object.keys(plan.features || {}));
|
|
47430
47486
|
return this.features.filter(function (feature) {
|
|
47431
47487
|
return assignedFeatureUuids.has(feature.uuid) && !feature.hidden_feature;
|
|
47432
47488
|
}).sort(function (a, b) {
|
|
47433
|
-
var popularityA =
|
|
47489
|
+
var popularityA = _this5.normalizeSortOrder(a.popularity);
|
|
47434
47490
|
|
|
47435
|
-
var popularityB =
|
|
47491
|
+
var popularityB = _this5.normalizeSortOrder(b.popularity);
|
|
47436
47492
|
|
|
47437
47493
|
if (popularityA !== popularityB) {
|
|
47438
47494
|
return popularityA - popularityB;
|
|
47439
47495
|
}
|
|
47440
47496
|
|
|
47441
|
-
return
|
|
47497
|
+
return _this5.normalizeSortOrder(a.display_order) - _this5.normalizeSortOrder(b.display_order);
|
|
47442
47498
|
}).map(function (feature) {
|
|
47443
47499
|
var assignedFeature = plan.features[feature.uuid];
|
|
47444
47500
|
return _objectSpread2(_objectSpread2({}, feature), {}, {
|
|
@@ -47452,17 +47508,17 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47452
47508
|
return [].concat(_toConsumableArray(highlights), _toConsumableArray(features)).slice(0, 4);
|
|
47453
47509
|
},
|
|
47454
47510
|
handlePlanClick: function handlePlanClick(plan) {
|
|
47455
|
-
var
|
|
47511
|
+
var _this6 = this;
|
|
47456
47512
|
|
|
47457
47513
|
return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
47458
47514
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
47459
47515
|
while (1) {
|
|
47460
47516
|
switch (_context.prev = _context.next) {
|
|
47461
47517
|
case 0:
|
|
47462
|
-
|
|
47518
|
+
_this6.loadingPlanId = plan.id;
|
|
47463
47519
|
_context.prev = 1;
|
|
47464
47520
|
_context.next = 4;
|
|
47465
|
-
return
|
|
47521
|
+
return _this6.$emit("plan-clicked", plan);
|
|
47466
47522
|
|
|
47467
47523
|
case 4:
|
|
47468
47524
|
_context.next = 10;
|
|
@@ -47472,7 +47528,7 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47472
47528
|
_context.prev = 6;
|
|
47473
47529
|
_context.t0 = _context["catch"](1);
|
|
47474
47530
|
console.error('Error handling plan click:', _context.t0);
|
|
47475
|
-
|
|
47531
|
+
_this6.loadingPlanId = null;
|
|
47476
47532
|
|
|
47477
47533
|
case 10:
|
|
47478
47534
|
case "end":
|
|
@@ -47583,7 +47639,7 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47583
47639
|
}
|
|
47584
47640
|
},
|
|
47585
47641
|
mounted: function mounted() {
|
|
47586
|
-
var
|
|
47642
|
+
var _this7 = this;
|
|
47587
47643
|
|
|
47588
47644
|
this.updateSliderVisibility();
|
|
47589
47645
|
new Swiper(this.$refs.swiperMonthly, {
|
|
@@ -47615,10 +47671,10 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47615
47671
|
},
|
|
47616
47672
|
on: {
|
|
47617
47673
|
slideChange: function slideChange(swiper) {
|
|
47618
|
-
|
|
47674
|
+
_this7.updateRemainingPlans(swiper);
|
|
47619
47675
|
},
|
|
47620
47676
|
afterInit: function afterInit(swiper) {
|
|
47621
|
-
|
|
47677
|
+
_this7.updateRemainingPlans(swiper);
|
|
47622
47678
|
}
|
|
47623
47679
|
}
|
|
47624
47680
|
});
|
|
@@ -47651,10 +47707,10 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47651
47707
|
},
|
|
47652
47708
|
on: {
|
|
47653
47709
|
slideChange: function slideChange(swiper) {
|
|
47654
|
-
|
|
47710
|
+
_this7.updateRemainingPlans(swiper, 'annually');
|
|
47655
47711
|
},
|
|
47656
47712
|
afterInit: function afterInit(swiper) {
|
|
47657
|
-
|
|
47713
|
+
_this7.updateRemainingPlans(swiper, 'annually');
|
|
47658
47714
|
}
|
|
47659
47715
|
}
|
|
47660
47716
|
});
|
|
@@ -47681,10 +47737,10 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47681
47737
|
|
|
47682
47738
|
return _c('div', {
|
|
47683
47739
|
staticClass: "container"
|
|
47684
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47685
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47686
|
-
visibility: plan.description && _vm.selectedInterval === 'monthly' && plan
|
|
47687
|
-
}, null) + " data-v-
|
|
47740
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-0b9f2176><button class=\"swiper-plan-h-prev-monthly\" data-v-0b9f2176>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-0b9f2176>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.before + " " + (this.remainingPlansMonthly.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><g clip-path=\"url(#clip0_859_9388)\" data-v-0b9f2176><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path></g> <defs data-v-0b9f2176><clipPath id=\"clip0_859_9388\" data-v-0b9f2176><rect width=\"24\" height=\"24\" fill=\"white\" data-v-0b9f2176></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-0b9f2176>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-0b9f2176>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.after + " " + (this.remainingPlansMonthly.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans")))) + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><g clip-path=\"url(#clip0_859_9381)\" data-v-0b9f2176><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path></g> <defs data-v-0b9f2176><clipPath id=\"clip0_859_9381\" data-v-0b9f2176><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-0b9f2176></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-0b9f2176><button class=\"swiper-plan-h-prev-annually\" data-v-0b9f2176>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-0b9f2176>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.before + " " + (this.remainingPlansAnnually.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><g clip-path=\"url(#clip0_859_9388)\" data-v-0b9f2176><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path></g> <defs data-v-0b9f2176><clipPath id=\"clip0_859_9388\" data-v-0b9f2176><rect width=\"24\" height=\"24\" fill=\"white\" data-v-0b9f2176></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-0b9f2176>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-0b9f2176>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.after + " " + (this.remainingPlansAnnually.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><g clip-path=\"url(#clip0_859_9381)\" data-v-0b9f2176><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-0b9f2176></path></g> <defs data-v-0b9f2176><clipPath id=\"clip0_859_9381\" data-v-0b9f2176><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-0b9f2176></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-0b9f2176>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-0b9f2176>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
47741
|
+
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-0b9f2176>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-0b9f2176>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-0b9f2176><div class=\"most-popular-label\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-0b9f2176>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-0b9f2176><span style=\"text-decoration: line-through;\" data-v-0b9f2176>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-0b9f2176>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-0b9f2176>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47742
|
+
visibility: plan.description && _vm.selectedInterval === 'monthly' && _vm.isPublicPlan(plan) ? 'visible' : 'hidden'
|
|
47743
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47688
47744
|
attrs: {
|
|
47689
47745
|
"variant": 'secondary',
|
|
47690
47746
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47697,17 +47753,21 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47697
47753
|
}
|
|
47698
47754
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, false, _vm.hasActiveCharge)) + "\n ")]), _vm._ssrNode(" <h6 class=\"trial_days\"" + _vm._ssrStyle(null, {
|
|
47699
47755
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47700
|
-
}, null) + " data-v-
|
|
47701
|
-
return "<li class=\"feature\" data-v-
|
|
47756
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-0b9f2176><ul data-v-0b9f2176>" + _vm._ssrList(_vm.preparePlanFeatures(plan), function (feature) {
|
|
47757
|
+
return "<li class=\"feature\" data-v-0b9f2176><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7803 5.96967C16.0732 6.26256 16.0732 6.73744 15.7803 7.03033L9.28033 13.5303C8.98744 13.8232 8.51256 13.8232 8.21967 13.5303L4.96967 10.2803C4.67678 9.98744 4.67678 9.51256 4.96967 9.21967C5.26256 8.92678 5.73744 8.92678 6.03033 9.21967L8.75 11.9393L14.7197 5.96967C15.0126 5.67678 15.4874 5.67678 15.7803 5.96967Z\" fill=\"#1A1A1A\" data-v-0b9f2176></path></svg> <span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47702
47758
|
}) + "</ul></div> " + (_vm.anyMonthlyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47703
47759
|
visibility: _vm.selectedInterval === 'monthly' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47704
|
-
}, null) + " data-v-
|
|
47760
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe('Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan')) + "\n ") + "</p>" : "<!---->") + " " + (_vm.anyMonthlyPlanHasDetail ? "<h6 class=\"plan-detail\"" + _vm._ssrStyle(null, {
|
|
47761
|
+
visibility: _vm.selectedInterval === 'monthly' && _vm.getPrimaryPlanDetail(plan) ? 'visible' : 'hidden'
|
|
47762
|
+
}, null) + " data-v-0b9f2176><span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.getPrimaryPlanDetail(plan) ? _vm.translateMe(_vm.getPrimaryPlanDetail(plan).name) : '') + "\n ") + (_vm.getAdditionalPlanDetails(plan).length ? "<span tabindex=\"0\" role=\"button\" aria-label=\"Show more plan details\" class=\"plan-detail-tooltip-wrapper\" data-v-0b9f2176><span class=\"plan-detail-info\" data-v-0b9f2176>i</span> <span class=\"plan-detail-tooltip\" data-v-0b9f2176>" + _vm._ssrList(_vm.getAdditionalPlanDetails(plan), function (detail, detailIndex) {
|
|
47763
|
+
return "<span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(detail.name)) + "\n ") + "</span>";
|
|
47764
|
+
}) + "</span></span>" : "<!---->") + "</span></h6>" : "<!---->"))], 2)]) : _vm._e();
|
|
47705
47765
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47706
47766
|
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47707
|
-
}, null) + " data-v-
|
|
47708
|
-
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47709
|
-
visibility: plan.description && _vm.selectedInterval === 'annually' && plan
|
|
47710
|
-
}, null) + " data-v-
|
|
47767
|
+
}, null) + " data-v-0b9f2176></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-0b9f2176>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-0b9f2176>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
47768
|
+
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-0b9f2176>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-0b9f2176>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-0b9f2176><div class=\"most-popular-label\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-0b9f2176>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-0b9f2176><span style=\"text-decoration: line-through;\" data-v-0b9f2176>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-0b9f2176>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-0b9f2176>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47769
|
+
visibility: plan.description && _vm.selectedInterval === 'annually' && _vm.isPublicPlan(plan) ? 'visible' : 'hidden'
|
|
47770
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47711
47771
|
attrs: {
|
|
47712
47772
|
"variant": 'secondary',
|
|
47713
47773
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47720,14 +47780,18 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47720
47780
|
}
|
|
47721
47781
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, false, _vm.hasActiveCharge)) + "\n ")]), _vm._ssrNode(" <h6 class=\"trial_days\"" + _vm._ssrStyle(null, {
|
|
47722
47782
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47723
|
-
}, null) + " data-v-
|
|
47724
|
-
return "<li class=\"feature\" data-v-
|
|
47783
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-0b9f2176><ul data-v-0b9f2176>" + _vm._ssrList(_vm.preparePlanFeatures(plan), function (feature) {
|
|
47784
|
+
return "<li class=\"feature\" data-v-0b9f2176><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0b9f2176><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7803 5.96967C16.0732 6.26256 16.0732 6.73744 15.7803 7.03033L9.28033 13.5303C8.98744 13.8232 8.51256 13.8232 8.21967 13.5303L4.96967 10.2803C4.67678 9.98744 4.67678 9.51256 4.96967 9.21967C5.26256 8.92678 5.73744 8.92678 6.03033 9.21967L8.75 11.9393L14.7197 5.96967C15.0126 5.67678 15.4874 5.67678 15.7803 5.96967Z\" fill=\"#1A1A1A\" data-v-0b9f2176></path></svg> <span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47725
47785
|
}) + "</ul></div> " + (_vm.anyAnnuallyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47726
47786
|
visibility: _vm.selectedInterval === 'annually' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47727
|
-
}, null) + " data-v-
|
|
47787
|
+
}, null) + " data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe('Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan')) + "\n ") + "</p>" : "<!---->") + " " + (_vm.anyAnnuallyPlanHasDetail ? "<h6 class=\"plan-detail\"" + _vm._ssrStyle(null, {
|
|
47788
|
+
visibility: _vm.selectedInterval === 'annually' && _vm.getPrimaryPlanDetail(plan) ? 'visible' : 'hidden'
|
|
47789
|
+
}, null) + " data-v-0b9f2176><span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.getPrimaryPlanDetail(plan) ? _vm.translateMe(_vm.getPrimaryPlanDetail(plan).name) : '') + "\n ") + (_vm.getAdditionalPlanDetails(plan).length ? "<span tabindex=\"0\" role=\"button\" aria-label=\"Show more plan details\" class=\"plan-detail-tooltip-wrapper\" data-v-0b9f2176><span class=\"plan-detail-info\" data-v-0b9f2176>i</span> <span class=\"plan-detail-tooltip\" data-v-0b9f2176>" + _vm._ssrList(_vm.getAdditionalPlanDetails(plan), function (detail, detailIndex) {
|
|
47790
|
+
return "<span data-v-0b9f2176>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(detail.name)) + "\n ") + "</span>";
|
|
47791
|
+
}) + "</span></span>" : "<!---->") + "</span></h6>" : "<!---->"))], 2)]) : _vm._e();
|
|
47728
47792
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47729
47793
|
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47730
|
-
}, null) + " data-v-
|
|
47794
|
+
}, null) + " data-v-0b9f2176></div>")], 2);
|
|
47731
47795
|
};
|
|
47732
47796
|
|
|
47733
47797
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -47735,11 +47799,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
47735
47799
|
|
|
47736
47800
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
47737
47801
|
if (!inject) return;
|
|
47738
|
-
inject("data-v-
|
|
47739
|
-
source: ".container[data-v-
|
|
47802
|
+
inject("data-v-0b9f2176_0", {
|
|
47803
|
+
source: ".container[data-v-0b9f2176]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-0b9f2176]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-0b9f2176]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-0b9f2176]{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-0b9f2176]{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide[data-v-0b9f2176]{position:relative;z-index:1}.swiper-wrapper .swiper-slide[data-v-0b9f2176]:focus-within,.swiper-wrapper .swiper-slide[data-v-0b9f2176]:hover{z-index:4}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-0b9f2176],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-0b9f2176]{border-left:1px solid #ccc}.card .title[data-v-0b9f2176]{font-size:16px;font-weight:700;color:#1a1a1a}.card .price-wrapper[data-v-0b9f2176]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-0b9f2176]{min-height:44px}.card .price[data-v-0b9f2176]{font-size:30px;font-weight:700;color:#4a4a4a}.card .price span[data-v-0b9f2176]{font-size:13px;font-weight:400;color:#4a4a4a;margin-left:-6px;line-height:0}.card .description[data-v-0b9f2176],.card .plan-detail[data-v-0b9f2176],.card .plan-note[data-v-0b9f2176],.card .trial_days[data-v-0b9f2176]{font-size:13px;font-weight:400;color:#4a4a4a}.card .description[data-v-0b9f2176],.card .plan-detail[data-v-0b9f2176],.card .trial_days[data-v-0b9f2176]{text-align:center;text-transform:unset}.card .plan-detail[data-v-0b9f2176]{display:inline-flex;align-items:center;gap:6px;min-height:20px;width:100%;justify-content:center;border-top:1px solid #ccc;margin-top:16px;padding-top:12px}.plan-detail-info[data-v-0b9f2176]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #757575;color:#4a4a4a;font-size:12px;line-height:1;cursor:help;user-select:none}.plan-detail-tooltip-wrapper[data-v-0b9f2176]{position:relative;display:inline-flex;align-items:center;justify-content:center;outline:0}.plan-detail-tooltip[data-v-0b9f2176]{position:absolute;right:-8px;bottom:calc(100% + 8px);background-color:#fff;color:#333;font-weight:500;max-width:250px;min-width:150px;padding:8px 12px;border-radius:8px;font-size:13px;box-shadow:0 4px 8px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:20}.plan-detail-tooltip span[data-v-0b9f2176]{display:block;text-align:left}.plan-detail-tooltip[data-v-0b9f2176]::after{content:'';position:absolute;top:100%;right:12px;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))}.plan-detail-tooltip-wrapper:focus .plan-detail-tooltip[data-v-0b9f2176],.plan-detail-tooltip-wrapper:focus-within .plan-detail-tooltip[data-v-0b9f2176],.plan-detail-tooltip-wrapper:hover .plan-detail-tooltip[data-v-0b9f2176]{opacity:1;visibility:visible}.card .plan-note[data-v-0b9f2176]{margin-top:8px;text-align:center}.button[data-v-0b9f2176]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-0b9f2176]{margin-top:19px}.features ul[data-v-0b9f2176]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-0b9f2176]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-0b9f2176]{min-width:20px;min-height:20px}.feature span[data-v-0b9f2176]{font-size:13px;font-weight:400;color:#4a4a4a}.card .strike-price span[data-v-0b9f2176]{color:#4a4a4a}.most-popular[data-v-0b9f2176]{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-0b9f2176]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-0b9f2176]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-0b9f2176]{display:none}.swiper-plan-h-next-annually[data-v-0b9f2176],.swiper-plan-h-next-monthly[data-v-0b9f2176],.swiper-plan-h-prev-annually[data-v-0b9f2176],.swiper-plan-h-prev-monthly[data-v-0b9f2176]{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-0b9f2176]:disabled,.swiper-plan-h-next-monthly[data-v-0b9f2176]:disabled,.swiper-plan-h-prev-annually[data-v-0b9f2176]:disabled,.swiper-plan-h-prev-monthly[data-v-0b9f2176]:disabled{opacity:0}.plans-remaining[data-v-0b9f2176]{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-0b9f2176]::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-0b9f2176]{border-left:none}.swiper-plan-h-navigation[data-v-0b9f2176]{display:none!important}}",
|
|
47740
47804
|
map: undefined,
|
|
47741
47805
|
media: undefined
|
|
47742
|
-
}), inject("data-v-
|
|
47806
|
+
}), inject("data-v-0b9f2176_1", {
|
|
47743
47807
|
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}",
|
|
47744
47808
|
map: undefined,
|
|
47745
47809
|
media: undefined
|
|
@@ -47748,10 +47812,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
47748
47812
|
/* scoped */
|
|
47749
47813
|
|
|
47750
47814
|
|
|
47751
|
-
var __vue_scope_id__$7 = "data-v-
|
|
47815
|
+
var __vue_scope_id__$7 = "data-v-0b9f2176";
|
|
47752
47816
|
/* module identifier */
|
|
47753
47817
|
|
|
47754
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
47818
|
+
var __vue_module_identifier__$7 = "data-v-0b9f2176";
|
|
47755
47819
|
/* functional template */
|
|
47756
47820
|
|
|
47757
47821
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -49285,7 +49349,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
49285
49349
|
params['discount_code'] = _this6.discount_code;
|
|
49286
49350
|
}
|
|
49287
49351
|
|
|
49288
|
-
params['frontend_sdk_version'] = "3.1.
|
|
49352
|
+
params['frontend_sdk_version'] = "3.1.23";
|
|
49289
49353
|
_context6.next = 5;
|
|
49290
49354
|
return axios.get("".concat(_this6.app_manager_config.baseUrl, "/api/app-manager/plans"), {
|
|
49291
49355
|
params: params
|
|
@@ -49507,21 +49571,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49507
49571
|
"gap": "3px",
|
|
49508
49572
|
"margin-left": "4px"
|
|
49509
49573
|
}
|
|
49510
|
-
}, [_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(" "),
|
|
49511
|
-
attrs: {
|
|
49512
|
-
"useCardStyle": true,
|
|
49513
|
-
"width": this.width,
|
|
49514
|
-
"showcaseData": _vm.bundle_plan,
|
|
49515
|
-
"realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
|
|
49516
|
-
"oldPrice": _vm.bundle_plan.price,
|
|
49517
|
-
"isCurrentPlan": _vm.isCurrentPlanId(_vm.bundle_plan)
|
|
49518
|
-
},
|
|
49519
|
-
on: {
|
|
49520
|
-
"plan-clicked": function planClicked($event) {
|
|
49521
|
-
return _vm.handlePlanClicked(_vm.bundle_plan);
|
|
49522
|
-
}
|
|
49523
|
-
}
|
|
49524
|
-
}) : _vm._e(), _vm._v(" "), _c('PPage', {
|
|
49574
|
+
}, [_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(" "), _c('PPage', {
|
|
49525
49575
|
class: ['app-manager-plan-page-slider', 'custom-title', this.width === 'loose' ? 'loose-width' : '', this.width === 'tight' ? 'tight-width' : '', this.width === 'base' ? 'base-width' : '']
|
|
49526
49576
|
}, [_c('PLayout', {
|
|
49527
49577
|
staticClass: "custom-plan"
|
|
@@ -49641,7 +49691,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
49641
49691
|
|
|
49642
49692
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
49643
49693
|
if (!inject) return;
|
|
49644
|
-
inject("data-v-
|
|
49694
|
+
inject("data-v-44b69fae_0", {
|
|
49645
49695
|
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, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\");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-wrapper,.app-manager-wrapper *,.app-manager-wrapper ::after,.app-manager-wrapper ::before{box-sizing:border-box!important}.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}}",
|
|
49646
49696
|
map: undefined,
|
|
49647
49697
|
media: undefined
|
|
@@ -49653,7 +49703,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
|
49653
49703
|
var __vue_scope_id__$1 = undefined;
|
|
49654
49704
|
/* module identifier */
|
|
49655
49705
|
|
|
49656
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
49706
|
+
var __vue_module_identifier__$1 = "data-v-44b69fae";
|
|
49657
49707
|
/* functional template */
|
|
49658
49708
|
|
|
49659
49709
|
var __vue_is_functional_template__$1 = false;
|