@hulkapps/app-manager-vue 3.0.10 → 3.0.12

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.
@@ -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-1509223a><svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" data-v-1509223a><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-1509223a></path></svg></div>" : "<!---->") + " "), _vm._ssrNode("<div" + _vm._ssrClass(null, {
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-1509223a>", "</div>", [_vm._t("default")], 2), _vm._ssrNode(" " + (_vm.additionalText ? "<span" + _vm._ssrClass(null, ["additional-info-" + _vm.variant, {
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-1509223a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n ") + "</span>" : "<!---->"))], 2);
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-1509223a_0", {
40200
- source: ".button[data-v-1509223a]{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-1509223a]:hover{background-color:#0000000d!important;border-radius:8px!important}.button-primary[data-v-1509223a]{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-1509223a]:hover{background-color:#1a1a1a!important}.button-primary.disabled[data-v-1509223a],.button-primary[data-v-1509223a]:active,.button-secondary.disabled[data-v-1509223a],.button-secondary[data-v-1509223a]:active{background-color:#ccc!important;box-shadow:0 2px 1px 0 #1a1a1a33 inset}.button-secondary[data-v-1509223a]{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-1509223a]:hover{background-color:#fafafa!important}.button.button-fullwidth[data-v-1509223a]{width:100%!important}.additional-info-primary[data-v-1509223a]{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-1509223a]{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-1509223a]{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-1509223a]{visibility:hidden}.loading[data-v-1509223a]{cursor:wait!important;position:relative}.Polaris-Spinner[data-v-1509223a]{animation:spin-data-v-1509223a 1s linear infinite;width:20px;height:20px;position:absolute}.Polaris-Spinner svg[data-v-1509223a]{fill:currentColor}.button-primary .Polaris-Spinner svg[data-v-1509223a]{fill:#fff}.button-secondary .Polaris-Spinner svg[data-v-1509223a]{fill:#000}@keyframes spin-data-v-1509223a{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.Polaris-Spinner[data-v-1509223a]{animation:spin-data-v-1509223a .5s linear infinite,fade-data-v-1509223a 320ms ease-in}@keyframes fade-data-v-1509223a{from{opacity:0}to{opacity:1}}",
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-1509223a";
40208
+ var __vue_scope_id__$e = "data-v-6542fe40";
40209
40209
  /* module identifier */
40210
40210
 
40211
- var __vue_module_identifier__$e = "data-v-1509223a";
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-6341775a><div class=\"logo\" data-v-6341775a><img" + _vm._ssrAttr("src", _vm.appData.app_logo_url) + " alt=\"logo\" width=\"auto\" height=\"auto\" class=\"logo-image\" data-v-6341775a></div> <div class=\"details\" data-v-6341775a><div class=\"upper-details\" data-v-6341775a><h3 class=\"app-name\" data-v-6341775a>" + _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-6341775a><span class=\"app-tag bfs-tag\" data-v-6341775a><svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6341775a><g clip-path=\"url(#clip0_61_2350)\" data-v-6341775a><path d=\"M13 0L12 5L8 14L16 4.5L13 0ZM3 0L4 5L8 14L0 4.5L3 0Z\" fill=\"#1495CC\" data-v-6341775a></path> <path d=\"M3 0L4 5L8 14L12 5L13 0H3Z\" fill=\"#58B7DF\" data-v-6341775a></path> <path d=\"M8 14L4 5L0 4.5L8 14ZM8 14L12 5L16 4.5L8 14Z\" fill=\"#035F86\" data-v-6341775a></path> <path d=\"M8 5.5L4 5L8 14L12 5L8 5.5Z\" fill=\"#1495CC\" data-v-6341775a></path> <path d=\"M4 5L8 0L12 5L7.999 5.5L4 5Z\" fill=\"#A9DEF4\" data-v-6341775a></path> <path d=\"M4 5L3 0H8L4 5ZM12 5L13 0H8L12 5Z\" fill=\"#58B7DF\" data-v-6341775a></path></g> <defs data-v-6341775a><clipPath id=\"clip0_61_2350\" data-v-6341775a><rect width=\"16\" height=\"14\" fill=\"white\" data-v-6341775a></rect></clipPath></defs></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Built For Shopify")) + "\n ") + "</span></div>" : "<!---->") + " <p class=\"app-reviews-count\" data-v-6341775a>" + _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-6341775a>" + _vm._ssrList(_vm.appData.app_bundle_details.shopify_categories, function (tag) {
40267
- return "<span class=\"app-tag\" data-v-6341775a><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6341775a><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-6341775a></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-6341775a></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-6341775a></path></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(tag)) + "\n ") + "</span>";
40268
- }) + "</div></div> <div class=\"lower-details\" data-v-6341775a>" + _vm._ssrList(_vm.appData.app_bundle_details.features, function (option) {
40269
- return "<span class=\"featured-options\" data-v-6341775a><svg width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-6341775a><rect width=\"4\" height=\"4\" rx=\"2\" fill=\"black\" data-v-6341775a></rect></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(option))) + "</span>";
40270
- }) + "</div></div> <div class=\"install-app-div\" data-v-6341775a><a" + _vm._ssrAttr("href", _vm.appData.app_shopify_store_link) + " target=\"_blank\" class=\"button-link install-app-button\" data-v-6341775a>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe('Install App')) + "\n ") + "</a></div></div> "), _vm._t("default")], 2);
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-6341775a_0", {
40279
- source: ".app-card[data-v-6341775a]{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-6341775a],.logo-image[data-v-6341775a]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-6341775a]{margin-top:8px}.lower-details[data-v-6341775a],.upper-details[data-v-6341775a]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-6341775a]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-6341775a]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-6341775a]{background-color:#e0f0ff;width:fit-content;margin-right:12px;padding:3px 4px;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-6341775a]{margin-bottom:-5.5px}.bfs-tag[data-v-6341775a]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-6341775a]{margin-bottom:-3px}.app-option-type-count[data-v-6341775a],.featured-options[data-v-6341775a]{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-6341775a]{margin-left:auto;display:flex;align-items:center;white-space:nowrap}.install-app-button[data-v-6341775a]{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-6341775a]:hover{background-color:rgba(0,0,0,.05)!important;border-radius:8px!important}.button-link[data-v-6341775a]{text-decoration:none}@media (max-width:767px){.featured-options[data-v-6341775a]{text-wrap:wrap}.details[data-v-6341775a]{gap:8px}.app-tags[data-v-6341775a]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.lower-details[data-v-6341775a],.upper-details[data-v-6341775a]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}.install-app-div[data-v-6341775a]{justify-content:flex-start;width:100%;margin-top:12px}.install-app-button[data-v-6341775a]{width:100%;justify-content:center}.app-card[data-v-6341775a]{flex-direction:column;justify-content:center}.logo[data-v-6341775a]{justify-content:flex-start;width:100%}}",
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-6341775a";
40287
+ var __vue_scope_id__$d = "data-v-14379058";
40288
40288
  /* module identifier */
