@hulkapps/app-manager-vue 3.1.8 → 3.1.10
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 +95 -24
- package/dist/app-manager-vue.min.js +2 -2
- package/dist/app-manager-vue.ssr.js +117 -52
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerSliderPlan.vue +9 -1
- package/src/components/PolarisNew/PlanCardsHighlights.vue +61 -8
- package/src/components/PolarisNew/PlanTable.vue +8 -4
|
@@ -47233,8 +47233,24 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47233
47233
|
|
|
47234
47234
|
return feature.value;
|
|
47235
47235
|
};
|
|
47236
|
+
/**
|
|
47237
|
+
* Check if the given plan is the current active plan.
|
|
47238
|
+
* This returns true only when there is an active charge, a currentPlan exists,
|
|
47239
|
+
* and the plan either matches the currentPlan id or (for non-custom plans)
|
|
47240
|
+
* its base_plan matches the currentPlan id. Ensures "current" is tied to an active charge.
|
|
47241
|
+
*/
|
|
47242
|
+
|
|
47243
|
+
var isCurrentPlan = function isCurrentPlan(plan, currentPlan) {
|
|
47244
|
+
var hasActiveCharge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
47245
|
+
return hasActiveCharge && currentPlan && (currentPlan.id === plan.id || !plan.is_custom && plan.base_plan === currentPlan.id);
|
|
47246
|
+
};
|
|
47247
|
+
var isSamePlanInOtherInterval = function isSamePlanInOtherInterval(shopifyPlan, plan, currentPlan) {
|
|
47248
|
+
return currentPlan && plan.shopify_plans === shopifyPlan;
|
|
47249
|
+
};
|
|
47236
47250
|
var isPlanButtonDisabled = function isPlanButtonDisabled(shopifyPlan, plan, currentPlan) {
|
|
47237
|
-
|
|
47251
|
+
var hasActiveCharge = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
47252
|
+
|
|
47253
|
+
if (isCurrentPlan(plan, currentPlan, hasActiveCharge)) {
|
|
47238
47254
|
return true;
|
|
47239
47255
|
}
|
|
47240
47256
|
|
|
@@ -47242,8 +47258,10 @@ var isPlanButtonDisabled = function isPlanButtonDisabled(shopifyPlan, plan, curr
|
|
|
47242
47258
|
};
|
|
47243
47259
|
var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateMe, currentPlan) {
|
|
47244
47260
|
var isPlanTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
47261
|
+
var hasActiveCharge = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
|
|
47262
|
+
var isCurrentPlanFlag = isCurrentPlan(plan, currentPlan, hasActiveCharge);
|
|
47245
47263
|
|
|
47246
|
-
if (
|
|
47264
|
+
if (isCurrentPlanFlag) {
|
|
47247
47265
|
return translateMe("Selected plan");
|
|
47248
47266
|
}
|
|
47249
47267
|
|
|
@@ -47251,11 +47269,27 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47251
47269
|
return translateMe("Not applicable");
|
|
47252
47270
|
}
|
|
47253
47271
|
|
|
47254
|
-
if (
|
|
47272
|
+
if (isCurrentPlanFlag) {
|
|
47255
47273
|
return plan.price > currentPlan.price ? translateMe("Upgrade") : isPlanTable ? translateMe("Switch to this plan") : translateMe("Choose plan");
|
|
47256
47274
|
}
|
|
47257
47275
|
|
|
47258
47276
|
return translateMe("Choose plan");
|
|
47277
|
+
};
|
|
47278
|
+
/**
|
|
47279
|
+
* Determine whether to show a store-base plan note below the plan.
|
|
47280
|
+
* Only applicable for store-base plans (`plan.store_base_plan`).
|
|
47281
|
+
* The note is shown when:
|
|
47282
|
+
* - a `currentPlan` exists,
|
|
47283
|
+
* - the `shopifyPlan` is listed in `plan.shopify_plans`,
|
|
47284
|
+
* - the plan is not the current active plan,
|
|
47285
|
+
* - and the plan is not the same plan in another interval.
|
|
47286
|
+
*
|
|
47287
|
+
* Use this to display the following note below the plan:
|
|
47288
|
+
* Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan
|
|
47289
|
+
*/
|
|
47290
|
+
|
|
47291
|
+
var isPlanNote = function isPlanNote(shopifyPlan, plan, currentPlan, hasActiveCharge) {
|
|
47292
|
+
return !!(plan.store_base_plan && currentPlan && plan.shopify_plans.includes(shopifyPlan) && !isCurrentPlan(plan, currentPlan, hasActiveCharge) && !isSamePlanInOtherInterval(shopifyPlan, plan, currentPlan));
|
|
47259
47293
|
};var script$7 = {
|
|
47260
47294
|
name: "PlanCardsHighlights",
|
|
47261
47295
|
components: {
|
|
@@ -47270,6 +47304,10 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47270
47304
|
type: Object,
|
|
47271
47305
|
required: false
|
|
47272
47306
|
},
|
|
47307
|
+
hasActiveCharge: {
|
|
47308
|
+
type: Boolean,
|
|
47309
|
+
required: false
|
|
47310
|
+
},
|
|
47273
47311
|
shopifyPlan: {
|
|
47274
47312
|
type: String,
|
|
47275
47313
|
required: false
|
|
@@ -47306,6 +47344,8 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47306
47344
|
},
|
|
47307
47345
|
anyMonthlyPlanHasDiscount: false,
|
|
47308
47346
|
anyAnnuallyPlanHasDiscount: false,
|
|
47347
|
+
anyMonthlyPlanHasNote: false,
|
|
47348
|
+
anyAnnuallyPlanHasNote: false,
|
|
47309
47349
|
loadingPlanId: null
|
|
47310
47350
|
};
|
|
47311
47351
|
},
|
|
@@ -47322,6 +47362,10 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47322
47362
|
_this.anyMonthlyPlanHasDiscount = true;
|
|
47323
47363
|
}
|
|
47324
47364
|
|
|
47365
|
+
if (plan.store_base_plan && _this.anyMonthlyPlanHasNote === false && isPlanNote(_this.shopifyPlan, plan, _this.currentPlan, _this.hasActiveCharge)) {
|
|
47366
|
+
_this.anyMonthlyPlanHasNote = true;
|
|
47367
|
+
}
|
|
47368
|
+
|
|
47325
47369
|
return planDetails;
|
|
47326
47370
|
});
|
|
47327
47371
|
},
|
|
@@ -47337,6 +47381,10 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47337
47381
|
_this2.anyAnnuallyPlanHasDiscount = true;
|
|
47338
47382
|
}
|
|
47339
47383
|
|
|
47384
|
+
if (plan.store_base_plan && _this2.anyAnnuallyPlanHasNote === false && isPlanNote(_this2.shopifyPlan, plan, _this2.currentPlan, _this2.hasActiveCharge)) {
|
|
47385
|
+
_this2.anyAnnuallyPlanHasNote = true;
|
|
47386
|
+
}
|
|
47387
|
+
|
|
47340
47388
|
return planDetails;
|
|
47341
47389
|
});
|
|
47342
47390
|
},
|
|
@@ -47374,6 +47422,7 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47374
47422
|
},
|
|
47375
47423
|
methods: {
|
|
47376
47424
|
getPlanButtonText: getPlanButtonText,
|
|
47425
|
+
isPlanNote: isPlanNote,
|
|
47377
47426
|
isPlanButtonDisabled: isPlanButtonDisabled,
|
|
47378
47427
|
formatFeature: formatFeature,
|
|
47379
47428
|
handlePlanClick: function handlePlanClick(plan) {
|
|
@@ -47606,13 +47655,13 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47606
47655
|
|
|
47607
47656
|
return _c('div', {
|
|
47608
47657
|
staticClass: "container"
|
|
47609
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47610
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47658
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-de65f680><button class=\"swiper-plan-h-prev-monthly\" data-v-de65f680>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-de65f680>" + _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-de65f680><g clip-path=\"url(#clip0_859_9388)\" data-v-de65f680><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path></g> <defs data-v-de65f680><clipPath id=\"clip0_859_9388\" data-v-de65f680><rect width=\"24\" height=\"24\" fill=\"white\" data-v-de65f680></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-de65f680>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-de65f680>" + _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-de65f680><g clip-path=\"url(#clip0_859_9381)\" data-v-de65f680><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path></g> <defs data-v-de65f680><clipPath id=\"clip0_859_9381\" data-v-de65f680><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-de65f680></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-de65f680><button class=\"swiper-plan-h-prev-annually\" data-v-de65f680>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-de65f680>" + _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-de65f680><g clip-path=\"url(#clip0_859_9388)\" data-v-de65f680><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path></g> <defs data-v-de65f680><clipPath id=\"clip0_859_9388\" data-v-de65f680><rect width=\"24\" height=\"24\" fill=\"white\" data-v-de65f680></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-de65f680>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-de65f680>" + _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-de65f680><g clip-path=\"url(#clip0_859_9381)\" data-v-de65f680><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-de65f680></path></g> <defs data-v-de65f680><clipPath id=\"clip0_859_9381\" data-v-de65f680><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-de65f680></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-de65f680>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-de65f680>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
47659
|
+
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-de65f680>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-de65f680>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-de65f680><div class=\"most-popular-label\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-de65f680>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-de65f680><span style=\"text-decoration: line-through;\" data-v-de65f680>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-de65f680>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-de65f680>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47611
47660
|
visibility: plan.description && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47612
|
-
}, null) + " data-v-
|
|
47661
|
+
}, null) + " data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47613
47662
|
attrs: {
|
|
47614
47663
|
"variant": 'secondary',
|
|
47615
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
47664
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
47616
47665
|
"loading": _vm.loadingPlanId === plan.id
|
|
47617
47666
|
},
|
|
47618
47667
|
on: {
|
|
@@ -47620,20 +47669,22 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47620
47669
|
return _vm.handlePlanClick(plan);
|
|
47621
47670
|
}
|
|
47622
47671
|
}
|
|
47623
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <h6 class=\"trial_days\"" + _vm._ssrStyle(null, {
|
|
47672
|
+
}, [_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, {
|
|
47624
47673
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47625
|
-
}, null) + " data-v-
|
|
47626
|
-
return "<li class=\"feature\" data-v-
|
|
47627
|
-
}) + "</ul></div>"
|
|
47674
|
+
}, null) + " data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-de65f680><ul data-v-de65f680>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47675
|
+
return "<li class=\"feature\" data-v-de65f680><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-de65f680><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-de65f680></path></svg> <span data-v-de65f680>" + _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
|
+
}) + "</ul></div> " + (_vm.anyMonthlyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47677
|
+
visibility: _vm.selectedInterval === 'monthly' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47678
|
+
}, null) + " data-v-de65f680>" + _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();
|
|
47628
47679
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47629
47680
|
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47630
|
-
}, null) + " data-v-
|
|
47631
|
-
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47681
|
+
}, null) + " data-v-de65f680></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-de65f680>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-de65f680>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
47682
|
+
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-de65f680>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-de65f680>", "</div>", [_vm._ssrNode((plan.most_popular ? "<div class=\"most-popular\" data-v-de65f680><div class=\"most-popular-label\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-de65f680>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-de65f680><span style=\"text-decoration: line-through;\" data-v-de65f680>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-de65f680>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-de65f680>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47632
47683
|
visibility: plan.description && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47633
|
-
}, null) + " data-v-
|
|
47684
|
+
}, null) + " data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47634
47685
|
attrs: {
|
|
47635
47686
|
"variant": 'secondary',
|
|
47636
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
47687
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
47637
47688
|
"loading": _vm.loadingPlanId === plan.id
|
|
47638
47689
|
},
|
|
47639
47690
|
on: {
|
|
@@ -47641,14 +47692,16 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47641
47692
|
return _vm.handlePlanClick(plan);
|
|
47642
47693
|
}
|
|
47643
47694
|
}
|
|
47644
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <h6 class=\"trial_days\"" + _vm._ssrStyle(null, {
|
|
47695
|
+
}, [_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, {
|
|
47645
47696
|
visibility: plan.trial_days > 0 && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47646
|
-
}, null) + " data-v-
|
|
47647
|
-
return "<li class=\"feature\" data-v-
|
|
47648
|
-
}) + "</ul></div>"
|
|
47697
|
+
}, null) + " data-v-de65f680>" + _vm._ssrEscape("\n " + _vm._s(plan.trial_days + _vm.translateMe("-") + _vm.translateMe("day free trial")) + "\n ") + "</h6> <div class=\"features\" data-v-de65f680><ul data-v-de65f680>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47698
|
+
return "<li class=\"feature\" data-v-de65f680><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-de65f680><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-de65f680></path></svg> <span data-v-de65f680>" + _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
|
+
}) + "</ul></div> " + (_vm.anyAnnuallyPlanHasNote ? "<p class=\"plan-note\"" + _vm._ssrStyle(null, {
|
|
47700
|
+
visibility: _vm.selectedInterval === 'annually' && _vm.isPlanNote(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge) ? 'visible' : 'hidden'
|
|
47701
|
+
}, null) + " data-v-de65f680>" + _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();
|
|
47649
47702
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47650
47703
|
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47651
|
-
}, null) + " data-v-
|
|
47704
|
+
}, null) + " data-v-de65f680></div>")], 2);
|
|
47652
47705
|
};
|
|
47653
47706
|
|
|
47654
47707
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -47656,11 +47709,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
47656
47709
|
|
|
47657
47710
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
47658
47711
|
if (!inject) return;
|
|
47659
|
-
inject("data-v-
|
|
47660
|
-
source: ".container[data-v-
|
|
47712
|
+
inject("data-v-de65f680_0", {
|
|
47713
|
+
source: ".container[data-v-de65f680]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-de65f680]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-de65f680]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-de65f680]{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-de65f680]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-de65f680],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-de65f680]{border-left:1px solid #ccc}.card .title[data-v-de65f680]{font-size:16px;font-weight:700;color:#1a1a1a}.card .price-wrapper[data-v-de65f680]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-de65f680]{min-height:44px}.card .price[data-v-de65f680]{font-size:30px;font-weight:700;color:#4a4a4a}.card .price span[data-v-de65f680]{font-size:13px;font-weight:400;color:#4a4a4a;margin-left:-6px;line-height:0}.card .description[data-v-de65f680],.card .plan-note[data-v-de65f680],.card .trial_days[data-v-de65f680]{font-size:13px;font-weight:400;color:#4a4a4a}.card .plan-note[data-v-de65f680]{margin-top:8px;text-align:center}.button[data-v-de65f680]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-de65f680]{margin-top:19px}.features ul[data-v-de65f680]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-de65f680]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-de65f680]{min-width:20px;min-height:20px}.feature span[data-v-de65f680]{font-size:13px;font-weight:400;color:#4a4a4a}.card .strike-price span[data-v-de65f680]{color:#4a4a4a}.most-popular[data-v-de65f680]{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-de65f680]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-de65f680]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-de65f680]{display:none}.swiper-plan-h-next-annually[data-v-de65f680],.swiper-plan-h-next-monthly[data-v-de65f680],.swiper-plan-h-prev-annually[data-v-de65f680],.swiper-plan-h-prev-monthly[data-v-de65f680]{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-de65f680]:disabled,.swiper-plan-h-next-monthly[data-v-de65f680]:disabled,.swiper-plan-h-prev-annually[data-v-de65f680]:disabled,.swiper-plan-h-prev-monthly[data-v-de65f680]:disabled{opacity:0}.plans-remaining[data-v-de65f680]{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-de65f680]::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-de65f680]{border-left:none}.swiper-plan-h-navigation[data-v-de65f680]{display:none!important}}",
|
|
47661
47714
|
map: undefined,
|
|
47662
47715
|
media: undefined
|
|
47663
|
-
}), inject("data-v-
|
|
47716
|
+
}), inject("data-v-de65f680_1", {
|
|
47664
47717
|
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}",
|
|
47665
47718
|
map: undefined,
|
|
47666
47719
|
media: undefined
|
|
@@ -47669,10 +47722,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
47669
47722
|
/* scoped */
|
|
47670
47723
|
|
|
47671
47724
|
|
|
47672
|
-
var __vue_scope_id__$7 = "data-v-
|
|
47725
|
+
var __vue_scope_id__$7 = "data-v-de65f680";
|
|
47673
47726
|
/* module identifier */
|
|
47674
47727
|
|
|
47675
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
47728
|
+
var __vue_module_identifier__$7 = "data-v-de65f680";
|
|
47676
47729
|
/* functional template */
|
|
47677
47730
|
|
|
47678
47731
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -47927,6 +47980,10 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
47927
47980
|
type: Object,
|
|
47928
47981
|
required: false
|
|
47929
47982
|
},
|
|
47983
|
+
hasActiveCharge: {
|
|
47984
|
+
type: Boolean,
|
|
47985
|
+
required: false
|
|
47986
|
+
},
|
|
47930
47987
|
shopifyPlan: {
|
|
47931
47988
|
type: String,
|
|
47932
47989
|
required: false
|
|
@@ -48400,22 +48457,22 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48400
48457
|
|
|
48401
48458
|
return _c('div', {
|
|
48402
48459
|
staticClass: "container"
|
|
48403
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-
|
|
48404
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48405
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48460
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-6f4f8718><button class=\"swiper-plan-monthly-prev\" data-v-6f4f8718>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-6f4f8718>" + _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-6f4f8718><g clip-path=\"url(#clip0_859_9388)\" data-v-6f4f8718><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9388\" data-v-6f4f8718><rect width=\"24\" height=\"24\" fill=\"white\" data-v-6f4f8718></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-monthly-next\" data-v-6f4f8718>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-6f4f8718>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.after + " " + (this.remainingPlansMonthly.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-6f4f8718><g clip-path=\"url(#clip0_859_9381)\" data-v-6f4f8718><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9381\" data-v-6f4f8718><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-6f4f8718></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-navigation nav-annually-table\" data-v-6f4f8718><button class=\"swiper-plan-annually-prev\" data-v-6f4f8718>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-6f4f8718>" + _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-6f4f8718><g clip-path=\"url(#clip0_859_9388)\" data-v-6f4f8718><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9388\" data-v-6f4f8718><rect width=\"24\" height=\"24\" fill=\"white\" data-v-6f4f8718></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-annually-next\" data-v-6f4f8718>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-6f4f8718>" + _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-6f4f8718><g clip-path=\"url(#clip0_859_9381)\" data-v-6f4f8718><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9381\" data-v-6f4f8718><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-6f4f8718></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"pricing-table monthly-table\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-monthly\" data-v-6f4f8718><h3 data-v-6f4f8718>" + _vm._ssrEscape("\n " + _vm._s(_vm.monthlyPlans.length) + " " + _vm._s(_vm.monthlyPlans.length > 1 ? _vm.translateMe("plans available") : _vm.translateMe("plan available")) + "\n ") + "</h3></div> "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
48461
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-6f4f8718>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48462
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-6f4f8718>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48406
48463
|
attrs: {
|
|
48407
48464
|
"text": _vm.translateMe(feature.description)
|
|
48408
48465
|
}
|
|
48409
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48466
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48410
48467
|
})];
|
|
48411
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-
|
|
48468
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-6f4f8718>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
48412
48469
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48413
48470
|
'last-slide': index === _vm.monthlyPlans.length - 1
|
|
48414
|
-
}) + " data-v-
|
|
48471
|
+
}) + " data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-monthly\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-6f4f8718><h4 class=\"plan-name mobile-plan-name\" data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.strike_price ? "<h5 data-v-6f4f8718><span class=\"strike-price\" data-v-6f4f8718>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-6f4f8718>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-6f4f8718><h4 class=\"plan-name desktop-plan-name\" data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-6f4f8718><span class=\"plan-price\" data-v-6f4f8718>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-6f4f8718>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48415
48472
|
staticClass: "button",
|
|
48416
48473
|
attrs: {
|
|
48417
48474
|
"variant": 'secondary',
|
|
48418
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
48475
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
48419
48476
|
"loading": _vm.loadingPlanId === plan.id
|
|
48420
48477
|
},
|
|
48421
48478
|
on: {
|
|
@@ -48423,27 +48480,27 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48423
48480
|
return _vm.handlePlanClick(plan);
|
|
48424
48481
|
}
|
|
48425
48482
|
}
|
|
48426
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48427
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-
|
|
48428
|
-
return "<div class=\"plan-feature plan-feature-monthly\" data-v-
|
|
48483
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48484
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-6f4f8718>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48485
|
+
return "<div class=\"plan-feature plan-feature-monthly\" data-v-6f4f8718>" + (_vm.hasFeature(plan, feature) ? "<div data-v-6f4f8718>" + (feature.value_type === 'boolean' ? "<div data-v-6f4f8718><span class=\"plan-table-checkmark\" data-v-6f4f8718><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6f4f8718><g clip-path=\"url(#clip0_859_9134)\" data-v-6f4f8718><path d=\"M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9134\" data-v-6f4f8718><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6f4f8718></rect></clipPath></defs></svg></span></div>" : "<div data-v-6f4f8718><span data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-6f4f8718><span class=\"plan-table-checkmark\" data-v-6f4f8718><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6f4f8718><g clip-path=\"url(#clip0_859_9139)\" data-v-6f4f8718><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9139\" data-v-6f4f8718><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6f4f8718></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48429
48486
|
});
|
|
48430
48487
|
}))], 2);
|
|
48431
|
-
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-
|
|
48432
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-
|
|
48433
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-
|
|
48488
|
+
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-annually\" data-v-6f4f8718><h3 data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.annualPlans.length) + " " + _vm._s(_vm.annualPlans.length > 1 ? _vm.translateMe("plans available") : _vm.translateMe("plan available"))) + "</h3></div> "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
48489
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-6f4f8718>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48490
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-6f4f8718>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48434
48491
|
attrs: {
|
|
48435
48492
|
"text": _vm.translateMe(feature.description)
|
|
48436
48493
|
}
|
|
48437
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48494
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48438
48495
|
})];
|
|
48439
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-
|
|
48496
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-6f4f8718>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
48440
48497
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48441
48498
|
'last-slide': index === _vm.annualPlans.length - 1
|
|
48442
|
-
}) + " data-v-
|
|
48499
|
+
}) + " data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-annually\" data-v-6f4f8718>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-6f4f8718><h4 class=\"plan-name mobile-plan-name\" data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.strike_price ? "<h5 data-v-6f4f8718><span class=\"strike-price\" data-v-6f4f8718>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-6f4f8718>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-6f4f8718><h4 class=\"plan-name desktop-plan-name\" data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-6f4f8718><span class=\"plan-price\" data-v-6f4f8718>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-6f4f8718>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48443
48500
|
staticClass: "button",
|
|
48444
48501
|
attrs: {
|
|
48445
48502
|
"variant": 'secondary',
|
|
48446
|
-
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
48503
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan, _vm.hasActiveCharge),
|
|
48447
48504
|
"loading": _vm.loadingPlanId === plan.id
|
|
48448
48505
|
},
|
|
48449
48506
|
on: {
|
|
@@ -48451,9 +48508,9 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48451
48508
|
return _vm.handlePlanClick(plan);
|
|
48452
48509
|
}
|
|
48453
48510
|
}
|
|
48454
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48455
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-
|
|
48456
|
-
return "<div class=\"plan-feature plan-feature-annually\" data-v-
|
|
48511
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48512
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-6f4f8718>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48513
|
+
return "<div class=\"plan-feature plan-feature-annually\" data-v-6f4f8718>" + (_vm.hasFeature(plan, feature) ? "<div data-v-6f4f8718>" + (feature.value_type === 'boolean' ? "<div data-v-6f4f8718><span class=\"plan-table-checkmark\" data-v-6f4f8718><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6f4f8718><g clip-path=\"url(#clip0_859_9134)\" data-v-6f4f8718><path d=\"M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9134\" data-v-6f4f8718><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6f4f8718></rect></clipPath></defs></svg></span></div>" : "<div data-v-6f4f8718><span data-v-6f4f8718>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-6f4f8718><span class=\"plan-table-checkmark\" data-v-6f4f8718><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6f4f8718><g clip-path=\"url(#clip0_859_9139)\" data-v-6f4f8718><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f4f8718></path></g> <defs data-v-6f4f8718><clipPath id=\"clip0_859_9139\" data-v-6f4f8718><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6f4f8718></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48457
48514
|
});
|
|
48458
48515
|
}))], 2);
|
|
48459
48516
|
}), 0)])], 2)], 2);
|
|
@@ -48464,8 +48521,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
48464
48521
|
|
|
48465
48522
|
var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
48466
48523
|
if (!inject) return;
|
|
48467
|
-
inject("data-v-
|
|
48468
|
-
source: ".container[data-v-
|
|
48524
|
+
inject("data-v-6f4f8718_0", {
|
|
48525
|
+
source: ".container[data-v-6f4f8718]{width:100%}.pricing-table[data-v-6f4f8718]{display:grid;width:calc(100% + 2px);grid-template-columns:repeat(3,1fr);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.pricing-table.monthly-table[data-v-6f4f8718]{padding:16px}.plans[data-v-6f4f8718]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-6f4f8718]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-6f4f8718]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-6f4f8718]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-6f4f8718],.pricing-table.monthly-table .swiper-wrapper[data-v-6f4f8718]{height:auto!important}.table-header[data-v-6f4f8718]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0;z-index:10}.table-header h3[data-v-6f4f8718]{font-size:13px;font-weight:700;line-height:20px;color:#1a1a1a}.plan-header-wrapper[data-v-6f4f8718]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-6f4f8718]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-6f4f8718]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-6f4f8718]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;hyphens:none}.plan-table-checkmark[data-v-6f4f8718]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-6f4f8718]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;background-color:#f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;position:sticky;top:0}.plan-header-wrapper .price-wrapper[data-v-6f4f8718]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-6f4f8718]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-6f4f8718]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-6f4f8718]{color:#4a4a4a;text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-6f4f8718]{color:#4a4a4a;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-6f4f8718]{display:inline-flex;text-align:center;font-size:16px;font-weight:700;color:#1a1a1a;width:max-content}.plan-header-wrapper .price-wrapper h4.plan-name[data-v-6f4f8718]{width:100%}.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-6f4f8718]{display:none}.plan-header-wrapper .price-wrapper h4 h6[data-v-6f4f8718]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-6f4f8718]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-6f4f8718]{display:none}.swiper-plan-annually-next[data-v-6f4f8718],.swiper-plan-annually-prev[data-v-6f4f8718],.swiper-plan-monthly-next[data-v-6f4f8718],.swiper-plan-monthly-prev[data-v-6f4f8718]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-annually-next[data-v-6f4f8718]:disabled,.swiper-plan-annually-prev[data-v-6f4f8718]:disabled,.swiper-plan-monthly-next[data-v-6f4f8718]:disabled,.swiper-plan-monthly-prev[data-v-6f4f8718]:disabled{opacity:0}.choose-button[data-v-6f4f8718]{background-color:#fff!important}.choose-button[data-v-6f4f8718]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-6f4f8718]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-6f4f8718]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-6f4f8718]::-webkit-scrollbar{display:none}.plans-remaining[data-v-6f4f8718]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-6f4f8718]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}.feature-group-header.plan-feature-name[data-v-6f4f8718]{font-size:14px!important;padding-left:12px!important}.feature-group-header.plan-feature[data-v-6f4f8718]{font-size:0!important}.feature-group-header[data-v-6f4f8718]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-6f4f8718]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-6f4f8718]{border-right:1px solid #e3e3e3}@media (max-width:1024px){.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-6f4f8718]{display:inline-block}.plan-header-wrapper .price-wrapper .desktop-plan-name[data-v-6f4f8718]{display:none}.plan-header-wrapper .price-wrapper .main-price[data-v-6f4f8718]{flex-direction:column}}@media (max-width:640px){.swiper-plan-navigation[data-v-6f4f8718]{display:none!important}.pricing-table[data-v-6f4f8718]{width:calc(100% + -2px)}}",
|
|
48469
48526
|
map: undefined,
|
|
48470
48527
|
media: undefined
|
|
48471
48528
|
});
|
|
@@ -48473,10 +48530,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
|
48473
48530
|
/* scoped */
|
|
48474
48531
|
|
|
48475
48532
|
|
|
48476
|
-
var __vue_scope_id__$4 = "data-v-
|
|
48533
|
+
var __vue_scope_id__$4 = "data-v-6f4f8718";
|
|
48477
48534
|
/* module identifier */
|
|
48478
48535
|
|
|
48479
|
-
var __vue_module_identifier__$4 = "data-v-
|
|
48536
|
+
var __vue_module_identifier__$4 = "data-v-6f4f8718";
|
|
48480
48537
|
/* functional template */
|
|
48481
48538
|
|
|
48482
48539
|
var __vue_is_functional_template__$4 = false;
|
|
@@ -49164,7 +49221,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
49164
49221
|
var _this6 = this;
|
|
49165
49222
|
|
|
49166
49223
|
return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
|
|
49167
|
-
var params, _yield$axios$get$catc2, data, _this6$plans, _this6$plan, _this6$plan2, i;
|
|
49224
|
+
var params, _yield$axios$get$catc2, data, _this6$plans, _this6$plans2, _data$most_popular_pl, _this6$plan, _this6$plan2, i;
|
|
49168
49225
|
|
|
49169
49226
|
return regeneratorRuntime.wrap(function _callee6$(_context6) {
|
|
49170
49227
|
while (1) {
|
|
@@ -49201,6 +49258,12 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
49201
49258
|
return parseFloat(planA.price) - parseFloat(planB.price);
|
|
49202
49259
|
});
|
|
49203
49260
|
|
|
49261
|
+
if (((_this6$plans2 = _this6.plans) === null || _this6$plans2 === void 0 ? void 0 : _this6$plans2.length) > 0 && ((_data$most_popular_pl = data.most_popular_plan_ids) === null || _data$most_popular_pl === void 0 ? void 0 : _data$most_popular_pl.length) > 0) {
|
|
49262
|
+
_this6.plans.forEach(function (plan) {
|
|
49263
|
+
plan.most_popular = data.most_popular_plan_ids.includes(plan.id);
|
|
49264
|
+
});
|
|
49265
|
+
}
|
|
49266
|
+
|
|
49204
49267
|
if (_this6.plans[0].store_base_plan) {
|
|
49205
49268
|
_this6.subtitleContent = _this6.translateMe('App plans are based on your existing shopify plan');
|
|
49206
49269
|
}
|
|
@@ -49416,6 +49479,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49416
49479
|
"plans": _vm.plans,
|
|
49417
49480
|
"features": _vm.features,
|
|
49418
49481
|
"currentPlan": _vm.plan,
|
|
49482
|
+
"hasActiveCharge": _vm.has_active_charge,
|
|
49419
49483
|
"shopifyPlan": _vm.shopify_plan,
|
|
49420
49484
|
"promotionalDiscount": _vm.promotional_discount,
|
|
49421
49485
|
"selectedInterval": _vm.selectedPlan
|
|
@@ -49448,6 +49512,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49448
49512
|
attrs: {
|
|
49449
49513
|
"plans": _vm.plans,
|
|
49450
49514
|
"currentPlan": _vm.plan,
|
|
49515
|
+
"hasActiveCharge": _vm.has_active_charge,
|
|
49451
49516
|
"shopifyPlan": _vm.shopify_plan,
|
|
49452
49517
|
"promotionalDiscount": _vm.promotional_discount,
|
|
49453
49518
|
"selectedInterval": _vm.selectedPlan,
|
|
@@ -49525,7 +49590,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
49525
49590
|
|
|
49526
49591
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
49527
49592
|
if (!inject) return;
|
|
49528
|
-
inject("data-v-
|
|
49593
|
+
inject("data-v-c6586700_0", {
|
|
49529
49594
|
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 .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}}",
|
|
49530
49595
|
map: undefined,
|
|
49531
49596
|
media: undefined
|
|
@@ -49537,7 +49602,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
|
49537
49602
|
var __vue_scope_id__$1 = undefined;
|
|
49538
49603
|
/* module identifier */
|
|
49539
49604
|
|
|
49540
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
49605
|
+
var __vue_module_identifier__$1 = "data-v-c6586700";
|
|
49541
49606
|
/* functional template */
|
|
49542
49607
|
|
|
49543
49608
|
var __vue_is_functional_template__$1 = false;
|