@hulkapps/app-manager-vue 3.1.19 → 3.1.21
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 +52 -28
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +81 -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 +1 -1
- package/src/components/PolarisNew/PlanCardsHighlights.vue +50 -29
|
@@ -47388,31 +47388,6 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47388
47388
|
return planDetails;
|
|
47389
47389
|
});
|
|
47390
47390
|
},
|
|
47391
|
-
sortedPlanFeatures: function sortedPlanFeatures() {
|
|
47392
|
-
var _this3 = this;
|
|
47393
|
-
|
|
47394
|
-
return function (plan) {
|
|
47395
|
-
var assignedFeatures = Object.keys(plan.features);
|
|
47396
|
-
return _this3.features.filter(function (feature) {
|
|
47397
|
-
return assignedFeatures.includes(feature.uuid) && !feature.hidden_feature;
|
|
47398
|
-
}).sort(function (a, b) {
|
|
47399
|
-
// First check popularity field
|
|
47400
|
-
var popularityA = parseInt(a.popularity) || 999;
|
|
47401
|
-
var popularityB = parseInt(b.popularity) || 999;
|
|
47402
|
-
|
|
47403
|
-
if (popularityA !== popularityB) {
|
|
47404
|
-
return popularityA - popularityB; // Lower popularity number first (1 is highest)
|
|
47405
|
-
} // If popularity is same or not present, use display_order
|
|
47406
|
-
|
|
47407
|
-
|
|
47408
|
-
return (parseInt(a.display_order) || 999) - (parseInt(b.display_order) || 999);
|
|
47409
|
-
}).slice(0, 4).map(function (feature) {
|
|
47410
|
-
return _objectSpread2(_objectSpread2({}, feature), {}, {
|
|
47411
|
-
value: plan.features[feature.uuid].value || plan.features[feature.uuid]
|
|
47412
|
-
});
|
|
47413
|
-
});
|
|
47414
|
-
};
|
|
47415
|
-
},
|
|
47416
47391
|
isMonthlyVisible: function isMonthlyVisible() {
|
|
47417
47392
|
return this.selectedInterval === "monthly";
|
|
47418
47393
|
},
|
|
@@ -47425,18 +47400,69 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47425
47400
|
isPlanNote: isPlanNote,
|
|
47426
47401
|
isPlanButtonDisabled: isPlanButtonDisabled,
|
|
47427
47402
|
formatFeature: formatFeature,
|
|
47428
|
-
|
|
47403
|
+
normalizeSortOrder: function normalizeSortOrder(value) {
|
|
47404
|
+
var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 999;
|
|
47405
|
+
var normalized = Number(value);
|
|
47406
|
+
return Number.isNaN(normalized) ? fallback : normalized;
|
|
47407
|
+
},
|
|
47408
|
+
getSortedPlanHighlights: function getSortedPlanHighlights(plan) {
|
|
47409
|
+
var _this3 = this;
|
|
47410
|
+
|
|
47411
|
+
return Object.values(plan.highlights || {}).sort(function (a, b) {
|
|
47412
|
+
return _this3.normalizeSortOrder(a.sort_order) - _this3.normalizeSortOrder(b.sort_order);
|
|
47413
|
+
}).map(function (highlight) {
|
|
47414
|
+
return {
|
|
47415
|
+
plan_id: highlight.plan_id,
|
|
47416
|
+
feature_id: "highlight_".concat(highlight.id),
|
|
47417
|
+
uuid: "highlight_".concat(highlight.id),
|
|
47418
|
+
value: "1",
|
|
47419
|
+
value_type: "boolean",
|
|
47420
|
+
name: highlight.text,
|
|
47421
|
+
format: null,
|
|
47422
|
+
slug: "highlight_".concat(highlight.id)
|
|
47423
|
+
};
|
|
47424
|
+
});
|
|
47425
|
+
},
|
|
47426
|
+
getSortedPlanFeatures: function getSortedPlanFeatures(plan) {
|
|
47429
47427
|
var _this4 = this;
|
|
47430
47428
|
|
|
47429
|
+
var assignedFeatureUuids = new Set(Object.keys(plan.features || {}));
|
|
47430
|
+
return this.features.filter(function (feature) {
|
|
47431
|
+
return assignedFeatureUuids.has(feature.uuid) && !feature.hidden_feature;
|
|
47432
|
+
}).sort(function (a, b) {
|
|
47433
|
+
var popularityA = _this4.normalizeSortOrder(a.popularity);
|
|
47434
|
+
|
|
47435
|
+
var popularityB = _this4.normalizeSortOrder(b.popularity);
|
|
47436
|
+
|
|
47437
|
+
if (popularityA !== popularityB) {
|
|
47438
|
+
return popularityA - popularityB;
|
|
47439
|
+
}
|
|
47440
|
+
|
|
47441
|
+
return _this4.normalizeSortOrder(a.display_order) - _this4.normalizeSortOrder(b.display_order);
|
|
47442
|
+
}).map(function (feature) {
|
|
47443
|
+
var assignedFeature = plan.features[feature.uuid];
|
|
47444
|
+
return _objectSpread2(_objectSpread2({}, feature), {}, {
|
|
47445
|
+
value: assignedFeature && assignedFeature.value !== undefined ? assignedFeature.value : assignedFeature
|
|
47446
|
+
});
|
|
47447
|
+
});
|
|
47448
|
+
},
|
|
47449
|
+
preparePlanFeatures: function preparePlanFeatures(plan) {
|
|
47450
|
+
var highlights = this.getSortedPlanHighlights(plan);
|
|
47451
|
+
var features = this.getSortedPlanFeatures(plan);
|
|
47452
|
+
return [].concat(_toConsumableArray(highlights), _toConsumableArray(features)).slice(0, 4);
|
|
47453
|
+
},
|
|
47454
|
+
handlePlanClick: function handlePlanClick(plan) {
|
|
47455
|
+
var _this5 = this;
|
|
47456
|
+
|
|
47431
47457
|
return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
47432
47458
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
47433
47459
|
while (1) {
|
|
47434
47460
|
switch (_context.prev = _context.next) {
|
|
47435
47461
|
case 0:
|
|
47436
|
-
|
|
47462
|
+
_this5.loadingPlanId = plan.id;
|
|
47437
47463
|
_context.prev = 1;
|
|
47438
47464
|
_context.next = 4;
|
|
47439
|
-
return
|
|
47465
|
+
return _this5.$emit("plan-clicked", plan);
|
|
47440
47466
|
|
|
47441
47467
|
case 4:
|
|
47442
47468
|
_context.next = 10;
|
|
@@ -47446,7 +47472,7 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47446
47472
|
_context.prev = 6;
|
|
47447
47473
|
_context.t0 = _context["catch"](1);
|
|
47448
47474
|
console.error('Error handling plan click:', _context.t0);
|
|
47449
|
-
|
|
47475
|
+
_this5.loadingPlanId = null;
|
|
47450
47476
|
|
|
47451
47477
|
case 10:
|
|
47452
47478
|
case "end":
|
|
@@ -47557,7 +47583,7 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47557
47583
|
}
|
|
47558
47584
|
},
|
|
47559
47585
|
mounted: function mounted() {
|
|
47560
|
-
var
|
|
47586
|
+
var _this6 = this;
|
|
47561
47587
|
|
|
47562
47588
|
this.updateSliderVisibility();
|
|
47563
47589
|
new Swiper(this.$refs.swiperMonthly, {
|
|
@@ -47589,10 +47615,10 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47589
47615
|
},
|
|
47590
47616
|
on: {
|
|
47591
47617
|
slideChange: function slideChange(swiper) {
|
|
47592
|
-
|
|
47618
|
+
_this6.updateRemainingPlans(swiper);
|
|
47593
47619
|
},
|
|
47594
47620
|
afterInit: function afterInit(swiper) {
|
|
47595
|
-
|
|
47621
|
+
_this6.updateRemainingPlans(swiper);
|
|
47596
47622
|
}
|
|
47597
47623
|
}
|
|
47598
47624
|
});
|
|
@@ -47625,10 +47651,10 @@ var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCh
|
|
|
47625
47651
|
},
|
|
47626
47652
|
on: {
|
|
47627
47653
|
slideChange: function slideChange(swiper) {
|
|
47628
|
-
|
|
47654
|
+
_this6.updateRemainingPlans(swiper, 'annually');
|
|
47629
47655
|
},
|
|
47630
47656
|
afterInit: function afterInit(swiper) {
|
|
47631
|
-
|
|
47657
|
+
_this6.updateRemainingPlans(swiper, 'annually');
|
|
47632
47658
|
}
|
|
47633
47659
|
}
|
|
47634
47660
|
});
|
|
@@ -47655,10 +47681,10 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47655
47681
|
|
|
47656
47682
|
return _c('div', {
|
|
47657
47683
|
staticClass: "container"
|
|
47658
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47659
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47684
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-7a59843b><button class=\"swiper-plan-h-prev-monthly\" data-v-7a59843b>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-7a59843b>" + _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-7a59843b><g clip-path=\"url(#clip0_859_9388)\" data-v-7a59843b><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path></g> <defs data-v-7a59843b><clipPath id=\"clip0_859_9388\" data-v-7a59843b><rect width=\"24\" height=\"24\" fill=\"white\" data-v-7a59843b></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-7a59843b>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-7a59843b>" + _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-7a59843b><g clip-path=\"url(#clip0_859_9381)\" data-v-7a59843b><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path></g> <defs data-v-7a59843b><clipPath id=\"clip0_859_9381\" data-v-7a59843b><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-7a59843b></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-7a59843b><button class=\"swiper-plan-h-prev-annually\" data-v-7a59843b>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-7a59843b>" + _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-7a59843b><g clip-path=\"url(#clip0_859_9388)\" data-v-7a59843b><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path></g> <defs data-v-7a59843b><clipPath id=\"clip0_859_9388\" data-v-7a59843b><rect width=\"24\" height=\"24\" fill=\"white\" data-v-7a59843b></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-7a59843b>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-7a59843b>" + _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-7a59843b><g clip-path=\"url(#clip0_859_9381)\" data-v-7a59843b><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7a59843b></path></g> <defs data-v-7a59843b><clipPath id=\"clip0_859_9381\" data-v-7a59843b><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-7a59843b></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-7a59843b>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-7a59843b>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
47685
|
+
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-7a59843b>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-7a59843b>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-7a59843b><div class=\"most-popular-label\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-7a59843b>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-7a59843b><span style=\"text-decoration: line-through;\" data-v-7a59843b>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-7a59843b>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-7a59843b>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47660
47686
|
visibility: plan.description && _vm.selectedInterval === 'monthly' && plan.is_custom === false ? 'visible' : 'hidden'
|
|
47661
|
-
}, null) + " data-v-
|
|
47687
|
+
}, null) + " data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47662
47688
|
attrs: {
|
|
47663
47689
|
"variant": 'secondary',
|
|
47664
47690
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47671,17 +47697,17 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47671
47697
|
}
|
|
47672
47698
|
}, [_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, {
|
|
47673
47699
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47674
|
-
}, null) + " data-v-
|
|
47675
|
-
return "<li class=\"feature\" data-v-
|
|
47700
|
+
}, null) + " data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-7a59843b><ul data-v-7a59843b>" + _vm._ssrList(_vm.preparePlanFeatures(plan), function (feature) {
|
|
47701
|
+
return "<li class=\"feature\" data-v-7a59843b><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7a59843b><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-7a59843b></path></svg> <span data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47676
47702
|
}) + "</ul></div> " + (_vm.anyMonthlyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47677
47703
|
visibility: _vm.selectedInterval === 'monthly' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47678
|
-
}, null) + " data-v-
|
|
47704
|
+
}, null) + " data-v-7a59843b>" + _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>" : "<!---->"))], 2)]) : _vm._e();
|
|
47679
47705
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47680
47706
|
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47681
|
-
}, null) + " data-v-
|
|
47682
|
-
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47707
|
+
}, null) + " data-v-7a59843b></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-7a59843b>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-7a59843b>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
47708
|
+
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-7a59843b>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-7a59843b>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-7a59843b><div class=\"most-popular-label\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-7a59843b>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-7a59843b><span style=\"text-decoration: line-through;\" data-v-7a59843b>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-7a59843b>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-7a59843b>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47683
47709
|
visibility: plan.description && _vm.selectedInterval === 'annually' && plan.is_custom === false ? 'visible' : 'hidden'
|
|
47684
|
-
}, null) + " data-v-
|
|
47710
|
+
}, null) + " data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47685
47711
|
attrs: {
|
|
47686
47712
|
"variant": 'secondary',
|
|
47687
47713
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
@@ -47694,14 +47720,14 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47694
47720
|
}
|
|
47695
47721
|
}, [_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, {
|
|
47696
47722
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47697
|
-
}, null) + " data-v-
|
|
47698
|
-
return "<li class=\"feature\" data-v-
|
|
47723
|
+
}, null) + " data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-7a59843b><ul data-v-7a59843b>" + _vm._ssrList(_vm.preparePlanFeatures(plan), function (feature) {
|
|
47724
|
+
return "<li class=\"feature\" data-v-7a59843b><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7a59843b><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-7a59843b></path></svg> <span data-v-7a59843b>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47699
47725
|
}) + "</ul></div> " + (_vm.anyAnnuallyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47700
47726
|
visibility: _vm.selectedInterval === 'annually' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47701
|
-
}, null) + " data-v-
|
|
47727
|
+
}, null) + " data-v-7a59843b>" + _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>" : "<!---->"))], 2)]) : _vm._e();
|
|
47702
47728
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47703
47729
|
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47704
|
-
}, null) + " data-v-
|
|
47730
|
+
}, null) + " data-v-7a59843b></div>")], 2);
|
|
47705
47731
|
};
|
|
47706
47732
|
|
|
47707
47733
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -47709,11 +47735,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
47709
47735
|
|
|
47710
47736
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
47711
47737
|
if (!inject) return;
|
|
47712
|
-
inject("data-v-
|
|
47713
|
-
source: ".container[data-v-
|
|
47738
|
+
inject("data-v-7a59843b_0", {
|
|
47739
|
+
source: ".container[data-v-7a59843b]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-7a59843b]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-7a59843b]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-7a59843b]{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-7a59843b]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-7a59843b],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-7a59843b]{border-left:1px solid #ccc}.card .title[data-v-7a59843b]{font-size:16px;font-weight:700;color:#1a1a1a}.card .price-wrapper[data-v-7a59843b]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-7a59843b]{min-height:44px}.card .price[data-v-7a59843b]{font-size:30px;font-weight:700;color:#4a4a4a}.card .price span[data-v-7a59843b]{font-size:13px;font-weight:400;color:#4a4a4a;margin-left:-6px;line-height:0}.card .description[data-v-7a59843b],.card .plan-note[data-v-7a59843b],.card .trial_days[data-v-7a59843b]{font-size:13px;font-weight:400;color:#4a4a4a}.card .description[data-v-7a59843b],.card .trial_days[data-v-7a59843b]{text-align:center;text-transform:unset}.card .plan-note[data-v-7a59843b]{margin-top:8px;text-align:center}.button[data-v-7a59843b]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-7a59843b]{margin-top:19px}.features ul[data-v-7a59843b]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-7a59843b]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-7a59843b]{min-width:20px;min-height:20px}.feature span[data-v-7a59843b]{font-size:13px;font-weight:400;color:#4a4a4a}.card .strike-price span[data-v-7a59843b]{color:#4a4a4a}.most-popular[data-v-7a59843b]{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-7a59843b]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-7a59843b]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-7a59843b]{display:none}.swiper-plan-h-next-annually[data-v-7a59843b],.swiper-plan-h-next-monthly[data-v-7a59843b],.swiper-plan-h-prev-annually[data-v-7a59843b],.swiper-plan-h-prev-monthly[data-v-7a59843b]{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-7a59843b]:disabled,.swiper-plan-h-next-monthly[data-v-7a59843b]:disabled,.swiper-plan-h-prev-annually[data-v-7a59843b]:disabled,.swiper-plan-h-prev-monthly[data-v-7a59843b]:disabled{opacity:0}.plans-remaining[data-v-7a59843b]{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-7a59843b]::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-7a59843b]{border-left:none}.swiper-plan-h-navigation[data-v-7a59843b]{display:none!important}}",
|
|
47714
47740
|
map: undefined,
|
|
47715
47741
|
media: undefined
|
|
47716
|
-
}), inject("data-v-
|
|
47742
|
+
}), inject("data-v-7a59843b_1", {
|
|
47717
47743
|
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}",
|
|
47718
47744
|
map: undefined,
|
|
47719
47745
|
media: undefined
|
|
@@ -47722,10 +47748,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
47722
47748
|
/* scoped */
|
|
47723
47749
|
|
|
47724
47750
|
|
|
47725
|
-
var __vue_scope_id__$7 = "data-v-
|
|
47751
|
+
var __vue_scope_id__$7 = "data-v-7a59843b";
|
|
47726
47752
|
/* module identifier */
|
|
47727
47753
|
|
|
47728
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
47754
|
+
var __vue_module_identifier__$7 = "data-v-7a59843b";
|
|
47729
47755
|
/* functional template */
|
|
47730
47756
|
|
|
47731
47757
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -49259,7 +49285,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
49259
49285
|
params['discount_code'] = _this6.discount_code;
|
|
49260
49286
|
}
|
|
49261
49287
|
|
|
49262
|
-
params['frontend_sdk_version'] = "3.1.
|
|
49288
|
+
params['frontend_sdk_version'] = "3.1.21";
|
|
49263
49289
|
_context6.next = 5;
|
|
49264
49290
|
return axios.get("".concat(_this6.app_manager_config.baseUrl, "/api/app-manager/plans"), {
|
|
49265
49291
|
params: params
|
|
@@ -49615,7 +49641,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
49615
49641
|
|
|
49616
49642
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
49617
49643
|
if (!inject) return;
|
|
49618
|
-
inject("data-v-
|
|
49644
|
+
inject("data-v-00cd1409_0", {
|
|
49619
49645
|
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@font-face{font-family:swiper-icons;src:url(\"data:application/font-woff;charset=utf-8;base64, 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\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1190px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.app-manager-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}}",
|
|
49620
49646
|
map: undefined,
|
|
49621
49647
|
media: undefined
|
|
@@ -49627,7 +49653,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
|
49627
49653
|
var __vue_scope_id__$1 = undefined;
|
|
49628
49654
|
/* module identifier */
|
|
49629
49655
|
|
|
49630
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
49656
|
+
var __vue_module_identifier__$1 = "data-v-00cd1409";
|
|
49631
49657
|
/* functional template */
|
|
49632
49658
|
|
|
49633
49659
|
var __vue_is_functional_template__$1 = false;
|