40289
40289
 
40290
- var __vue_module_identifier__$d = "data-v-6341775a";
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-7f01bf09>", "</div>", [_vm._ssrNode((_vm.showDescription ? "<div class=\"plan-left\" data-v-7f01bf09><p class=\"bundle-offer-label\" data-v-7f01bf09>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Bundle Offer")) + "\n ") + "</p> <p class=\"bundle-desc-label\" data-v-7f01bf09>" + _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-7f01bf09>" + _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-7f01bf09>", "</div>", [_vm._ssrNode("<h3 class=\"plan-name\" data-v-7f01bf09>" + _vm._ssrEscape(_vm._s(_vm.translateMe("Monthly Bundle:"))) + "</h3> <div class=\"prices\" data-v-7f01bf09><span class=\"discounted-amount\" data-v-7f01bf09>" + _vm._ssrEscape("$" + _vm._s(_vm.translateMe(_vm.realPrice))) + "</span> " + (_vm.realPrice < _vm.oldPrice ? "<span class=\"original-amount\" data-v-7f01bf09>" + _vm._ssrEscape("$" + _vm._s(_vm.translateMe(_vm.oldPrice))) + "</span>" : "<!---->") + "</div> "), !_vm.isCurrentPlan ? _c('VariantButton', {
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-7f01bf09_0", {
40410
- source: ".banner-card[data-v-7f01bf09]{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);gap:16px}.bundle-plan-showcase-banner[data-v-7f01bf09]{display:none;justify-content:space-between;align-items:center;width:100%;margin-top:32px;position:sticky;top:0}.banner__inner[data-v-7f01bf09]{display:flex;justify-content:space-between;align-items:center;max-width:998px;width:100%;margin-left:auto;margin-right:auto;padding:0 32px}.banner__inner.full-width[data-v-7f01bf09]{max-width:calc(100% - 200px);padding:0 16px}.plan-name[data-v-7f01bf09]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-7f01bf09]{flex:1}.plan-right[data-v-7f01bf09]{display:flex;align-items:center;gap:12px}.prices[data-v-7f01bf09]{display:flex;gap:8px}.bundle-offer-label[data-v-7f01bf09]{font-size:20px;font-weight:600;color:#202223;margin-bottom:4px}.bundle-desc-label[data-v-7f01bf09]{font-size:14px;font-weight:450;color:#303030}.discounted-amount[data-v-7f01bf09]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-7f01bf09]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.choose-button[data-v-7f01bf09]{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:767px){.bundle-plan-showcase-banner[data-v-7f01bf09]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-7f01bf09]{align-items:unset}.choose-button[data-v-7f01bf09]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-right[data-v-7f01bf09]{flex-direction:column;gap:8px;align-items:unset}.bundle-plan-showcase-banner[data-v-7f01bf09]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-7f01bf09]{align-items:unset}.choose-button[data-v-7f01bf09]{margin-right:auto;margin-left:0}}",
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-7f01bf09";
40418
+ var __vue_scope_id__$c = "data-v-2f50acc9";
40419
40419
  /* module identifier */
40420
40420
 
40421
- var __vue_module_identifier__$c = "data-v-7f01bf09";
40421
+ var __vue_module_identifier__$c = "data-v-2f50acc9";
40422
40422
  /* functional template */
40423
40423
 
40424
40424
  var __vue_is_functional_template__$c = false;
@@ -41673,8 +41673,8 @@ var __vue_staticRenderFns__$9 = [];
41673
41673
 
41674
41674
  var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
41675
41675
  if (!inject) return;
41676
- inject("data-v-6938cd50_0", {
41677
- source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:0;border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:last-child{text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table thead tr td:last-child{text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:nth-child(2){border-radius:0 0 0 12px!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td{background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:#fff!important;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden;border-bottom:none!important}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .Polaris-Button::after{box-shadow:none!important}.app-manager .Polaris-Button:focus{box-shadow:none!important;border-color:#000!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}.app-manager .app-manager-plan-page .light-green-cell{background-color:#f0f8f5;color:#257f60}.app-manager .app-manager-plan-page .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.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}@media (min-width:0px) and (max-width:576px){.app-manager .app-manager,.app-manager .app-manager-body{overflow-x:scroll}}@media (max-width:700px){.app-manager .Polaris-DataTable__Table{width:auto!important}}",
41676
+ inject("data-v-3a2d6ab0_0", {
41677
+ source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:0;border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:last-child{text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table thead tr td:last-child{text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:nth-child(2){border-radius:0 0 0 12px!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td{background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:#fff!important;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden;border-bottom:none!important}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .Polaris-Button::after{box-shadow:none!important}.app-manager .Polaris-Button:focus{box-shadow:none!important;border-color:#000!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}.app-manager .app-manager-plan-page .light-green-cell{background-color:#f0f8f5;color:#257f60}.app-manager .app-manager-plan-page .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.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}@media (max-width:700px){.app-manager .Polaris-DataTable__Table{width:auto!important}}",
41678
41678
  map: undefined,
41679
41679
  media: undefined
41680
41680
  });
@@ -41685,7 +41685,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
41685
41685
  var __vue_scope_id__$9 = undefined;
41686
41686
  /* module identifier */
41687
41687
 
41688
- var __vue_module_identifier__$9 = "data-v-6938cd50";
41688
+ var __vue_module_identifier__$9 = "data-v-3a2d6ab0";
41689
41689
  /* functional template */
41690
41690
 
41691
41691
  var __vue_is_functional_template__$9 = 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.5
47516
+ slidesPerView: 1
47487
47517
  },
47488
47518
  640: {
47489
47519
  slidesPerView: 2
47490
47520
  },
47491
- 768: {
47521
+ 840: {
47492
47522
  slidesPerView: Math.min(this.monthlyPlans.length, 3)
47493
47523
  },
47494
- 1024: {
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.5
47552
+ slidesPerView: 1
47523
47553
  },
47524
47554
  640: {
47525
47555
  slidesPerView: 2
47526
47556
  },
47527
- 768: {
47557
+ 840: {
47528
47558
  slidesPerView: Math.min(this.annualPlans.length, 3)
47529
47559
  },
47530
- 1024: {
47560
+ 1152: {
47531
47561
  slidesPerView: Math.min(this.annualPlans.length, 4)
47532
47562
  }
47533
47563
  },
@@ -47559,11 +47589,11 @@ 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-4121e7ba><button class=\"swiper-plan-h-prev-monthly\" data-v-4121e7ba>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-4121e7ba>" + _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-4121e7ba><g clip-path=\"url(#clip0_859_9388)\" data-v-4121e7ba><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path></g> <defs data-v-4121e7ba><clipPath id=\"clip0_859_9388\" data-v-4121e7ba><rect width=\"24\" height=\"24\" fill=\"white\" data-v-4121e7ba></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-4121e7ba>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-4121e7ba>" + _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-4121e7ba><g clip-path=\"url(#clip0_859_9381)\" data-v-4121e7ba><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path></g> <defs data-v-4121e7ba><clipPath id=\"clip0_859_9381\" data-v-4121e7ba><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-4121e7ba></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-4121e7ba><button class=\"swiper-plan-h-prev-annually\" data-v-4121e7ba>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-4121e7ba>" + _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-4121e7ba><g clip-path=\"url(#clip0_859_9388)\" data-v-4121e7ba><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path></g> <defs data-v-4121e7ba><clipPath id=\"clip0_859_9388\" data-v-4121e7ba><rect width=\"24\" height=\"24\" fill=\"white\" data-v-4121e7ba></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-4121e7ba>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-4121e7ba>" + _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-4121e7ba><g clip-path=\"url(#clip0_859_9381)\" data-v-4121e7ba><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4121e7ba></path></g> <defs data-v-4121e7ba><clipPath id=\"clip0_859_9381\" data-v-4121e7ba><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-4121e7ba></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-4121e7ba>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-4121e7ba>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
47563
- return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-4121e7ba>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-4121e7ba>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-4121e7ba><div class=\"most-popular-label\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most Popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-4121e7ba>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-4121e7ba><span style=\"text-decoration: line-through;\" data-v-4121e7ba>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
47592
+ }, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-4a0c00aa><button class=\"swiper-plan-h-prev-monthly\" data-v-4a0c00aa>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-4a0c00aa>" + _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-4a0c00aa><g clip-path=\"url(#clip0_859_9388)\" data-v-4a0c00aa><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path></g> <defs data-v-4a0c00aa><clipPath id=\"clip0_859_9388\" data-v-4a0c00aa><rect width=\"24\" height=\"24\" fill=\"white\" data-v-4a0c00aa></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-4a0c00aa>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-4a0c00aa>" + _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-4a0c00aa><g clip-path=\"url(#clip0_859_9381)\" data-v-4a0c00aa><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path></g> <defs data-v-4a0c00aa><clipPath id=\"clip0_859_9381\" data-v-4a0c00aa><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-4a0c00aa></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-4a0c00aa><button class=\"swiper-plan-h-prev-annually\" data-v-4a0c00aa>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-4a0c00aa>" + _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-4a0c00aa><g clip-path=\"url(#clip0_859_9388)\" data-v-4a0c00aa><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path></g> <defs data-v-4a0c00aa><clipPath id=\"clip0_859_9388\" data-v-4a0c00aa><rect width=\"24\" height=\"24\" fill=\"white\" data-v-4a0c00aa></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-4a0c00aa>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-4a0c00aa>" + _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-4a0c00aa><g clip-path=\"url(#clip0_859_9381)\" data-v-4a0c00aa><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4a0c00aa></path></g> <defs data-v-4a0c00aa><clipPath id=\"clip0_859_9381\" data-v-4a0c00aa><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-4a0c00aa></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-4a0c00aa>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-4a0c00aa>", "</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-4a0c00aa>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-4a0c00aa>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-4a0c00aa><div class=\"most-popular-label\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-4a0c00aa>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-4a0c00aa><span style=\"text-decoration: line-through;\" data-v-4a0c00aa>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
47564
47594
  attrs: {
47565
47595
  "variant": 'secondary',
47566
- "disabled": _vm.currentPlan && _vm.currentPlan.id === plan.id,
47596
+ "disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
47567
47597
  "loading": _vm.loadingPlanId === plan.id
47568
47598
  },
47569
47599
  on: {
@@ -47571,14 +47601,16 @@ var __vue_render__$6 = function __vue_render__() {
47571
47601
  return _vm.handlePlanClick(plan);
47572
47602
  }
47573
47603
  }
47574
- }, [_vm._v(_vm._s(_vm.currentPlan && _vm.currentPlan.id === plan.id ? _vm.translateMe("Selected Plan") : _vm.currentPlan && plan.price > _vm.currentPlan.price ? _vm.translateMe("Upgrade") : _vm.translateMe("Choose Plan")) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-4121e7ba><ul data-v-4121e7ba>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
47575
- return "<li class=\"feature\" data-v-4121e7ba><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-4121e7ba><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-4121e7ba></path></svg> <span data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
47604
+ }, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-4a0c00aa><ul data-v-4a0c00aa>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
47605
+ return "<li class=\"feature\" data-v-4a0c00aa><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-4a0c00aa><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-4a0c00aa></path></svg> <span data-v-4a0c00aa>" + _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
47606
  }) + "</ul></div>")], 2)]) : _vm._e();
47577
- }), 0)]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"swiper cards annually\" data-v-4121e7ba>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-4121e7ba>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
47578
- return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-4121e7ba>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-4121e7ba>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-4121e7ba><div class=\"most-popular-label\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most Popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-4121e7ba>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-4121e7ba><span style=\"text-decoration: line-through;\" data-v-4121e7ba>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\" data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
47607
+ }), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
47608
+ display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
47609
+ }, null) + " data-v-4a0c00aa></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-4a0c00aa>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-4a0c00aa>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
47610
+ return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-4a0c00aa>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-4a0c00aa>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-4a0c00aa><div class=\"most-popular-label\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-4a0c00aa>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-4a0c00aa><span style=\"text-decoration: line-through;\" data-v-4a0c00aa>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span style=\"color: #999;\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\" data-v-4a0c00aa>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
47579
47611
  attrs: {
47580
47612
  "variant": 'secondary',
47581
- "disabled": _vm.currentPlan && _vm.currentPlan.id === plan.id,
47613
+ "disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
47582
47614
  "loading": _vm.loadingPlanId === plan.id
47583
47615
  },
