@hulkapps/app-manager-vue 3.0.11 → 3.0.14
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 +116 -59
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +131 -87
- package/dist/hulkapps-app-manager.css +11 -5
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerSliderPlan.vue +14 -8
- package/src/components/PolarisNew/AppCard.vue +1 -1
- package/src/components/PolarisNew/BundlePlanCard.vue +22 -5
- package/src/components/PolarisNew/PlanCardsHighlights.vue +54 -44
- package/src/components/PolarisNew/PlanShowcaseBanner.vue +10 -8
- package/src/components/PolarisNew/PlanTable.vue +22 -31
- package/src/components/PolarisNew/VariantButton.vue +1 -0
|
@@ -40184,11 +40184,11 @@ var __vue_render__$e = function __vue_render__() {
|
|
|
40184
40184
|
on: {
|
|
40185
40185
|
"click": _vm.handleClick
|
|
40186
40186
|
}
|
|
40187
|
-
}, [_vm._ssrNode((_vm.loading ? "<div class=\"Polaris-Spinner Polaris-Spinner--sizeSmall\" data-v-
|
|
40187
|
+
}, [_vm._ssrNode((_vm.loading ? "<div class=\"Polaris-Spinner Polaris-Spinner--sizeSmall\" data-v-6542fe40><svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6542fe40><path d=\"M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z\" data-v-6542fe40></path></svg></div>" : "<!---->") + " "), _vm._ssrNode("<div" + _vm._ssrClass(null, {
|
|
40188
40188
|
'invisible': _vm.loading
|
|
40189
|
-
}) + " data-v-
|
|
40189
|
+
}) + " data-v-6542fe40>", "</div>", [_vm._t("default")], 2), _vm._ssrNode(" " + (_vm.additionalText ? "<span" + _vm._ssrClass(null, ["additional-info-" + _vm.variant, {
|
|
40190
40190
|
'invisible': _vm.loading
|
|
40191
|
-
}]) + " data-v-
|
|
40191
|
+
}]) + " data-v-6542fe40>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n ") + "</span>" : "<!---->"))], 2);
|
|
40192
40192
|
};
|
|
40193
40193
|
|
|
40194
40194
|
var __vue_staticRenderFns__$e = [];
|
|
@@ -40196,8 +40196,8 @@ var __vue_staticRenderFns__$e = [];
|
|
|
40196
40196
|
|
|
40197
40197
|
var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
40198
40198
|
if (!inject) return;
|
|
40199
|
-
inject("data-v-
|
|
40200
|
-
source: ".button[data-v-
|
|
40199
|
+
inject("data-v-6542fe40_0", {
|
|
40200
|
+
source: ".button[data-v-6542fe40]{display:flex;width:fit-content!important;justify-content:center;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a;position:relative}.button[data-v-6542fe40]:hover{background-color:#0000000d!important;border-radius:8px!important}.button-primary[data-v-6542fe40]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(#30303000 63.53%,#ffffff26);color:#fff;border-bottom-color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650;box-shadow:#000000cc 0 -1px 0 1px inset,#303030 0 0 0 1px inset,#ffffff40 0 .5px 0 1.5px inset}.button-primary[data-v-6542fe40]:hover{background-color:#1a1a1a!important;color:#fff!important}.button-primary.disabled[data-v-6542fe40],.button-primary[data-v-6542fe40]:active,.button-secondary.disabled[data-v-6542fe40],.button-secondary[data-v-6542fe40]:active{background-color:#ccc!important;box-shadow:0 2px 1px 0 #1a1a1a33 inset}.button-secondary[data-v-6542fe40]{background-color:#fff!important;color:#000!important;border-radius:8px!important;box-shadow:#e3e3e3 0 1px 0 0 inset,#e3e3e3 1px 0 0 0 inset,#e3e3e3 -1px 0 0 0 inset,#b5b5b5 0 -1px 0 0 inset}.button-secondary[data-v-6542fe40]:hover{background-color:#fafafa!important}.button.button-fullwidth[data-v-6542fe40]{width:100%!important}.additional-info-primary[data-v-6542fe40]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-size:13px!important;font-weight:550!important}.additional-info-secondary[data-v-6542fe40]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-weight:550!important}.disabled[data-v-6542fe40]{background-color:rgba(0,0,0,.15)!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a!important;cursor:not-allowed!important;pointer-events:none!important}.invisible[data-v-6542fe40]{visibility:hidden}.loading[data-v-6542fe40]{cursor:wait!important;position:relative}.Polaris-Spinner[data-v-6542fe40]{animation:spin-data-v-6542fe40 1s linear infinite;width:20px;height:20px;position:absolute}.Polaris-Spinner svg[data-v-6542fe40]{fill:currentColor}.button-primary .Polaris-Spinner svg[data-v-6542fe40]{fill:#fff}.button-secondary .Polaris-Spinner svg[data-v-6542fe40]{fill:#000}@keyframes spin-data-v-6542fe40{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.Polaris-Spinner[data-v-6542fe40]{animation:spin-data-v-6542fe40 .5s linear infinite,fade-data-v-6542fe40 320ms ease-in}@keyframes fade-data-v-6542fe40{from{opacity:0}to{opacity:1}}",
|
|
40201
40201
|
map: undefined,
|
|
40202
40202
|
media: undefined
|
|
40203
40203
|
});
|
|
@@ -40205,10 +40205,10 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
|
40205
40205
|
/* scoped */
|
|
40206
40206
|
|
|
40207
40207
|
|
|
40208
|
-
var __vue_scope_id__$e = "data-v-
|
|
40208
|
+
var __vue_scope_id__$e = "data-v-6542fe40";
|
|
40209
40209
|
/* module identifier */
|
|
40210
40210
|
|
|
40211
|
-
var __vue_module_identifier__$e = "data-v-
|
|
40211
|
+
var __vue_module_identifier__$e = "data-v-6542fe40";
|
|
40212
40212
|
/* functional template */
|
|
40213
40213
|
|
|
40214
40214
|
var __vue_is_functional_template__$e = false;
|
|
@@ -40263,11 +40263,11 @@ var __vue_render__$d = function __vue_render__() {
|
|
|
40263
40263
|
|
|
40264
40264
|
var _c = _vm._self._c || _h;
|
|
40265
40265
|
|
|
40266
|
-
return _c('div', [_vm._ssrNode("<div class=\"app-card\" data-v-
|
|
40267
|
-
return "<span class=\"app-tag\" data-v-
|
|
40268
|
-
}) + "</div></div> <div class=\"lower-details\" data-v-
|
|
40269
|
-
return "<span class=\"featured-options\" data-v-
|
|
40270
|
-
}) + "</div></div> <div class=\"install-app-div\" data-v-
|
|
40266
|
+
return _c('div', [_vm._ssrNode("<div class=\"app-card\" data-v-14379058><div class=\"logo\" data-v-14379058><img" + _vm._ssrAttr("src", _vm.appData.app_logo_url) + " alt=\"logo\" width=\"auto\" height=\"auto\" class=\"logo-image\" data-v-14379058></div> <div class=\"details\" data-v-14379058><div class=\"upper-details\" data-v-14379058><h3 class=\"app-name\" data-v-14379058>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.appData.app_name)) + "\n ") + "</h3> " + (_vm.appData.app_bundle_details.built_for_shopify ? "<div class=\"app-tags\" data-v-14379058><span class=\"app-tag bfs-tag\" data-v-14379058><svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-14379058><g clip-path=\"url(#clip0_61_2350)\" data-v-14379058><path d=\"M13 0L12 5L8 14L16 4.5L13 0ZM3 0L4 5L8 14L0 4.5L3 0Z\" fill=\"#1495CC\" data-v-14379058></path> <path d=\"M3 0L4 5L8 14L12 5L13 0H3Z\" fill=\"#58B7DF\" data-v-14379058></path> <path d=\"M8 14L4 5L0 4.5L8 14ZM8 14L12 5L16 4.5L8 14Z\" fill=\"#035F86\" data-v-14379058></path> <path d=\"M8 5.5L4 5L8 14L12 5L8 5.5Z\" fill=\"#1495CC\" data-v-14379058></path> <path d=\"M4 5L8 0L12 5L7.999 5.5L4 5Z\" fill=\"#A9DEF4\" data-v-14379058></path> <path d=\"M4 5L3 0H8L4 5ZM12 5L13 0H8L12 5Z\" fill=\"#58B7DF\" data-v-14379058></path></g> <defs data-v-14379058><clipPath id=\"clip0_61_2350\" data-v-14379058><rect width=\"16\" height=\"14\" fill=\"white\" data-v-14379058></rect></clipPath></defs></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Built For Shopify")) + "\n ") + "</span></div>" : "<!---->") + " <p class=\"app-reviews-count\" data-v-14379058>" + _vm._ssrEscape("\n " + _vm._s(_vm.appData.app_bundle_details.reviews) + "\n " + _vm._s(_vm.translateMe("Reviews")) + "\n ") + "</p> <div class=\"app-tags\" data-v-14379058>" + _vm._ssrList(_vm.appData.app_bundle_details.shopify_categories, function (tag) {
|
|
40267
|
+
return "<span class=\"app-tag\" data-v-14379058><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-14379058><path d=\"M9.99998 14C9.58577 14 9.24999 13.6642 9.25 13.25L9.25006 9.74999C9.25007 9.33577 9.58586 8.99999 10.0001 9C10.4143 9.00001 10.7501 9.3358 10.7501 9.75001L10.75 13.25C10.75 13.6642 10.4142 14 9.99998 14Z\" fill=\"#0094D5\" data-v-14379058></path> <path d=\"M9 7C9 6.44772 9.44772 6 10 6C10.5523 6 11 6.44772 11 7C11 7.55228 10.5523 8 10 8C9.44772 8 9 7.55228 9 7Z\" fill=\"#0094D5\" data-v-14379058></path> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10ZM15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10Z\" fill=\"#0094D5\" data-v-14379058></path></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(tag)) + "\n ") + "</span>";
|
|
40268
|
+
}) + "</div></div> <div class=\"lower-details\" data-v-14379058>" + _vm._ssrList(_vm.appData.app_bundle_details.features, function (option) {
|
|
40269
|
+
return "<span class=\"featured-options\" data-v-14379058><svg width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-14379058><rect width=\"4\" height=\"4\" rx=\"2\" fill=\"black\" data-v-14379058></rect></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(option))) + "</span>";
|
|
40270
|
+
}) + "</div></div> <div class=\"install-app-div\" data-v-14379058><a" + _vm._ssrAttr("href", _vm.appData.app_shopify_store_link) + " target=\"_blank\" class=\"button-link install-app-button\" data-v-14379058>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe('Install')) + "\n ") + "</a></div></div> "), _vm._t("default")], 2);
|
|
40271
40271
|
};
|
|
40272
40272
|
|
|
40273
40273
|
var __vue_staticRenderFns__$d = [];
|
|
@@ -40275,8 +40275,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
40275
40275
|
|
|
40276
40276
|
var __vue_inject_styles__$d = function __vue_inject_styles__(inject) {
|
|
40277
40277
|
if (!inject) return;
|
|
40278
|
-
inject("data-v-
|
|
40279
|
-
source: ".app-card[data-v-
|
|
40278
|
+
inject("data-v-14379058_0", {
|
|
40279
|
+
source: ".app-card[data-v-14379058]{display:flex;padding:16px;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);border-radius:12px;gap:16px;align-items:center}.logo[data-v-14379058],.logo-image[data-v-14379058]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-14379058]{margin-top:8px}.lower-details[data-v-14379058],.upper-details[data-v-14379058]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-14379058]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-14379058]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-14379058]{background-color:#e0f0ff;width:fit-content;margin-right:12px;padding:3px 6px 3px 3px;border-radius:8px;font-size:12px;color:#00527c;line-height:12px;font-weight:550;text-decoration:none;white-space:nowrap}.app-tag>svg[data-v-14379058]{margin-bottom:-5.5px}.bfs-tag[data-v-14379058]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-14379058]{margin-bottom:-3px}.app-option-type-count[data-v-14379058],.featured-options[data-v-14379058]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;text-wrap:nowrap;color:#5c5c5c}.install-app-div[data-v-14379058]{margin-left:auto;display:flex;align-items:center;white-space:nowrap}.install-app-button[data-v-14379058]{display:flex;width:fit-content!important;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;background-color:rgba(0,0,0,.08)!important;color:#303030!important;border-radius:8px!important;border:none;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}.install-app-button[data-v-14379058]:hover{background-color:rgba(0,0,0,.05)!important;border-radius:8px!important}.button-link[data-v-14379058]{text-decoration:none}@media (max-width:767px){.featured-options[data-v-14379058]{text-wrap:wrap}.details[data-v-14379058]{gap:8px;width:100%}.app-tags[data-v-14379058]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.app-tag[data-v-14379058]{padding:1px 6px 5px 3px}.lower-details[data-v-14379058],.upper-details[data-v-14379058]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}.install-app-div[data-v-14379058]{justify-content:flex-start;width:100%;margin-top:12px}.install-app-button[data-v-14379058]{width:100%;justify-content:center}.app-card[data-v-14379058]{flex-direction:column;justify-content:center}.logo[data-v-14379058]{justify-content:flex-start;width:100%}}",
|
|
40280
40280
|
map: undefined,
|
|
40281
40281
|
media: undefined
|
|
40282
40282
|
});
|
|
@@ -40284,10 +40284,10 @@ var __vue_inject_styles__$d = function __vue_inject_styles__(inject) {
|
|
|
40284
40284
|
/* scoped */
|
|
40285
40285
|
|
|
40286
40286
|
|
|
40287
|
-
var __vue_scope_id__$d = "data-v-
|
|
40287
|
+
var __vue_scope_id__$d = "data-v-14379058";
|
|
40288
40288
|
/* module identifier */
|
|
40289
40289
|
|
|
40290
|
-
var __vue_module_identifier__$d = "data-v-
|
|
40290
|
+
var __vue_module_identifier__$d = "data-v-14379058";
|
|
40291
40291
|
/* functional template */
|
|
40292
40292
|
|
|
40293
40293
|
var __vue_is_functional_template__$d = false;
|
|
@@ -40376,7 +40376,7 @@ var __vue_render__$c = function __vue_render__() {
|
|
|
40376
40376
|
|
|
40377
40377
|
return _c('div', {
|
|
40378
40378
|
staticClass: "bundle-plan-showcase-banner banner-card"
|
|
40379
|
-
}, [_vm._ssrNode("<div" + _vm._ssrClass(null, ['banner__inner', this.fullWidth ? 'full-width' : '']) + " data-v-
|
|
40379
|
+
}, [_vm._ssrNode("<div" + _vm._ssrClass(null, ['banner__inner', this.fullWidth ? 'full-width' : '']) + " data-v-2f50acc9>", "</div>", [_vm._ssrNode((_vm.showDescription ? "<div class=\"plan-left\" data-v-2f50acc9><p class=\"bundle-offer-label\" data-v-2f50acc9>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Bundle offer")) + "\n ") + "</p> <p class=\"bundle-desc-label\" data-v-2f50acc9>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Get")) + "\n " + _vm._s(_vm.bundleApps) + "\n " + _vm._s(_vm.translateMe("Shopify apps and save more than")) + "\n ") + "<strong data-v-2f50acc9>" + _vm._ssrEscape(_vm._s(_vm.translateMe("$1000"))) + "</strong>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("per month!")) + "\n ") + "</p></div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"plan-right\" data-v-2f50acc9>", "</div>", [_vm._ssrNode("<div class=\"plan-content\" data-v-2f50acc9><h3 class=\"plan-name\" data-v-2f50acc9>" + _vm._ssrEscape(_vm._s(_vm.translateMe("Monthly bundle:"))) + "</h3> <div class=\"prices\" data-v-2f50acc9><span class=\"discounted-amount\" data-v-2f50acc9>" + _vm._ssrEscape("$" + _vm._s(_vm.translateMe(_vm.realPrice))) + "</span> " + (_vm.realPrice < _vm.oldPrice ? "<span class=\"original-amount\" data-v-2f50acc9>" + _vm._ssrEscape("$" + _vm._s(_vm.translateMe(_vm.oldPrice))) + "</span>" : "<!---->") + "</div></div> "), !_vm.isCurrentPlan ? _c('VariantButton', {
|
|
40380
40380
|
attrs: {
|
|
40381
40381
|
"id": "choose-bundle",
|
|
40382
40382
|
"buttonData": {
|
|
@@ -40406,8 +40406,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
40406
40406
|
|
|
40407
40407
|
var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
|
|
40408
40408
|
if (!inject) return;
|
|
40409
|
-
inject("data-v-
|
|
40410
|
-
source: ".banner-card[data-v-
|
|
40409
|
+
inject("data-v-2f50acc9_0", {
|
|
40410
|
+
source: ".banner-card[data-v-2f50acc9]{display:flex;padding:16px 0;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);gap:16px}.bundle-plan-showcase-banner[data-v-2f50acc9]{display:none;justify-content:space-between;align-items:center;width:100%;margin-top:32px;position:sticky;top:0}.banner__inner[data-v-2f50acc9]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding:0 96px}.banner__inner.full-width[data-v-2f50acc9]{max-width:calc(100% - 64px)}.plan-name[data-v-2f50acc9]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-2f50acc9]{flex:1}.plan-right[data-v-2f50acc9]{display:flex;align-items:center;gap:16px}.prices[data-v-2f50acc9]{display:flex;gap:8px;align-items:center}.bundle-offer-label[data-v-2f50acc9]{font-size:20px;font-weight:600;color:#202223;margin-bottom:4px}.bundle-desc-label[data-v-2f50acc9]{font-size:14px;font-weight:450;color:#303030}.discounted-amount[data-v-2f50acc9]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-2f50acc9]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.plan-content[data-v-2f50acc9]{display:flex;justify-content:center;align-items:center;gap:12px}.choose-button[data-v-2f50acc9]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none;color:#fff;border-bottom-color:#fff;box-shadow:rgba(0,0,0,.8) 0 -1px 0 1px inset,#303030 0 0 0 1px inset,rgba(255,255,255,.25) 0 .5px 0 1.5px inset;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650}@media (max-width:992px){.banner__inner.full-width[data-v-2f50acc9]{max-width:calc(100% - 64px)}.banner__inner[data-v-2f50acc9]{flex-direction:column;gap:32px;align-items:flex-start}.plan-right[data-v-2f50acc9]{justify-content:space-between;width:100%}}@media (max-width:767px){.banner__inner[data-v-2f50acc9]{padding:16px}.banner__inner.full-width[data-v-2f50acc9]{max-width:100%}.bundle-plan-showcase-banner[data-v-2f50acc9]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-2f50acc9]{align-items:unset}.choose-button[data-v-2f50acc9]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-content[data-v-2f50acc9]{flex-direction:column;align-items:flex-start}.plan-right[data-v-2f50acc9]{flex-direction:column;gap:16px;align-items:flex-start}.bundle-plan-showcase-banner[data-v-2f50acc9]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-2f50acc9]{align-items:unset}.choose-button[data-v-2f50acc9]{margin-right:auto;margin-left:0}}",
|
|
40411
40411
|
map: undefined,
|
|
40412
40412
|
media: undefined
|
|
40413
40413
|
});
|
|
@@ -40415,10 +40415,10 @@ var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
|
|
|
40415
40415
|
/* scoped */
|
|
40416
40416
|
|
|
40417
40417
|
|
|
40418
|
-
var __vue_scope_id__$c = "data-v-
|
|
40418
|
+
var __vue_scope_id__$c = "data-v-2f50acc9";
|
|
40419
40419
|
/* module identifier */
|
|
40420
40420
|
|
|
40421
|
-
var __vue_module_identifier__$c = "data-v-
|
|
40421
|
+
var __vue_module_identifier__$c = "data-v-2f50acc9";
|
|
40422
40422
|
/* functional template */
|
|
40423
40423
|
|
|
40424
40424
|
var __vue_is_functional_template__$c = false;
|
|
@@ -47229,6 +47229,30 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47229
47229
|
}
|
|
47230
47230
|
|
|
47231
47231
|
return feature.value;
|
|
47232
|
+
};
|
|
47233
|
+
var isPlanButtonDisabled = function isPlanButtonDisabled(shopifyPlan, plan, currentPlan) {
|
|
47234
|
+
if (currentPlan && currentPlan.id === plan.id) {
|
|
47235
|
+
return true;
|
|
47236
|
+
}
|
|
47237
|
+
|
|
47238
|
+
return !!(plan.store_base_plan && !plan.shopify_plans.includes(shopifyPlan));
|
|
47239
|
+
};
|
|
47240
|
+
var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateMe, currentPlan) {
|
|
47241
|
+
var isPlanTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
47242
|
+
|
|
47243
|
+
if (currentPlan && currentPlan.id === plan.id) {
|
|
47244
|
+
return translateMe("Selected plan");
|
|
47245
|
+
}
|
|
47246
|
+
|
|
47247
|
+
if (plan.store_base_plan && !plan.shopify_plans.includes(shopifyPlan)) {
|
|
47248
|
+
return translateMe("Not Applicable");
|
|
47249
|
+
}
|
|
47250
|
+
|
|
47251
|
+
if (currentPlan) {
|
|
47252
|
+
return plan.price > currentPlan.price ? translateMe("Upgrade") : isPlanTable ? translateMe("Switch to this plan") : translateMe("Choose plan");
|
|
47253
|
+
}
|
|
47254
|
+
|
|
47255
|
+
return translateMe("Choose plan");
|
|
47232
47256
|
};var script$6 = {
|
|
47233
47257
|
name: "PlanCardsHighlights",
|
|
47234
47258
|
components: {
|
|
@@ -47243,6 +47267,10 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47243
47267
|
type: Object,
|
|
47244
47268
|
required: false
|
|
47245
47269
|
},
|
|
47270
|
+
shopifyPlan: {
|
|
47271
|
+
type: String,
|
|
47272
|
+
required: false
|
|
47273
|
+
},
|
|
47246
47274
|
promotionalDiscount: {
|
|
47247
47275
|
type: Object,
|
|
47248
47276
|
required: false
|
|
@@ -47336,6 +47364,8 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47336
47364
|
}
|
|
47337
47365
|
},
|
|
47338
47366
|
methods: {
|
|
47367
|
+
getPlanButtonText: getPlanButtonText,
|
|
47368
|
+
isPlanButtonDisabled: isPlanButtonDisabled,
|
|
47339
47369
|
formatFeature: formatFeature,
|
|
47340
47370
|
handlePlanClick: function handlePlanClick(plan) {
|
|
47341
47371
|
var _this4 = this;
|
|
@@ -47474,7 +47504,7 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47474
47504
|
slidesPerView: 1,
|
|
47475
47505
|
speed: 500,
|
|
47476
47506
|
pagination: {
|
|
47477
|
-
el: ".swiper-pagination",
|
|
47507
|
+
el: ".swiper-pagination-h-monthly",
|
|
47478
47508
|
clickable: true
|
|
47479
47509
|
},
|
|
47480
47510
|
navigation: {
|
|
@@ -47483,15 +47513,15 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47483
47513
|
},
|
|
47484
47514
|
breakpoints: {
|
|
47485
47515
|
375: {
|
|
47486
|
-
slidesPerView: 1
|
|
47516
|
+
slidesPerView: 1
|
|
47487
47517
|
},
|
|
47488
47518
|
640: {
|
|
47489
47519
|
slidesPerView: 2
|
|
47490
47520
|
},
|
|
47491
|
-
|
|
47521
|
+
840: {
|
|
47492
47522
|
slidesPerView: Math.min(this.monthlyPlans.length, 3)
|
|
47493
47523
|
},
|
|
47494
|
-
|
|
47524
|
+
1152: {
|
|
47495
47525
|
slidesPerView: Math.min(this.monthlyPlans.length, 4)
|
|
47496
47526
|
}
|
|
47497
47527
|
},
|
|
@@ -47510,7 +47540,7 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47510
47540
|
slidesPerView: 1,
|
|
47511
47541
|
speed: 500,
|
|
47512
47542
|
pagination: {
|
|
47513
|
-
el: ".swiper-pagination",
|
|
47543
|
+
el: ".swiper-pagination-h-annually",
|
|
47514
47544
|
clickable: true
|
|
47515
47545
|
},
|
|
47516
47546
|
navigation: {
|
|
@@ -47519,15 +47549,15 @@ var formatFeature = function formatFeature(feature) {
|
|
|
47519
47549
|
},
|
|
47520
47550
|
breakpoints: {
|
|
47521
47551
|
375: {
|
|
47522
|
-
slidesPerView: 1
|
|
47552
|
+
slidesPerView: 1
|
|
47523
47553
|
},
|
|
47524
47554
|
640: {
|
|
47525
47555
|
slidesPerView: 2
|
|
47526
47556
|
},
|
|
47527
|
-
|
|
47557
|
+
840: {
|
|
47528
47558
|
slidesPerView: Math.min(this.annualPlans.length, 3)
|
|
47529
47559
|
},
|
|
47530
|
-
|
|
47560
|
+
1152: {
|
|
47531
47561
|
slidesPerView: Math.min(this.annualPlans.length, 4)
|
|
47532
47562
|
}
|
|
47533
47563
|
},
|
|
@@ -47559,11 +47589,13 @@ var __vue_render__$6 = function __vue_render__() {
|
|
|
47559
47589
|
|
|
47560
47590
|
return _c('div', {
|
|
47561
47591
|
staticClass: "container"
|
|
47562
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47563
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47592
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-57deb5c6><button class=\"swiper-plan-h-prev-monthly\" data-v-57deb5c6>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-57deb5c6>" + _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-57deb5c6><g clip-path=\"url(#clip0_859_9388)\" data-v-57deb5c6><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path></g> <defs data-v-57deb5c6><clipPath id=\"clip0_859_9388\" data-v-57deb5c6><rect width=\"24\" height=\"24\" fill=\"white\" data-v-57deb5c6></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-57deb5c6>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-57deb5c6>" + _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-57deb5c6><g clip-path=\"url(#clip0_859_9381)\" data-v-57deb5c6><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path></g> <defs data-v-57deb5c6><clipPath id=\"clip0_859_9381\" data-v-57deb5c6><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-57deb5c6></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-57deb5c6><button class=\"swiper-plan-h-prev-annually\" data-v-57deb5c6>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-57deb5c6>" + _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-57deb5c6><g clip-path=\"url(#clip0_859_9388)\" data-v-57deb5c6><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path></g> <defs data-v-57deb5c6><clipPath id=\"clip0_859_9388\" data-v-57deb5c6><rect width=\"24\" height=\"24\" fill=\"white\" data-v-57deb5c6></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-57deb5c6>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-57deb5c6>" + _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-57deb5c6><g clip-path=\"url(#clip0_859_9381)\" data-v-57deb5c6><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-57deb5c6></path></g> <defs data-v-57deb5c6><clipPath id=\"clip0_859_9381\" data-v-57deb5c6><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-57deb5c6></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-57deb5c6>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-57deb5c6>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
47593
|
+
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-57deb5c6>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-57deb5c6>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-57deb5c6><div class=\"most-popular-label\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-57deb5c6>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-57deb5c6><span style=\"text-decoration: line-through;\" data-v-57deb5c6>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47594
|
+
visibility: plan.description ? 'visible' : 'hidden'
|
|
47595
|
+
}, null) + " data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47564
47596
|
attrs: {
|
|
47565
47597
|
"variant": 'secondary',
|
|
47566
|
-
"disabled": _vm.
|
|
47598
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
47567
47599
|
"loading": _vm.loadingPlanId === plan.id
|
|
47568
47600
|
},
|
|
47569
47601
|
on: {
|
|
@@ -47571,14 +47603,18 @@ var __vue_render__$6 = function __vue_render__() {
|
|
|
47571
47603
|
return _vm.handlePlanClick(plan);
|
|
47572
47604
|
}
|
|
47573
47605
|
}
|
|
47574
|
-
}, [_vm._v(_vm._s(_vm.
|
|
47575
|
-
return "<li class=\"feature\" data-v-
|
|
47606
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-57deb5c6><ul data-v-57deb5c6>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47607
|
+
return "<li class=\"feature\" data-v-57deb5c6><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-57deb5c6><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=\"#303030\" data-v-57deb5c6></path></svg> <span data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47576
47608
|
}) + "</ul></div>")], 2)]) : _vm._e();
|
|
47577
|
-
}), 0)]), _vm._ssrNode("
|
|
47578
|
-
|
|
47609
|
+
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47610
|
+
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47611
|
+
}, null) + " data-v-57deb5c6></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-57deb5c6>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-57deb5c6>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
47612
|
+
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-57deb5c6>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-57deb5c6>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-57deb5c6><div class=\"most-popular-label\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-57deb5c6>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-57deb5c6><span style=\"text-decoration: line-through;\" data-v-57deb5c6>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47613
|
+
visibility: plan.description ? 'visible' : 'hidden'
|
|
47614
|
+
}, null) + " data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47579
47615
|
attrs: {
|
|
47580
47616
|
"variant": 'secondary',
|
|
47581
|
-
"disabled": _vm.
|
|
47617
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
47582
47618
|
"loading": _vm.loadingPlanId === plan.id
|
|
47583
47619
|
},
|
|
47584
47620
|
on: {
|
|
@@ -47586,12 +47622,12 @@ var __vue_render__$6 = function __vue_render__() {
|
|
|
47586
47622
|
return _vm.handlePlanClick(plan);
|
|
47587
47623
|
}
|
|
47588
47624
|
}
|
|
47589
|
-
}, [_vm._v(_vm._s(_vm.
|
|
47590
|
-
return "<li class=\"feature\" data-v-
|
|
47625
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-57deb5c6><ul data-v-57deb5c6>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47626
|
+
return "<li class=\"feature\" data-v-57deb5c6><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-57deb5c6><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=\"#303030\" data-v-57deb5c6></path></svg> <span data-v-57deb5c6>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47591
47627
|
}) + "</ul></div>")], 2)]) : _vm._e();
|
|
47592
|
-
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47593
|
-
display: _vm.
|
|
47594
|
-
}, null) + " data-v-
|
|
47628
|
+
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47629
|
+
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47630
|
+
}, null) + " data-v-57deb5c6></div>")], 2);
|
|
47595
47631
|
};
|
|
47596
47632
|
|
|
47597
47633
|
var __vue_staticRenderFns__$6 = [];
|
|
@@ -47599,11 +47635,11 @@ var __vue_staticRenderFns__$6 = [];
|
|
|
47599
47635
|
|
|
47600
47636
|
var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
|
|
47601
47637
|
if (!inject) return;
|
|
47602
|
-
inject("data-v-
|
|
47603
|
-
source: ".container[data-v-
|
|
47638
|
+
inject("data-v-57deb5c6_0", {
|
|
47639
|
+
source: ".container[data-v-57deb5c6]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-57deb5c6]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-57deb5c6]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-57deb5c6]{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-57deb5c6]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-57deb5c6],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-57deb5c6]{border-left:1px solid #ccc}.card .title[data-v-57deb5c6]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-57deb5c6]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-57deb5c6]{min-height:44px}.card .price[data-v-57deb5c6]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-57deb5c6]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-57deb5c6]{margin-top:19px}.features ul[data-v-57deb5c6]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-57deb5c6]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-57deb5c6]{min-width:20px;min-height:20px}.feature span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-57deb5c6]{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-57deb5c6]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-57deb5c6]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-57deb5c6]{display:none}.swiper-plan-h-next-annually[data-v-57deb5c6],.swiper-plan-h-next-monthly[data-v-57deb5c6],.swiper-plan-h-prev-annually[data-v-57deb5c6],.swiper-plan-h-prev-monthly[data-v-57deb5c6]{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-57deb5c6]:disabled,.swiper-plan-h-next-monthly[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-annually[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-monthly[data-v-57deb5c6]:disabled{opacity:0}.plans-remaining[data-v-57deb5c6]{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-57deb5c6]::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-57deb5c6]{border-left:none}.swiper-plan-h-navigation[data-v-57deb5c6]{display:none!important}}",
|
|
47604
47640
|
map: undefined,
|
|
47605
47641
|
media: undefined
|
|
47606
|
-
}), inject("data-v-
|
|
47642
|
+
}), inject("data-v-57deb5c6_1", {
|
|
47607
47643
|
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}",
|
|
47608
47644
|
map: undefined,
|
|
47609
47645
|
media: undefined
|
|
@@ -47612,10 +47648,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
|
|
|
47612
47648
|
/* scoped */
|
|
47613
47649
|
|
|
47614
47650
|
|
|
47615
|
-
var __vue_scope_id__$6 = "data-v-
|
|
47651
|
+
var __vue_scope_id__$6 = "data-v-57deb5c6";
|
|
47616
47652
|
/* module identifier */
|
|
47617
47653
|
|
|
47618
|
-
var __vue_module_identifier__$6 = "data-v-
|
|
47654
|
+
var __vue_module_identifier__$6 = "data-v-57deb5c6";
|
|
47619
47655
|
/* functional template */
|
|
47620
47656
|
|
|
47621
47657
|
var __vue_is_functional_template__$6 = false;
|
|
@@ -47739,6 +47775,10 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
|
|
|
47739
47775
|
type: Object,
|
|
47740
47776
|
required: false
|
|
47741
47777
|
},
|
|
47778
|
+
shopifyPlan: {
|
|
47779
|
+
type: String,
|
|
47780
|
+
required: false
|
|
47781
|
+
},
|
|
47742
47782
|
selectedInterval: {
|
|
47743
47783
|
type: String,
|
|
47744
47784
|
required: false
|
|
@@ -47756,6 +47796,8 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
|
|
|
47756
47796
|
}
|
|
47757
47797
|
},
|
|
47758
47798
|
methods: {
|
|
47799
|
+
isPlanButtonDisabled: isPlanButtonDisabled,
|
|
47800
|
+
getPlanButtonText: getPlanButtonText,
|
|
47759
47801
|
formatFeature: formatFeature,
|
|
47760
47802
|
handlePlanClick: function handlePlanClick(plan) {
|
|
47761
47803
|
var _this = this;
|
|
@@ -48096,7 +48138,7 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
|
|
|
48096
48138
|
0: {
|
|
48097
48139
|
slidesPerView: 1.2
|
|
48098
48140
|
},
|
|
48099
|
-
|
|
48141
|
+
640: {
|
|
48100
48142
|
slidesPerView: 2
|
|
48101
48143
|
},
|
|
48102
48144
|
1024: {
|
|
@@ -48131,7 +48173,7 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
|
|
|
48131
48173
|
0: {
|
|
48132
48174
|
slidesPerView: 1.2
|
|
48133
48175
|
},
|
|
48134
|
-
|
|
48176
|
+
640: {
|
|
48135
48177
|
slidesPerView: 2
|
|
48136
48178
|
},
|
|
48137
48179
|
1024: {
|
|
@@ -48172,18 +48214,18 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48172
48214
|
|
|
48173
48215
|
return _c('div', {
|
|
48174
48216
|
staticClass: "container"
|
|
48175
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-
|
|
48176
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48177
|
-
return "<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48217
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-6ea7c21a><button class=\"swiper-plan-monthly-prev\" data-v-6ea7c21a>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-6ea7c21a>" + _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-6ea7c21a><g clip-path=\"url(#clip0_859_9388)\" data-v-6ea7c21a><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9388\" data-v-6ea7c21a><rect width=\"24\" height=\"24\" fill=\"white\" data-v-6ea7c21a></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-monthly-next\" data-v-6ea7c21a>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-6ea7c21a>" + _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-6ea7c21a><g clip-path=\"url(#clip0_859_9381)\" data-v-6ea7c21a><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9381\" data-v-6ea7c21a><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-6ea7c21a></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-navigation nav-annually-table\" data-v-6ea7c21a><button class=\"swiper-plan-annually-prev\" data-v-6ea7c21a>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-6ea7c21a>" + _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-6ea7c21a><g clip-path=\"url(#clip0_859_9388)\" data-v-6ea7c21a><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9388\" data-v-6ea7c21a><rect width=\"24\" height=\"24\" fill=\"white\" data-v-6ea7c21a></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-annually-next\" data-v-6ea7c21a>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-6ea7c21a>" + _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-6ea7c21a><g clip-path=\"url(#clip0_859_9381)\" data-v-6ea7c21a><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9381\" data-v-6ea7c21a><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-6ea7c21a></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"pricing-table monthly-table\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-6ea7c21a><div class=\"table-header plans-available plans-available-monthly\" data-v-6ea7c21a><h3 data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.monthlyPlans.length) + " " + _vm._s(_vm.translateMe("Plans available")) + "\n ") + "</h3></div> " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48218
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48219
|
+
return "<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</div>";
|
|
48178
48220
|
});
|
|
48179
|
-
}) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-
|
|
48221
|
+
}) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-6ea7c21a>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
48180
48222
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48181
48223
|
'last-slide': index === _vm.monthlyPlans.length - 1
|
|
48182
|
-
}) + " data-v-
|
|
48224
|
+
}) + " data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-monthly\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-6ea7c21a>" + (plan.strike_price ? "<h5 data-v-6ea7c21a><span class=\"strike-price\" data-v-6ea7c21a>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-6ea7c21a><h4 class=\"plan-name\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-6ea7c21a><span class=\"plan-price\" data-v-6ea7c21a>" + _vm._ssrEscape("$" + _vm._s(plan.price)) + "</span> <span class=\"plan-interval\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48183
48225
|
staticClass: "button",
|
|
48184
48226
|
attrs: {
|
|
48185
48227
|
"variant": 'secondary',
|
|
48186
|
-
"disabled": _vm.
|
|
48228
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
48187
48229
|
"loading": _vm.loadingPlanId === plan.id
|
|
48188
48230
|
},
|
|
48189
48231
|
on: {
|
|
@@ -48191,23 +48233,23 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48191
48233
|
return _vm.handlePlanClick(plan);
|
|
48192
48234
|
}
|
|
48193
48235
|
}
|
|
48194
|
-
}, [_vm._v(_vm._s(_vm.
|
|
48195
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-
|
|
48196
|
-
return "<div class=\"plan-feature plan-feature-monthly\" data-v-
|
|
48236
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48237
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48238
|
+
return "<div class=\"plan-feature plan-feature-monthly\" data-v-6ea7c21a>" + (_vm.hasFeature(plan, feature) ? "<div data-v-6ea7c21a>" + (feature.value_type === 'boolean' ? "<div data-v-6ea7c21a><span class=\"plan-table-checkmark\" data-v-6ea7c21a><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6ea7c21a><g clip-path=\"url(#clip0_859_9134)\" data-v-6ea7c21a><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=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9134\" data-v-6ea7c21a><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6ea7c21a></rect></clipPath></defs></svg></span></div>" : "<div data-v-6ea7c21a><span data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-6ea7c21a><span class=\"plan-table-checkmark\" data-v-6ea7c21a><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6ea7c21a><g clip-path=\"url(#clip0_859_9139)\" data-v-6ea7c21a><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9139\" data-v-6ea7c21a><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6ea7c21a></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48197
48239
|
});
|
|
48198
48240
|
}))], 2);
|
|
48199
|
-
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-
|
|
48200
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-
|
|
48201
|
-
return "<div class=\"plan-feature-name plan-feature-name-annually\" data-v-
|
|
48241
|
+
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-6ea7c21a><div class=\"table-header plans-available plans-available-annually\" data-v-6ea7c21a><h3 data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.annualPlans.length) + " " + _vm._s(_vm.translateMe("Plans available"))) + "</h3></div> " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48242
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48243
|
+
return "<div class=\"plan-feature-name plan-feature-name-annually\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</div>";
|
|
48202
48244
|
});
|
|
48203
|
-
}) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-
|
|
48245
|
+
}) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-6ea7c21a>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
48204
48246
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48205
48247
|
'last-slide': index === _vm.annualPlans.length - 1
|
|
48206
|
-
}) + " data-v-
|
|
48248
|
+
}) + " data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-annually\" data-v-6ea7c21a>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-6ea7c21a>" + (plan.strike_price ? "<h5 data-v-6ea7c21a><span class=\"strike-price\" data-v-6ea7c21a>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/yr"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-6ea7c21a><h4 class=\"plan-name\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-6ea7c21a><span class=\"plan-price\" data-v-6ea7c21a>" + _vm._ssrEscape("$" + _vm._s(plan.price)) + "</span> <span class=\"plan-interval\" data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/yr"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48207
48249
|
staticClass: "button",
|
|
48208
48250
|
attrs: {
|
|
48209
48251
|
"variant": 'secondary',
|
|
48210
|
-
"disabled": _vm.
|
|
48252
|
+
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
48211
48253
|
"loading": _vm.loadingPlanId === plan.id
|
|
48212
48254
|
},
|
|
48213
48255
|
on: {
|
|
@@ -48215,9 +48257,9 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48215
48257
|
return _vm.handlePlanClick(plan);
|
|
48216
48258
|
}
|
|
48217
48259
|
}
|
|
48218
|
-
}, [_vm._v(_vm._s(_vm.
|
|
48219
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-
|
|
48220
|
-
return "<div class=\"plan-feature plan-feature-annually\" data-v-
|
|
48260
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48261
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-6ea7c21a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48262
|
+
return "<div class=\"plan-feature plan-feature-annually\" data-v-6ea7c21a>" + (_vm.hasFeature(plan, feature) ? "<div data-v-6ea7c21a>" + (feature.value_type === 'boolean' ? "<div data-v-6ea7c21a><span class=\"plan-table-checkmark\" data-v-6ea7c21a><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6ea7c21a><g clip-path=\"url(#clip0_859_9134)\" data-v-6ea7c21a><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=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9134\" data-v-6ea7c21a><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6ea7c21a></rect></clipPath></defs></svg></span></div>" : "<div data-v-6ea7c21a><span data-v-6ea7c21a>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-6ea7c21a><span class=\"plan-table-checkmark\" data-v-6ea7c21a><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6ea7c21a><g clip-path=\"url(#clip0_859_9139)\" data-v-6ea7c21a><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6ea7c21a></path></g> <defs data-v-6ea7c21a><clipPath id=\"clip0_859_9139\" data-v-6ea7c21a><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-6ea7c21a></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48221
48263
|
});
|
|
48222
48264
|
}))], 2);
|
|
48223
48265
|
}), 0)])], 2)], 2);
|
|
@@ -48228,8 +48270,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
48228
48270
|
|
|
48229
48271
|
var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
48230
48272
|
if (!inject) return;
|
|
48231
|
-
inject("data-v-
|
|
48232
|
-
source: ".container[data-v-
|
|
48273
|
+
inject("data-v-6ea7c21a_0", {
|
|
48274
|
+
source: ".container[data-v-6ea7c21a]{width:100%}.pricing-table[data-v-6ea7c21a]{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-6ea7c21a]{padding:16px}.plans[data-v-6ea7c21a]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-6ea7c21a]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-6ea7c21a]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-6ea7c21a]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-6ea7c21a],.pricing-table.monthly-table .swiper-wrapper[data-v-6ea7c21a]{height:auto!important}.table-header[data-v-6ea7c21a]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0}.table-header h3[data-v-6ea7c21a]{font-size:13px;font-weight:700;line-height:20px;color:#303030}.plan-header-wrapper[data-v-6ea7c21a]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-6ea7c21a]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-6ea7c21a]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-6ea7c21a]{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;white-space:normal}.plan-table-checkmark[data-v-6ea7c21a]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-6ea7c21a]{display:flex;flex-direction:column;justify-content:center;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-6ea7c21a]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-6ea7c21a]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-6ea7c21a]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-6ea7c21a]{text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-6ea7c21a]{color:#999;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-6ea7c21a]{display:inline;font-size:16px;font-weight:700;color:#303030;width:max-content}.plan-header-wrapper .price-wrapper h4 h6[data-v-6ea7c21a]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-6ea7c21a]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-6ea7c21a]{display:none}.swiper-plan-annually-next[data-v-6ea7c21a],.swiper-plan-annually-prev[data-v-6ea7c21a],.swiper-plan-monthly-next[data-v-6ea7c21a],.swiper-plan-monthly-prev[data-v-6ea7c21a]{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-6ea7c21a]:disabled,.swiper-plan-annually-prev[data-v-6ea7c21a]:disabled,.swiper-plan-monthly-next[data-v-6ea7c21a]:disabled,.swiper-plan-monthly-prev[data-v-6ea7c21a]:disabled{opacity:0}.choose-button[data-v-6ea7c21a]{background-color:#fff!important}.choose-button[data-v-6ea7c21a]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-6ea7c21a]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-6ea7c21a]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-6ea7c21a]::-webkit-scrollbar{display:none}.plans-remaining[data-v-6ea7c21a]{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-6ea7c21a]::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-6ea7c21a]{font-size:0!important}.feature-group-header[data-v-6ea7c21a]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#303030;max-height:30px;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-6ea7c21a]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-6ea7c21a]{border-right:1px solid #e3e3e3}@media (max-width:640px){.swiper-plan-navigation[data-v-6ea7c21a]{display:none!important}.pricing-table[data-v-6ea7c21a]{width:calc(100% + -2px)}}@media (max-width:540px){.plan-header-wrapper .price-wrapper .main-price[data-v-6ea7c21a]{flex-direction:column}}",
|
|
48233
48275
|
map: undefined,
|
|
48234
48276
|
media: undefined
|
|
48235
48277
|
});
|
|
@@ -48237,10 +48279,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
|
48237
48279
|
/* scoped */
|
|
48238
48280
|
|
|
48239
48281
|
|
|
48240
|
-
var __vue_scope_id__$4 = "data-v-
|
|
48282
|
+
var __vue_scope_id__$4 = "data-v-6ea7c21a";
|
|
48241
48283
|
/* module identifier */
|
|
48242
48284
|
|
|
48243
|
-
var __vue_module_identifier__$4 = "data-v-
|
|
48285
|
+
var __vue_module_identifier__$4 = "data-v-6ea7c21a";
|
|
48244
48286
|
/* functional template */
|
|
48245
48287
|
|
|
48246
48288
|
var __vue_is_functional_template__$4 = false;
|
|
@@ -48302,8 +48344,8 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
48302
48344
|
|
|
48303
48345
|
return _c('div', {
|
|
48304
48346
|
staticClass: "block"
|
|
48305
|
-
}, [_vm._ssrNode("<div class=\"bundle-header\" data-v-
|
|
48306
|
-
return "<div class=\"app\" data-v-
|
|
48347
|
+
}, [_vm._ssrNode("<div class=\"bundle-header\" data-v-594b1d8b><h3 data-v-594b1d8b>" + _vm._ssrEscape(_vm._s(_vm.translateMe("Bundle"))) + "</h3> <div class=\"bundle-price-wrapper\" data-v-594b1d8b><div style=\"display: flex; align-items: center; gap: 4px\" data-v-594b1d8b><h2 data-v-594b1d8b>" + _vm._ssrEscape("$" + _vm._s(_vm.plan.price - _vm.plan.discount)) + "</h2> <span class=\"mo-label\" data-v-594b1d8b>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span> <h4 data-v-594b1d8b>" + _vm._ssrEscape("$" + _vm._s(_vm.plan.price)) + "</h4></div> <span class=\"apps-count\" data-v-594b1d8b>" + _vm._ssrEscape(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps"))) + "</span></div></div> <div class=\"apps-list\" data-v-594b1d8b>" + _vm._ssrList(_vm.allApps, function (app, index) {
|
|
48348
|
+
return "<div class=\"app\" data-v-594b1d8b>" + (index <= 10 ? "<img" + _vm._ssrAttr("src", app.app_logo_url) + _vm._ssrAttr("alt", app.app_name + " Logo") + " width=\"24\" height=\"24\" data-v-594b1d8b> <h5 data-v-594b1d8b>" + _vm._ssrEscape(_vm._s(_vm.translateMe(app.app_name))) + "</h5>" : index === 11 ? "<h5 class=\"more-apps-label\" data-v-594b1d8b>" + _vm._ssrEscape("+ " + _vm._s(_vm.allApps.length - 11) + " " + _vm._s(_vm.translateMe('More Apps'))) + "</h5>" : "<!---->") + "</div>";
|
|
48307
48349
|
}) + "</div> "), _c('VariantButton', {
|
|
48308
48350
|
staticClass: "button",
|
|
48309
48351
|
attrs: {
|
|
@@ -48314,7 +48356,7 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
48314
48356
|
return _vm.handlePlanClick('bundle');
|
|
48315
48357
|
}
|
|
48316
48358
|
}
|
|
48317
|
-
}, [_vm._v(_vm._s(_vm.translateMe("Start
|
|
48359
|
+
}, [_vm._v(_vm._s(_vm.translateMe("Start saving now")))])], 2);
|
|
48318
48360
|
};
|
|
48319
48361
|
|
|
48320
48362
|
var __vue_staticRenderFns__$3 = [];
|
|
@@ -48322,8 +48364,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
48322
48364
|
|
|
48323
48365
|
var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
48324
48366
|
if (!inject) return;
|
|
48325
|
-
inject("data-v-
|
|
48326
|
-
source: ".block[data-v-
|
|
48367
|
+
inject("data-v-594b1d8b_0", {
|
|
48368
|
+
source: ".block[data-v-594b1d8b]{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:16px;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.button[data-v-594b1d8b]{width:100%!important;display:flex!important;height:fit-content!important;justify-content:center!important}.bundle-header[data-v-594b1d8b]{display:flex;gap:8px;border-bottom:1px solid #e3e3e3;padding-bottom:12px;align-items:center}.bundle-price-wrapper[data-v-594b1d8b]{display:flex;gap:8px;align-items:center;width:100%}.bundle-header h3[data-v-594b1d8b]{font-size:18px;font-weight:700;color:#000}.bundle-header h2[data-v-594b1d8b]{font-size:30px;font-weight:700;color:#000}.bundle-header .mo-label[data-v-594b1d8b]{font-size:13px;font-weight:400;color:#00000080}.bundle-header h4[data-v-594b1d8b]{font-size:13.5px;font-weight:700;color:#616161;text-decoration:line-through}.bundle-header .apps-count[data-v-594b1d8b]{background-color:#91d0ff;border-radius:8px;padding:2px 8px;font-size:12px;line-height:16px;font-weight:550;color:#00527c}.apps-list[data-v-594b1d8b]{display:flex;flex-wrap:wrap;gap:8px}.apps-list .app[data-v-594b1d8b]{display:flex;flex-basis:calc(33% - 8px);align-items:center;gap:8px}.more-apps-label[data-v-594b1d8b]{font-size:13px;font-weight:700;color:#000}@media (max-width:767px){.apps-list .app[data-v-594b1d8b]{flex-basis:calc(50% - 8px)}}@media (max-width:540px){.apps-list .app[data-v-594b1d8b]{flex-basis:100%}.bundle-header[data-v-594b1d8b]{flex-direction:column;align-items:flex-start;gap:16px}}",
|
|
48327
48369
|
map: undefined,
|
|
48328
48370
|
media: undefined
|
|
48329
48371
|
});
|
|
@@ -48331,10 +48373,10 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
|
48331
48373
|
/* scoped */
|
|
48332
48374
|
|
|
48333
48375
|
|
|
48334
|
-
var __vue_scope_id__$3 = "data-v-
|
|
48376
|
+
var __vue_scope_id__$3 = "data-v-594b1d8b";
|
|
48335
48377
|
/* module identifier */
|
|
48336
48378
|
|
|
48337
|
-
var __vue_module_identifier__$3 = "data-v-
|
|
48379
|
+
var __vue_module_identifier__$3 = "data-v-594b1d8b";
|
|
48338
48380
|
/* functional template */
|
|
48339
48381
|
|
|
48340
48382
|
var __vue_is_functional_template__$3 = false;
|
|
@@ -48653,7 +48695,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
|
|
|
48653
48695
|
showPlansFeatures: false,
|
|
48654
48696
|
showCustomizationModal: false,
|
|
48655
48697
|
additionalBenefitsHeading: {
|
|
48656
|
-
category_name: "Unlock
|
|
48698
|
+
category_name: "Unlock additional benefits"
|
|
48657
48699
|
}
|
|
48658
48700
|
};
|
|
48659
48701
|
},
|
|
@@ -49128,7 +49170,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49128
49170
|
"stroke-linecap": "round",
|
|
49129
49171
|
"stroke-linejoin": "round"
|
|
49130
49172
|
}
|
|
49131
|
-
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to
|
|
49173
|
+
})]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to app pricing')) + "\n ")]), _vm._v(" "), _c('div', {
|
|
49132
49174
|
staticClass: "bill-cycle-select-group__inner-left"
|
|
49133
49175
|
}, [_c('SelectButton', {
|
|
49134
49176
|
attrs: {
|
|
@@ -49140,7 +49182,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49140
49182
|
return _vm.selectPlan('monthly');
|
|
49141
49183
|
}
|
|
49142
49184
|
}
|
|
49143
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
49185
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('SelectButton', {
|
|
49144
49186
|
attrs: {
|
|
49145
49187
|
"id": "pricing-tab",
|
|
49146
49188
|
"variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
|
|
@@ -49150,7 +49192,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49150
49192
|
return _vm.selectPlan('annually');
|
|
49151
49193
|
}
|
|
49152
49194
|
}
|
|
49153
|
-
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed
|
|
49195
|
+
}, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed yearly')) + "\n "), _c('strong', {
|
|
49154
49196
|
staticStyle: {
|
|
49155
49197
|
"white-space": "pre"
|
|
49156
49198
|
}
|
|
@@ -49195,6 +49237,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49195
49237
|
"plans": _vm.plans,
|
|
49196
49238
|
"features": _vm.features,
|
|
49197
49239
|
"currentPlan": _vm.plan,
|
|
49240
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
49198
49241
|
"promotionalDiscount": _vm.promotional_discount,
|
|
49199
49242
|
"selectedInterval": _vm.selectedPlan
|
|
49200
49243
|
},
|
|
@@ -49226,6 +49269,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49226
49269
|
attrs: {
|
|
49227
49270
|
"plans": _vm.plans,
|
|
49228
49271
|
"currentPlan": _vm.plan,
|
|
49272
|
+
"shopifyPlan": _vm.shopify_plan,
|
|
49229
49273
|
"promotionalDiscount": _vm.promotional_discount,
|
|
49230
49274
|
"selectedInterval": _vm.selectedPlan,
|
|
49231
49275
|
"features": _vm.features
|
|
@@ -49253,7 +49297,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49253
49297
|
}
|
|
49254
49298
|
}, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
|
|
49255
49299
|
staticClass: "customization-bundle-section"
|
|
49256
|
-
}, [_c('BundlePlanCard', {
|
|
49300
|
+
}, [_vm.bundle_plan ? _c('BundlePlanCard', {
|
|
49257
49301
|
attrs: {
|
|
49258
49302
|
"plan": _vm.bundle_plan,
|
|
49259
49303
|
"plan_details": _vm.bundle_details
|
|
@@ -49261,7 +49305,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
49261
49305
|
on: {
|
|
49262
49306
|
"plan-clicked": _vm.selectPlan
|
|
49263
49307
|
}
|
|
49264
|
-
})], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
49308
|
+
}) : _vm._e()], 1), _vm._v(" "), _c('CustomizationModal', {
|
|
49265
49309
|
attrs: {
|
|
49266
49310
|
"visible": this.showCustomizationModal
|
|
49267
49311
|
},
|
|
@@ -49308,8 +49352,8 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
49308
49352
|
|
|
49309
49353
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
49310
49354
|
if (!inject) return;
|
|
49311
|
-
inject("data-v-
|
|
49312
|
-
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.css);.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 .Polaris-Page--fullWidth{max-width:calc(100% -
|
|
49355
|
+
inject("data-v-ec019326_0", {
|
|
49356
|
+
source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.css);.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 .Polaris-Page--fullWidth{max-width:calc(100% - 64px)!important}.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:#000!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:1200px;margin-left:auto;margin-right:auto;padding:0 96px}.bill-cycle-select-group.full-width{max-width:calc(100% - 64px)}.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 #000}.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:#303030;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%}@media (max-width:1023px){.customization-bundle-section{flex-direction:column;gap:20px}}@media (max-width:992px){.app-manager .Polaris-Page--fullWidth,.bill-cycle-select-group.full-width{max-width:calc(100% - 64px)!important}}@media (max-width:767px){.app-manager .Polaris-Page--fullWidth,.bill-cycle-select-group.full-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}}",
|
|
49313
49357
|
map: undefined,
|
|
49314
49358
|
media: undefined
|
|
49315
49359
|
});
|
|
@@ -49320,7 +49364,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
|
49320
49364
|
var __vue_scope_id__$1 = undefined;
|
|
49321
49365
|
/* module identifier */
|
|
49322
49366
|
|
|
49323
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
49367
|
+
var __vue_module_identifier__$1 = "data-v-ec019326";
|
|
49324
49368
|
/* functional template */
|
|
49325
49369
|
|
|
49326
49370
|
var __vue_is_functional_template__$1 = false;
|