@hulkapps/app-manager-vue 3.1.22 → 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 +93 -9
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +94 -35
- 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 +1 -1
- package/src/components/PolarisNew/PlanCardsHighlights.vue +202 -2
|
@@ -47350,6 +47350,8 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47350
47350
|
anyAnnuallyPlanHasDiscount: false,
|
|
47351
47351
|
anyMonthlyPlanHasNote: false,
|
|
47352
47352
|
anyAnnuallyPlanHasNote: false,
|
|
47353
|
+
anyMonthlyPlanHasDetail: false,
|
|
47354
|
+
anyAnnuallyPlanHasDetail: false,
|
|
47353
47355
|
loadingPlanId: null
|
|
47354
47356
|
};
|
|
47355
47357
|
},
|
|
@@ -47357,6 +47359,9 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47357
47359
|
monthlyPlans: function monthlyPlans() {
|
|
47358
47360
|
var _this = this;
|
|
47359
47361
|
|
|
47362
|
+
this.anyMonthlyPlanHasDiscount = false;
|
|
47363
|
+
this.anyMonthlyPlanHasNote = false;
|
|
47364
|
+
this.anyMonthlyPlanHasDetail = false;
|
|
47360
47365
|
return this.plans.filter(function (plan) {
|
|
47361
47366
|
return plan.interval === "EVERY_30_DAYS";
|
|
47362
47367
|
}).map(function (plan) {
|
|
@@ -47370,12 +47375,19 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47370
47375
|
_this.anyMonthlyPlanHasNote = true;
|
|
47371
47376
|
}
|
|
47372
47377
|
|
|
47378
|
+
if (_this.getSortedPlanDetails(plan).length > 0 && _this.anyMonthlyPlanHasDetail === false) {
|
|
47379
|
+
_this.anyMonthlyPlanHasDetail = true;
|
|
47380
|
+
}
|
|
47381
|
+
|
|
47373
47382
|
return planDetails;
|
|
47374
47383
|
});
|
|
47375
47384
|
},
|
|
47376
47385
|
annualPlans: function annualPlans() {
|
|
47377
47386
|
var _this2 = this;
|
|
47378
47387
|
|
|
47388
|
+
this.anyAnnuallyPlanHasDiscount = false;
|
|
47389
|
+
this.anyAnnuallyPlanHasNote = false;
|
|
47390
|
+
this.anyAnnuallyPlanHasDetail = false;
|
|
47379
47391
|
return this.plans.filter(function (plan) {
|
|
47380
47392
|
return plan.interval === "ANNUAL";
|
|
47381
47393
|
}).map(function (plan) {
|
|
@@ -47389,6 +47401,10 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47389
47401
|
_this2.anyAnnuallyPlanHasNote = true;
|
|
47390
47402
|
}
|
|
47391
47403
|
|
|
47404
|
+
if (_this2.getSortedPlanDetails(plan).length > 0 && _this2.anyAnnuallyPlanHasDetail === false) {
|
|
47405
|
+
_this2.anyAnnuallyPlanHasDetail = true;
|
|
47406
|
+
}
|
|
47407
|
+
|
|
47392
47408
|
return planDetails;
|
|
47393
47409
|
});
|
|
47394
47410
|
},
|
|
@@ -47413,7 +47429,9 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47413
47429
|
getSortedPlanHighlights: function getSortedPlanHighlights(plan) {
|
|
47414
47430
|
var _this3 = this;
|
|
47415
47431
|
|
|
47416
|
-
return Object.values(plan.
|
|
47432
|
+
return Object.values(plan.details || {}).filter(function (highlight) {
|
|
47433
|
+
return highlight.type === "highlight";
|
|
47434
|
+
}).sort(function (a, b) {
|
|
47417
47435
|
return _this3.normalizeSortOrder(a.sort_order) - _this3.normalizeSortOrder(b.sort_order);
|
|
47418
47436
|
}).map(function (highlight) {
|
|
47419
47437
|
return {
|
|
@@ -47428,22 +47446,55 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47428
47446
|
};
|
|
47429
47447
|
});
|
|
47430
47448
|
},
|
|
47431
|
-
|
|
47449
|
+
getSortedPlanDetails: function getSortedPlanDetails(plan) {
|
|
47432
47450
|
var _this4 = this;
|
|
47433
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
|
+
|
|
47434
47485
|
var assignedFeatureUuids = new Set(Object.keys(plan.features || {}));
|
|
47435
47486
|
return this.features.filter(function (feature) {
|
|
47436
47487
|
return assignedFeatureUuids.has(feature.uuid) && !feature.hidden_feature;
|
|
47437
47488
|
}).sort(function (a, b) {
|
|
47438
|
-
var popularityA =
|
|
47489
|
+
var popularityA = _this5.normalizeSortOrder(a.popularity);
|
|
47439
47490
|
|
|
47440
|
-
var popularityB =
|
|
47491
|
+
var popularityB = _this5.normalizeSortOrder(b.popularity);
|
|
47441
47492
|
|
|
47442
47493
|
if (popularityA !== popularityB) {
|
|
47443
47494
|
return popularityA - popularityB;
|
|
47444
47495
|
}
|
|
47445
47496
|
|
|
47446
|
-
return
|
|
47497
|
+
return _this5.normalizeSortOrder(a.display_order) - _this5.normalizeSortOrder(b.display_order);
|
|
47447
47498
|
}).map(function (feature) {
|
|
47448
47499
|
var assignedFeature = plan.features[feature.uuid];
|
|
47449
47500
|
return _objectSpread2(_objectSpread2({}, feature), {}, {
|
|
@@ -47457,17 +47508,17 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47457
47508
|
return [].concat(_toConsumableArray(highlights), _toConsumableArray(features)).slice(0, 4);
|
|
47458
47509
|
},
|
|
47459
47510
|
handlePlanClick: function handlePlanClick(plan) {
|
|
47460
|
-
var
|
|
47511
|
+
var _this6 = this;
|
|
47461
47512
|
|
|
47462
47513
|
return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
47463
47514
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
47464
47515
|
while (1) {
|
|
47465
47516
|
switch (_context.prev = _context.next) {
|
|
47466
47517
|
case 0:
|
|
47467
|
-
|
|
47518
|
+
_this6.loadingPlanId = plan.id;
|
|
47468
47519
|
_context.prev = 1;
|
|
47469
47520
|
_context.next = 4;
|
|
47470
|
-
return
|
|
47521
|
+
return _this6.$emit("plan-clicked", plan);
|
|
47471
47522
|
|
|
47472
47523
|
case 4:
|
|
47473
47524
|
_context.next = 10;
|
|
@@ -47477,7 +47528,7 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47477
47528
|
_context.prev = 6;
|
|
47478
47529
|
_context.t0 = _context["catch"](1);
|
|
47479
47530
|
console.error('Error handling plan click:', _context.t0);
|
|
47480
|
-
|
|
47531
|
+
_this6.loadingPlanId = null;
|
|
47481
47532
|
|
|
47482
47533
|
case 10:
|
|
47483
47534
|
case "end":
|
|
@@ -47588,7 +47639,7 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47588
47639
|
}
|
|
47589
47640
|
},
|
|
47590
47641
|
mounted: function mounted() {
|
|
47591
|
-
var
|
|
47642
|
+
var _this7 = this;
|
|
47592
47643
|
|
|
47593
47644
|
this.updateSliderVisibility();
|
|
47594
47645
|
new Swiper(this.$refs.swiperMonthly, {
|
|
@@ -47620,10 +47671,10 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47620
47671
|
},
|
|
47621
47672
|
on: {
|
|
47622
47673
|
slideChange: function slideChange(swiper) {
|
|
47623
|
-
|
|
47674
|
+
_this7.updateRemainingPlans(swiper);
|
|
47624
47675
|
},
|
|
47625
47676
|
afterInit: function afterInit(swiper) {
|
|
47626
|
-
|
|
47677
|
+
_this7.updateRemainingPlans(swiper);
|
|
47627
47678
|
}
|
|
47628
47679
|
}
|
|
47629
47680
|
});
|
|
@@ -47656,10 +47707,10 @@ var isPublicPlan = function isPublicPlan(plan) {
|
|
|
47656
47707
|
},
|
|
47657
47708
|
on: {
|
|
47658
47709
|
slideChange: function slideChange(swiper) {
|
|
47659
|
-
|
|
47710
|
+
_this7.updateRemainingPlans(swiper, 'annually');
|
|
47660
47711
|
},
|
|
47661
47712
|
afterInit: function afterInit(swiper) {
|
|
47662
|
-
|
|
47713
|
+
_this7.updateRemainingPlans(swiper, 'annually');
|
|
47663
47714
|
}
|
|
47664
47715
|
}
|
|
47665
47716
|
});
|
|
@@ -47686,10 +47737,10 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47686
47737
|
|
|
47687
47738
|
return _c('div', {
|
|
47688
47739
|
staticClass: "container"
|
|
47689
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47690
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" 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, {
|
|
47691
47742
|
visibility: plan.description && _vm.selectedInterval === 'monthly' && _vm.isPublicPlan(plan) ? 'visible' : 'hidden'
|
|
47692
|
-
}, null) + " data-v-
|
|
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', {
|
|
47693
47744
|
attrs: {
|
|
47694
47745
|
"variant": 'secondary',
|
|
47695
47746
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47702,17 +47753,21 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47702
47753
|
}
|
|
47703
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, {
|
|
47704
47755
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47705
|
-
}, null) + " data-v-
|
|
47706
|
-
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>";
|
|
47707
47758
|
}) + "</ul></div> " + (_vm.anyMonthlyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47708
47759
|
visibility: _vm.selectedInterval === 'monthly' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47709
|
-
}, 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();
|
|
47710
47765
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47711
47766
|
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47712
|
-
}, null) + " data-v-
|
|
47713
|
-
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" 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, {
|
|
47714
47769
|
visibility: plan.description && _vm.selectedInterval === 'annually' && _vm.isPublicPlan(plan) ? 'visible' : 'hidden'
|
|
47715
|
-
}, null) + " data-v-
|
|
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', {
|
|
47716
47771
|
attrs: {
|
|
47717
47772
|
"variant": 'secondary',
|
|
47718
47773
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47725,14 +47780,18 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47725
47780
|
}
|
|
47726
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, {
|
|
47727
47782
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47728
|
-
}, null) + " data-v-
|
|
47729
|
-
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>";
|
|
47730
47785
|
}) + "</ul></div> " + (_vm.anyAnnuallyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47731
47786
|
visibility: _vm.selectedInterval === 'annually' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47732
|
-
}, 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();
|
|
47733
47792
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47734
47793
|
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47735
|
-
}, null) + " data-v-
|
|
47794
|
+
}, null) + " data-v-0b9f2176></div>")], 2);
|
|
47736
47795
|
};
|
|
47737
47796
|
|
|
47738
47797
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -47740,11 +47799,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
47740
47799
|
|
|
47741
47800
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
47742
47801
|
if (!inject) return;
|
|
47743
|
-
inject("data-v-
|
|
47744
|
-
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}}",
|
|
47745
47804
|
map: undefined,
|
|
47746
47805
|
media: undefined
|
|
47747
|
-
}), inject("data-v-
|
|
47806
|
+
}), inject("data-v-0b9f2176_1", {
|
|
47748
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}",
|
|
47749
47808
|
map: undefined,
|
|
47750
47809
|
media: undefined
|
|
@@ -47753,10 +47812,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
47753
47812
|
/* scoped */
|
|
47754
47813
|
|
|
47755
47814
|
|
|
47756
|
-
var __vue_scope_id__$7 = "data-v-
|
|
47815
|
+
var __vue_scope_id__$7 = "data-v-0b9f2176";
|
|
47757
47816
|
/* module identifier */
|
|
47758
47817
|
|
|
47759
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
47818
|
+
var __vue_module_identifier__$7 = "data-v-0b9f2176";
|
|
47760
47819
|
/* functional template */
|
|
47761
47820
|
|
|
47762
47821
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -49290,7 +49349,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
49290
49349
|
params['discount_code'] = _this6.discount_code;
|
|
49291
49350
|
}
|
|
49292
49351
|
|
|
49293
|
-
params['frontend_sdk_version'] = "3.1.
|
|
49352
|
+
params['frontend_sdk_version'] = "3.1.23";
|
|
49294
49353
|
_context6.next = 5;
|
|
49295
49354
|
return axios.get("".concat(_this6.app_manager_config.baseUrl, "/api/app-manager/plans"), {
|
|
49296
49355
|
params: params
|
|
@@ -49632,7 +49691,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
49632
49691
|
|
|
49633
49692
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
49634
49693
|
if (!inject) return;
|
|
49635
|
-
inject("data-v-
|
|
49694
|
+
inject("data-v-44b69fae_0", {
|
|
49636
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}}",
|
|
49637
49696
|
map: undefined,
|
|
49638
49697
|
media: undefined
|
|
@@ -49644,7 +49703,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
|
49644
49703
|
var __vue_scope_id__$1 = undefined;
|
|
49645
49704
|
/* module identifier */
|
|
49646
49705
|
|
|
49647
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
49706
|
+
var __vue_module_identifier__$1 = "data-v-44b69fae";
|
|
49648
49707
|
/* functional template */
|
|
49649
49708
|
|
|
49650
49709
|
var __vue_is_functional_template__$1 = false;
|