47584
47616
  on: {
@@ -47586,12 +47618,12 @@ var __vue_render__$6 = function __vue_render__() {
47586
47618
  return _vm.handlePlanClick(plan);
47587
47619
  }
47588
47620
  }
47589
- }, [_vm._v(_vm._s(_vm.currentPlan && _vm.currentPlan.id === plan.id ? _vm.translateMe("Selected Plan") : _vm.currentPlan && plan.price > _vm.currentPlan.price ? _vm.translateMe("Upgrade") : _vm.translateMe("Choose Plan")) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-4121e7ba><ul data-v-4121e7ba>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
47590
- return "<li class=\"feature\" data-v-4121e7ba><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-4121e7ba><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-4121e7ba></path></svg> <span data-v-4121e7ba>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
47621
+ }, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-4a0c00aa><ul data-v-4a0c00aa>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
47622
+ return "<li class=\"feature\" data-v-4a0c00aa><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-4a0c00aa><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-4a0c00aa></path></svg> <span data-v-4a0c00aa>" + _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
47623
  }) + "</ul></div>")], 2)]) : _vm._e();
47592
- }), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination\"" + _vm._ssrStyle(null, {
47593
- display: _vm.interval === 'ANNUAL' && _vm.annualPlans.length <= 4 || _vm.interval === 'EVERY_30_DAYS' && _vm.monthlyPlans.length <= 4 ? 'none' : 'block'
47594
- }, null) + " data-v-4121e7ba></div>")], 2);
47624
+ }), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
47625
+ display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
47626
+ }, null) + " data-v-4a0c00aa></div>")], 2);
47595
47627
  };
47596
47628
 
47597
47629
  var __vue_staticRenderFns__$6 = [];
@@ -47599,11 +47631,11 @@ var __vue_staticRenderFns__$6 = [];
47599
47631
 
47600
47632
  var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
47601
47633
  if (!inject) return;
47602
- inject("data-v-4121e7ba_0", {
47603
- source: ".container[data-v-4121e7ba]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-4121e7ba]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-4121e7ba]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-4121e7ba]{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-4121e7ba]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-4121e7ba],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-4121e7ba]{border-left:1px solid #ccc}.card .title[data-v-4121e7ba]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-4121e7ba]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-4121e7ba]{min-height:44px}.card .price[data-v-4121e7ba]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-4121e7ba]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-4121e7ba]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-4121e7ba]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-4121e7ba]{margin-top:19px}.features ul[data-v-4121e7ba]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-4121e7ba]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-4121e7ba]{min-width:20px;min-height:20px}.feature span[data-v-4121e7ba]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-4121e7ba]{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-4121e7ba]{background-color:#91d0ff;color:#00527c;font-size:12px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-4121e7ba]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-4121e7ba]{display:none}.swiper-plan-h-next-annually[data-v-4121e7ba],.swiper-plan-h-next-monthly[data-v-4121e7ba],.swiper-plan-h-prev-annually[data-v-4121e7ba],.swiper-plan-h-prev-monthly[data-v-4121e7ba]{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-4121e7ba]:disabled,.swiper-plan-h-next-monthly[data-v-4121e7ba]:disabled,.swiper-plan-h-prev-annually[data-v-4121e7ba]:disabled,.swiper-plan-h-prev-monthly[data-v-4121e7ba]:disabled{opacity:0}.plans-remaining[data-v-4121e7ba]{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-4121e7ba]::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-4121e7ba]{border-left:none}.swiper-plan-h-navigation[data-v-4121e7ba]{display:none!important}}",
47634
+ inject("data-v-4a0c00aa_0", {
47635
+ source: ".container[data-v-4a0c00aa]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-4a0c00aa]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-4a0c00aa]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-4a0c00aa]{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-4a0c00aa]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-4a0c00aa],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-4a0c00aa]{border-left:1px solid #ccc}.card .title[data-v-4a0c00aa]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-4a0c00aa]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-4a0c00aa]{min-height:44px}.card .price[data-v-4a0c00aa]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-4a0c00aa]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-4a0c00aa]{margin-top:19px}.features ul[data-v-4a0c00aa]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-4a0c00aa]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-4a0c00aa]{min-width:20px;min-height:20px}.feature span[data-v-4a0c00aa]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-4a0c00aa]{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-4a0c00aa]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-4a0c00aa]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-4a0c00aa]{display:none}.swiper-plan-h-next-annually[data-v-4a0c00aa],.swiper-plan-h-next-monthly[data-v-4a0c00aa],.swiper-plan-h-prev-annually[data-v-4a0c00aa],.swiper-plan-h-prev-monthly[data-v-4a0c00aa]{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-4a0c00aa]:disabled,.swiper-plan-h-next-monthly[data-v-4a0c00aa]:disabled,.swiper-plan-h-prev-annually[data-v-4a0c00aa]:disabled,.swiper-plan-h-prev-monthly[data-v-4a0c00aa]:disabled{opacity:0}.plans-remaining[data-v-4a0c00aa]{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-4a0c00aa]::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-4a0c00aa]{border-left:none}.swiper-plan-h-navigation[data-v-4a0c00aa]{display:none!important}}",
47604
47636
  map: undefined,
47605
47637
  media: undefined
47606
- }), inject("data-v-4121e7ba_1", {
47638
+ }), inject("data-v-4a0c00aa_1", {
47607
47639
  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
47640
  map: undefined,
47609
47641
  media: undefined
@@ -47612,10 +47644,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
47612
47644
  /* scoped */
47613
47645
 
47614
47646
 
47615
- var __vue_scope_id__$6 = "data-v-4121e7ba";
47647
+ var __vue_scope_id__$6 = "data-v-4a0c00aa";
47616
47648
  /* module identifier */
47617
47649
 
47618
- var __vue_module_identifier__$6 = "data-v-4121e7ba";
47650
+ var __vue_module_identifier__$6 = "data-v-4a0c00aa";
47619
47651
  /* functional template */
47620
47652
 
47621
47653
  var __vue_is_functional_template__$6 = false;
@@ -47739,6 +47771,10 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
47739
47771
  type: Object,
47740
47772
  required: false
47741
47773
  },
47774
+ shopifyPlan: {
47775
+ type: String,
47776
+ required: false
47777
+ },
47742
47778
  selectedInterval: {
47743
47779
  type: String,
47744
47780
  required: false
@@ -47756,6 +47792,8 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
47756
47792
  }
47757
47793
  },
47758
47794
  methods: {
47795
+ isPlanButtonDisabled: isPlanButtonDisabled,
47796
+ getPlanButtonText: getPlanButtonText,
47759
47797
  formatFeature: formatFeature,
47760
47798
  handlePlanClick: function handlePlanClick(plan) {
47761
47799
  var _this = this;
@@ -48094,9 +48132,9 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
48094
48132
  },
48095
48133
  breakpoints: {
48096
48134
  0: {
48097
- slidesPerView: 1
48135
+ slidesPerView: 1.2
48098
48136
  },
48099
- 768: {
48137
+ 640: {
48100
48138
  slidesPerView: 2
48101
48139
  },
48102
48140
  1024: {
@@ -48129,9 +48167,9 @@ var GetCustomBlock = __vue_component__$6;var script$4 = {
48129
48167
  },
48130
48168
  breakpoints: {
48131
48169
  0: {
48132
- slidesPerView: 1
48170
+ slidesPerView: 1.2
48133
48171
  },
48134
- 768: {
48172
+ 640: {
48135
48173
  slidesPerView: 2
48136
48174
  },
48137
48175
  1024: {
@@ -48172,18 +48210,18 @@ var __vue_render__$4 = function __vue_render__() {
48172
48210
 
48173
48211
  return _c('div', {
48174
48212
  staticClass: "container"
48175
- }, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-2ed3d0e6><button class=\"swiper-plan-monthly-prev\" data-v-2ed3d0e6>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-2ed3d0e6>" + _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-2ed3d0e6><g clip-path=\"url(#clip0_859_9388)\" data-v-2ed3d0e6><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9388\" data-v-2ed3d0e6><rect width=\"24\" height=\"24\" fill=\"white\" data-v-2ed3d0e6></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-monthly-next\" data-v-2ed3d0e6>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-2ed3d0e6>" + _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-2ed3d0e6><g clip-path=\"url(#clip0_859_9381)\" data-v-2ed3d0e6><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9381\" data-v-2ed3d0e6><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-navigation nav-annually-table\" data-v-2ed3d0e6><button class=\"swiper-plan-annually-prev\" data-v-2ed3d0e6>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-2ed3d0e6>" + _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-2ed3d0e6><g clip-path=\"url(#clip0_859_9388)\" data-v-2ed3d0e6><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9388\" data-v-2ed3d0e6><rect width=\"24\" height=\"24\" fill=\"white\" data-v-2ed3d0e6></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-annually-next\" data-v-2ed3d0e6>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-2ed3d0e6>" + _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-2ed3d0e6><g clip-path=\"url(#clip0_859_9381)\" data-v-2ed3d0e6><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9381\" data-v-2ed3d0e6><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"pricing-table monthly-table\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-2ed3d0e6><div class=\"table-header plans-available plans-available-monthly\" data-v-2ed3d0e6><h3 data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.monthlyPlans.length) + " " + _vm._s(_vm.translateMe("Plans available")) + "\n ") + "</h3></div> " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
48176
- return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
48177
- return "<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</div>";
48213
+ }, [_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) {
48214
+ 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) {
48215
+ 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
48216
  });
48179
- }) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-2ed3d0e6>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
48217
+ }) + "</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
48218
  return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
48181
48219
  'last-slide': index === _vm.monthlyPlans.length - 1
48182
- }) + " data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-monthly\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-2ed3d0e6>" + (plan.strike_price ? "<h5 data-v-2ed3d0e6><span class=\"strike-price\" data-v-2ed3d0e6>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-2ed3d0e6><h4 class=\"plan-name\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-2ed3d0e6><span class=\"plan-price\" data-v-2ed3d0e6>" + _vm._ssrEscape("$" + _vm._s(plan.price)) + "</span> <span class=\"plan-interval\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
48220
+ }) + " 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
48221
  staticClass: "button",
48184
48222
  attrs: {
48185
48223
  "variant": 'secondary',
48186
- "disabled": _vm.currentPlan && _vm.currentPlan.id === plan.id,
48224
+ "disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
48187
48225
  "loading": _vm.loadingPlanId === plan.id
48188
48226
  },
48189
48227
  on: {
@@ -48191,23 +48229,23 @@ var __vue_render__$4 = function __vue_render__() {
48191
48229
  return _vm.handlePlanClick(plan);
48192
48230
  }
48193
48231
  }
48194
- }, [_vm._v(_vm._s(_vm.currentPlan && _vm.currentPlan.id === plan.id ? _vm.translateMe("Selected Plan") : !_vm.currentPlan ? _vm.translateMe("Choose Plan") : plan.price > _vm.currentPlan.price ? _vm.translateMe("Upgrade") : _vm.translateMe("Switch to this plan")))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
48195
- return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
48196
- return "<div class=\"plan-feature plan-feature-monthly\" data-v-2ed3d0e6>" + (_vm.hasFeature(plan, feature) ? "<div data-v-2ed3d0e6>" + (feature.value_type === 'boolean' ? "<div data-v-2ed3d0e6><span class=\"plan-table-checkmark\" data-v-2ed3d0e6><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-2ed3d0e6><g clip-path=\"url(#clip0_859_9134)\" data-v-2ed3d0e6><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-2ed3d0e6></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-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9134\" data-v-2ed3d0e6><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></span></div>" : "<div data-v-2ed3d0e6><span data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-2ed3d0e6><span class=\"plan-table-checkmark\" data-v-2ed3d0e6><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-2ed3d0e6><g clip-path=\"url(#clip0_859_9139)\" data-v-2ed3d0e6><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9139\" data-v-2ed3d0e6><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></span></div>") + "</div>";
48232
+ }, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
48233
+ 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) {
48234
+ 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
48235
  });
48198
48236
  }))], 2);
48199
- }), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-2ed3d0e6><div class=\"table-header plans-available plans-available-annually\" data-v-2ed3d0e6><h3 data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.annualPlans.length) + " " + _vm._s(_vm.translateMe("Plans available"))) + "</h3></div> " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
48200
- return (group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
48201
- return "<div class=\"plan-feature-name plan-feature-name-annually\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</div>";
48237
+ }), 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) {
48238
+ 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) {
48239
+ 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
48240
  });
48203
- }) + "</div> "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-2ed3d0e6>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
48241
+ }) + "</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
48242
  return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
48205
48243
  'last-slide': index === _vm.annualPlans.length - 1
48206
- }) + " data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-annually\" data-v-2ed3d0e6>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-2ed3d0e6>" + (plan.strike_price ? "<h5 data-v-2ed3d0e6><span class=\"strike-price\" data-v-2ed3d0e6>" + _vm._ssrEscape("$" + _vm._s(plan.strike_price)) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/yr"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-2ed3d0e6><h4 class=\"plan-name\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-2ed3d0e6><span class=\"plan-price\" data-v-2ed3d0e6>" + _vm._ssrEscape("$" + _vm._s(plan.price)) + "</span> <span class=\"plan-interval\" data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/yr"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
48244
+ }) + " 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
48245
  staticClass: "button",
48208
48246
  attrs: {
48209
48247
  "variant": 'secondary',
48210
- "disabled": _vm.currentPlan && _vm.currentPlan.id === plan.id,
48248
+ "disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
48211
48249
  "loading": _vm.loadingPlanId === plan.id
48212
48250
  },
48213
48251
  on: {
@@ -48215,9 +48253,9 @@ var __vue_render__$4 = function __vue_render__() {
48215
48253
  return _vm.handlePlanClick(plan);
48216
48254
  }
48217
48255
  }
48218
- }, [_vm._v(_vm._s(_vm.currentPlan && _vm.currentPlan.id === plan.id ? _vm.translateMe("Selected Plan") : !_vm.currentPlan ? _vm.translateMe("Choose Plan") : plan.price > _vm.currentPlan.price ? _vm.translateMe("Upgrade") : _vm.translateMe("Switch to this plan")))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
48219
- return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-2ed3d0e6>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
48220
- return "<div class=\"plan-feature plan-feature-annually\" data-v-2ed3d0e6>" + (_vm.hasFeature(plan, feature) ? "<div data-v-2ed3d0e6>" + (feature.value_type === 'boolean' ? "<div data-v-2ed3d0e6><span class=\"plan-table-checkmark\" data-v-2ed3d0e6><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-2ed3d0e6><g clip-path=\"url(#clip0_859_9134)\" data-v-2ed3d0e6><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-2ed3d0e6></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-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9134\" data-v-2ed3d0e6><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></span></div>" : "<div data-v-2ed3d0e6><span data-v-2ed3d0e6>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-2ed3d0e6><span class=\"plan-table-checkmark\" data-v-2ed3d0e6><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-2ed3d0e6><g clip-path=\"url(#clip0_859_9139)\" data-v-2ed3d0e6><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2ed3d0e6></path></g> <defs data-v-2ed3d0e6><clipPath id=\"clip0_859_9139\" data-v-2ed3d0e6><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-2ed3d0e6></rect></clipPath></defs></svg></span></div>") + "</div>";
48256
+ }, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
48257
+ 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) {
48258
+ 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
48259
  });
48222
48260
  }))], 2);
48223
48261
  }), 0)])], 2)], 2);
@@ -48228,8 +48266,8 @@ var __vue_staticRenderFns__$4 = [];
48228
48266
 
48229
48267
  var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
48230
48268
  if (!inject) return;
48231
- inject("data-v-2ed3d0e6_0", {
48232
- source: ".container[data-v-2ed3d0e6]{width:100%}.pricing-table[data-v-2ed3d0e6]{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-2ed3d0e6]{padding:16px}.plans[data-v-2ed3d0e6]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-2ed3d0e6]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-2ed3d0e6]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-2ed3d0e6]{width:100%;height:100%}.table-header[data-v-2ed3d0e6]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0}.table-header h3[data-v-2ed3d0e6]{font-size:13px;font-weight:700;line-height:20px;color:#303030}.plan-header-wrapper[data-v-2ed3d0e6]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-2ed3d0e6]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-2ed3d0e6]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-2ed3d0e6]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.plan-table-checkmark[data-v-2ed3d0e6]{width:20px;height:20px;visibility:visible;display:inline-block}.plan-header-wrapper[data-v-2ed3d0e6]{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-2ed3d0e6]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-2ed3d0e6]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-2ed3d0e6]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-2ed3d0e6]{text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-2ed3d0e6]{color:#999;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-2ed3d0e6]{display:inline;font-size:16px;font-weight:700;color:#303030;width:max-content}.plan-header-wrapper .price-wrapper h4 h6[data-v-2ed3d0e6]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-2ed3d0e6]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-2ed3d0e6]{display:none}.swiper-plan-annually-next[data-v-2ed3d0e6],.swiper-plan-annually-prev[data-v-2ed3d0e6],.swiper-plan-monthly-next[data-v-2ed3d0e6],.swiper-plan-monthly-prev[data-v-2ed3d0e6]{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-2ed3d0e6]:disabled,.swiper-plan-annually-prev[data-v-2ed3d0e6]:disabled,.swiper-plan-monthly-next[data-v-2ed3d0e6]:disabled,.swiper-plan-monthly-prev[data-v-2ed3d0e6]:disabled{opacity:0}.choose-button[data-v-2ed3d0e6]{background-color:#fff!important}.choose-button[data-v-2ed3d0e6]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-2ed3d0e6]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-2ed3d0e6]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-2ed3d0e6]::-webkit-scrollbar{display:none}.plans-remaining[data-v-2ed3d0e6]{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-2ed3d0e6]::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-2ed3d0e6]{font-size:0!important}.feature-group-header[data-v-2ed3d0e6]{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-2ed3d0e6]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-2ed3d0e6]{border-right:1px solid #e3e3e3}@media (max-width:640px){.swiper-plan-navigation[data-v-2ed3d0e6]{display:none!important}.pricing-table[data-v-2ed3d0e6]{width:calc(100% + -2px)}}",
48269
+ inject("data-v-6ea7c21a_0", {
48270
+ 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
48271
  map: undefined,
48234
48272
  media: undefined
48235
48273
  });
@@ -48237,10 +48275,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
48237
48275
  /* scoped */
48238
48276
 
48239
48277
 
48240
- var __vue_scope_id__$4 = "data-v-2ed3d0e6";
48278
+ var __vue_scope_id__$4 = "data-v-6ea7c21a";
48241
48279
  /* module identifier */
48242
48280
 
48243
- var __vue_module_identifier__$4 = "data-v-2ed3d0e6";
48281
+ var __vue_module_identifier__$4 = "data-v-6ea7c21a";
48244
48282
  /* functional template */
48245
48283
 
48246
48284
  var __vue_is_functional_template__$4 = false;
@@ -48302,8 +48340,8 @@ var __vue_render__$3 = function __vue_render__() {
48302
48340
 
48303
48341
  return _c('div', {
48304
48342
  staticClass: "block"
48305
- }, [_vm._ssrNode("<div class=\"bundle-header\" data-v-09633baf><h3 data-v-09633baf>" + _vm._ssrEscape(_vm._s(_vm.translateMe("Bundle"))) + "</h3> <h2 data-v-09633baf>" + _vm._ssrEscape("$" + _vm._s(_vm.plan.price - _vm.plan.discount)) + "</h2> <span class=\"mo-label\" data-v-09633baf>" + _vm._ssrEscape(_vm._s(_vm.translateMe("/mo"))) + "</span> <h4 data-v-09633baf>" + _vm._ssrEscape("$" + _vm._s(_vm.plan.price)) + "</h4> <span class=\"apps-count\" data-v-09633baf>" + _vm._ssrEscape(_vm._s(_vm.allApps.length) + " " + _vm._s(_vm.translateMe("Apps"))) + "</span></div> <div class=\"apps-list\" data-v-09633baf>" + _vm._ssrList(_vm.allApps, function (app, index) {
48306
- return "<div class=\"app\" data-v-09633baf>" + (index <= 10 ? "<img" + _vm._ssrAttr("src", app.app_logo_url) + _vm._ssrAttr("alt", app.app_name + " Logo") + " width=\"24\" height=\"24\" data-v-09633baf> <h5 data-v-09633baf>" + _vm._ssrEscape(_vm._s(_vm.translateMe(app.app_name))) + "</h5>" : index === 11 ? "<h5 class=\"more-apps-label\" data-v-09633baf>" + _vm._ssrEscape("+ " + _vm._s(_vm.allApps.length - 11) + " " + _vm._s(_vm.translateMe('More Apps'))) + "</h5>" : "<!---->") + "</div>";
48343
+ }, [_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) {
48344
+ 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
48345
  }) + "</div> "), _c('VariantButton', {
48308
48346
  staticClass: "button",
48309
48347
  attrs: {
@@ -48314,7 +48352,7 @@ var __vue_render__$3 = function __vue_render__() {
48314
48352
  return _vm.handlePlanClick('bundle');
48315
48353
  }
48316
48354
  }
48317
- }, [_vm._v(_vm._s(_vm.translateMe("Start Saving Now")))])], 2);
48355
+ }, [_vm._v(_vm._s(_vm.translateMe("Start saving now")))])], 2);
48318
48356
  };
48319
48357
 
48320
48358
  var __vue_staticRenderFns__$3 = [];
@@ -48322,8 +48360,8 @@ var __vue_staticRenderFns__$3 = [];
48322
48360
 
48323
48361
  var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
48324
48362
  if (!inject) return;
48325
- inject("data-v-09633baf_0", {
48326
- source: ".block[data-v-09633baf]{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-09633baf]{width:100%!important;display:flex!important;height:fit-content!important;justify-content:center!important}.bundle-header[data-v-09633baf]{display:flex;gap:8px;border-bottom:1px solid #e3e3e3;padding-bottom:12px}.bundle-header h3[data-v-09633baf]{font-size:18px;font-weight:700;color:#000}.bundle-header h2[data-v-09633baf]{font-size:30px;font-weight:700;color:#000}.bundle-header .mo-label[data-v-09633baf]{font-size:13px;font-weight:400;color:#00000080}.bundle-header h4[data-v-09633baf]{font-size:13.5px;font-weight:700;color:#616161;text-decoration:line-through}.bundle-header .apps-count[data-v-09633baf]{background-color:#91d0ff;border-radius:8px;padding:2px 8px;font-size:12px;line-height:16px;font-weight:550;color:#00527c}.apps-list[data-v-09633baf]{display:flex;flex-wrap:wrap;gap:8px}.apps-list .app[data-v-09633baf]{display:flex;flex-basis:calc(33% - 8px);align-items:center;gap:8px}.more-apps-label[data-v-09633baf]{font-size:13px;font-weight:700;color:#000}@media (max-width:640px){.apps-list .app[data-v-09633baf]{flex-basis:calc(50% - 8px)}}",
48363
+ inject("data-v-594b1d8b_0", {
48364
+ 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
48365
  map: undefined,
48328
48366
  media: undefined
48329
48367
  });
@@ -48331,10 +48369,10 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
48331
48369
  /* scoped */
48332
48370
 
48333
48371
 
48334
- var __vue_scope_id__$3 = "data-v-09633baf";
48372
+ var __vue_scope_id__$3 = "data-v-594b1d8b";
48335
48373
  /* module identifier */
48336
48374
 
48337
- var __vue_module_identifier__$3 = "data-v-09633baf";
48375
+ var __vue_module_identifier__$3 = "data-v-594b1d8b";
48338
48376
  /* functional template */
48339
48377
 
48340
48378
  var __vue_is_functional_template__$3 = false;
@@ -48653,7 +48691,7 @@ var CustomizationModal = __vue_component__$3;var script$1 = {
48653
48691
  showPlansFeatures: false,
48654
48692
  showCustomizationModal: false,
48655
48693
  additionalBenefitsHeading: {
48656
- category_name: "Unlock Additional Benefits"
48694
+ category_name: "Unlock additional benefits"
48657
48695
  }
48658
48696
  };
48659
48697
  },
@@ -49128,7 +49166,7 @@ var __vue_render__$1 = function __vue_render__() {
49128
49166
  "stroke-linecap": "round",
49129
49167
  "stroke-linejoin": "round"
49130
49168
  }
49131
- })]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to App pricing')) + "\n ")]), _vm._v(" "), _c('div', {
49169
+ })]), _vm._v("\n " + _vm._s(_vm.translateMe('Back to app pricing')) + "\n ")]), _vm._v(" "), _c('div', {
49132
49170
  staticClass: "bill-cycle-select-group__inner-left"
49133
49171
  }, [_c('SelectButton', {
49134
49172
  attrs: {
@@ -49140,7 +49178,7 @@ var __vue_render__$1 = function __vue_render__() {
49140
49178
  return _vm.selectPlan('monthly');
49141
49179
  }
49142
49180
  }
49143
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed Monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('SelectButton', {
49181
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('SelectButton', {
49144
49182
  attrs: {
49145
49183
  "id": "pricing-tab",
49146
49184
  "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
@@ -49150,7 +49188,7 @@ var __vue_render__$1 = function __vue_render__() {
49150
49188
  return _vm.selectPlan('annually');
49151
49189
  }
49152
49190
  }
49153
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed Yearly')) + "\n "), _c('strong', {
49191
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Billed yearly')) + "\n "), _c('strong', {
49154
49192
  staticStyle: {
49155
49193
  "white-space": "pre"
49156
49194
  }
@@ -49195,6 +49233,7 @@ var __vue_render__$1 = function __vue_render__() {
49195
49233
  "plans": _vm.plans,
49196
49234
  "features": _vm.features,
49197
49235
  "currentPlan": _vm.plan,
49236
+ "shopifyPlan": _vm.shopify_plan,
49198
49237
  "promotionalDiscount": _vm.promotional_discount,
49199
49238
  "selectedInterval": _vm.selectedPlan
49200
49239
  },
@@ -49226,6 +49265,7 @@ var __vue_render__$1 = function __vue_render__() {
49226
49265
  attrs: {
49227
49266
  "plans": _vm.plans,
49228
49267
  "currentPlan": _vm.plan,
49268
+ "shopifyPlan": _vm.shopify_plan,
49229
49269
  "promotionalDiscount": _vm.promotional_discount,
49230
49270
  "selectedInterval": _vm.selectedPlan,
49231
49271
  "features": _vm.features
@@ -49253,7 +49293,7 @@ var __vue_render__$1 = function __vue_render__() {
49253
49293
  }
49254
49294
  }, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
49255
49295
  staticClass: "customization-bundle-section"
49256
- }, [_c('BundlePlanCard', {
49296
+ }, [_vm.bundle_plan ? _c('BundlePlanCard', {
49257
49297
  attrs: {
49258
49298
  "plan": _vm.bundle_plan,
49259
49299
  "plan_details": _vm.bundle_details
@@ -49261,7 +49301,7 @@ var __vue_render__$1 = function __vue_render__() {
49261
49301
  on: {
49262
49302
  "plan-clicked": _vm.selectPlan
49263
49303
  }
49264
- })], 1), _vm._v(" "), _c('CustomizationModal', {
49304
+ }) : _vm._e()], 1), _vm._v(" "), _c('CustomizationModal', {
49265
49305
  attrs: {
49266
49306
  "visible": this.showCustomizationModal
49267
49307
  },
@@ -49308,8 +49348,8 @@ var __vue_staticRenderFns__$1 = [];
49308
49348
 
49309
49349
  var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
49310
49350
  if (!inject) return;
49311
- inject("data-v-6e605ac8_0", {
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% - 200px)!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:998px;margin-left:auto;margin-right:auto;padding:0 32px}.bill-cycle-select-group.full-width{max-width:calc(100% - 200px)}.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:700px){.Polaris-ButtonGroup__Item{width:auto!important}.app-manager .Polaris-Button{padding:7px 8px!important}}@media (max-width:767px){.bill-cycle-select-group{flex-direction:column-reverse;gap:10px}}@media (max-width:1023px){.customization-bundle-section{flex-direction:column;gap:20px}}",
49351
+ inject("data-v-ec019326_0", {
49352
+ 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
49353
  map: undefined,
49314
49354
  media: undefined
49315
49355
  });
@@ -49320,7 +49360,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
49320
49360
  var __vue_scope_id__$1 = undefined;
49321
49361
  /* module identifier */
49322
49362
 
49323
- var __vue_module_identifier__$1 = "data-v-6e605ac8";
49363
+ var __vue_module_identifier__$1 = "data-v-ec019326";
49324
49364
  /* functional template */
49325
49365
 
49326
49366
  var __vue_is_functional_template__$1 = false;