@hulkapps/app-manager-vue 2.5.2 → 2.5.3

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.
@@ -40105,10 +40105,10 @@ var __vue_render__$7 = function __vue_render__() {
40105
40105
 
40106
40106
  var _c = _vm._self._c || _h;
40107
40107
 
40108
- return _c('div', [_vm._ssrNode("<div class=\"app-card\" data-v-441fe027><div class=\"logo\" data-v-441fe027><img" + _vm._ssrAttr("src", _vm.appData.app_logo_url) + " alt=\"logo\" width=\"auto\" height=\"auto\" class=\"logo-image\" data-v-441fe027></div> <div class=\"details\" data-v-441fe027><div class=\"upper-details\" data-v-441fe027><h3 class=\"app-name\" data-v-441fe027>" + _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-441fe027><a class=\"app-tag bfs-tag\" data-v-441fe027><svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-441fe027><g clip-path=\"url(#clip0_61_2350)\" data-v-441fe027><path d=\"M13 0L12 5L8 14L16 4.5L13 0ZM3 0L4 5L8 14L0 4.5L3 0Z\" fill=\"#1495CC\" data-v-441fe027></path> <path d=\"M3 0L4 5L8 14L12 5L13 0H3Z\" fill=\"#58B7DF\" data-v-441fe027></path> <path d=\"M8 14L4 5L0 4.5L8 14ZM8 14L12 5L16 4.5L8 14Z\" fill=\"#035F86\" data-v-441fe027></path> <path d=\"M8 5.5L4 5L8 14L12 5L8 5.5Z\" fill=\"#1495CC\" data-v-441fe027></path> <path d=\"M4 5L8 0L12 5L7.999 5.5L4 5Z\" fill=\"#A9DEF4\" data-v-441fe027></path> <path d=\"M4 5L3 0H8L4 5ZM12 5L13 0H8L12 5Z\" fill=\"#58B7DF\" data-v-441fe027></path></g> <defs data-v-441fe027><clipPath id=\"clip0_61_2350\" data-v-441fe027><rect width=\"16\" height=\"14\" fill=\"white\" data-v-441fe027></rect></clipPath></defs></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Built For Shopify")) + "\n ") + "</a></div>" : "<!---->") + " <p class=\"app-reviews-count\" data-v-441fe027>" + _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-441fe027>" + _vm._ssrList(_vm.appData.app_bundle_details.shopify_categories, function (tag) {
40109
- return "<a class=\"app-tag\" data-v-441fe027><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-441fe027><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-441fe027></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-441fe027></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-441fe027></path></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(tag)) + "\n ") + "</a>";
40110
- }) + "</div></div> <div class=\"lower-details\" data-v-441fe027><p class=\"app-option-type-count\" data-v-441fe027><svg width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-441fe027><rect width=\"4\" height=\"4\" rx=\"2\" fill=\"black\" data-v-441fe027></rect></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.appData.app_bundle_details.features.length) + "\n " + _vm._s(_vm.translateMe("Option Types")) + "\n ") + "</p> " + _vm._ssrList(_vm.appData.app_bundle_details.features, function (option) {
40111
- return "<span class=\"featured-options\" data-v-441fe027><svg width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-441fe027><rect width=\"4\" height=\"4\" rx=\"2\" fill=\"black\" data-v-441fe027></rect></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(option))) + "</span>";
40108
+ return _c('div', [_vm._ssrNode("<div class=\"app-card\" data-v-788b1e46><div class=\"logo\" data-v-788b1e46><img" + _vm._ssrAttr("src", _vm.appData.app_logo_url) + " alt=\"logo\" width=\"auto\" height=\"auto\" class=\"logo-image\" data-v-788b1e46></div> <div class=\"details\" data-v-788b1e46><div class=\"upper-details\" data-v-788b1e46><h3 class=\"app-name\" data-v-788b1e46>" + _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-788b1e46><a class=\"app-tag bfs-tag\" data-v-788b1e46><svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-788b1e46><g clip-path=\"url(#clip0_61_2350)\" data-v-788b1e46><path d=\"M13 0L12 5L8 14L16 4.5L13 0ZM3 0L4 5L8 14L0 4.5L3 0Z\" fill=\"#1495CC\" data-v-788b1e46></path> <path d=\"M3 0L4 5L8 14L12 5L13 0H3Z\" fill=\"#58B7DF\" data-v-788b1e46></path> <path d=\"M8 14L4 5L0 4.5L8 14ZM8 14L12 5L16 4.5L8 14Z\" fill=\"#035F86\" data-v-788b1e46></path> <path d=\"M8 5.5L4 5L8 14L12 5L8 5.5Z\" fill=\"#1495CC\" data-v-788b1e46></path> <path d=\"M4 5L8 0L12 5L7.999 5.5L4 5Z\" fill=\"#A9DEF4\" data-v-788b1e46></path> <path d=\"M4 5L3 0H8L4 5ZM12 5L13 0H8L12 5Z\" fill=\"#58B7DF\" data-v-788b1e46></path></g> <defs data-v-788b1e46><clipPath id=\"clip0_61_2350\" data-v-788b1e46><rect width=\"16\" height=\"14\" fill=\"white\" data-v-788b1e46></rect></clipPath></defs></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Built For Shopify")) + "\n ") + "</a></div>" : "<!---->") + " <p class=\"app-reviews-count\" data-v-788b1e46>" + _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-788b1e46>" + _vm._ssrList(_vm.appData.app_bundle_details.shopify_categories, function (tag) {
40109
+ return "<a class=\"app-tag\" data-v-788b1e46><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-788b1e46><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-788b1e46></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-788b1e46></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-788b1e46></path></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(tag)) + "\n ") + "</a>";
40110
+ }) + "</div></div> <div class=\"lower-details\" data-v-788b1e46>" + _vm._ssrList(_vm.appData.app_bundle_details.features, function (option) {
40111
+ return "<span class=\"featured-options\" data-v-788b1e46><svg width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-788b1e46><rect width=\"4\" height=\"4\" rx=\"2\" fill=\"black\" data-v-788b1e46></rect></svg>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(option))) + "</span>";
40112
40112
  }) + "</div></div></div> "), _vm._t("default")], 2);
40113
40113
  };
40114
40114
 
@@ -40117,8 +40117,8 @@ var __vue_staticRenderFns__$7 = [];
40117
40117
 
40118
40118
  var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
40119
40119
  if (!inject) return;
40120
- inject("data-v-441fe027_0", {
40121
- source: ".app-card[data-v-441fe027]{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}.logo[data-v-441fe027],.logo-image[data-v-441fe027]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-441fe027],.upper-details[data-v-441fe027]{display:flex;gap:8px}.app-name[data-v-441fe027]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-441fe027]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-441fe027]{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-441fe027]{margin-bottom:-5.5px}.bfs-tag[data-v-441fe027]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-441fe027]{margin-bottom:-3px}.app-option-type-count[data-v-441fe027],.featured-options[data-v-441fe027]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;color:#5c5c5c}@media (max-width:767px){.details[data-v-441fe027]{gap:8px}.app-tags[data-v-441fe027]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.lower-details[data-v-441fe027],.upper-details[data-v-441fe027]{flex-direction:column;gap:8px}}",
40120
+ inject("data-v-788b1e46_0", {
40121
+ source: ".app-card[data-v-788b1e46]{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}.logo[data-v-788b1e46],.logo-image[data-v-788b1e46]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-788b1e46],.upper-details[data-v-788b1e46]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-788b1e46]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-788b1e46]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-788b1e46]{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-788b1e46]{margin-bottom:-5.5px}.bfs-tag[data-v-788b1e46]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-788b1e46]{margin-bottom:-3px}.app-option-type-count[data-v-788b1e46],.featured-options[data-v-788b1e46]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;text-wrap:nowrap;color:#5c5c5c}@media (max-width:767px){.featured-options[data-v-788b1e46]{text-wrap:wrap}.details[data-v-788b1e46]{gap:8px}.app-tags[data-v-788b1e46]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.lower-details[data-v-788b1e46],.upper-details[data-v-788b1e46]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}}",
40122
40122
  map: undefined,
40123
40123
  media: undefined
40124
40124
  });
@@ -40126,10 +40126,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
40126
40126
  /* scoped */
40127
40127
 
40128
40128
 
40129
- var __vue_scope_id__$7 = "data-v-441fe027";
40129
+ var __vue_scope_id__$7 = "data-v-788b1e46";
40130
40130
  /* module identifier */
40131
40131
 
40132
- var __vue_module_identifier__$7 = "data-v-441fe027";
40132
+ var __vue_module_identifier__$7 = "data-v-788b1e46";
40133
40133
  /* functional template */
40134
40134
 
40135
40135
  var __vue_is_functional_template__$7 = false;
@@ -40201,7 +40201,7 @@ var __vue_render__$6 = function __vue_render__() {
40201
40201
  on: {
40202
40202
  "click": _vm.handleClick
40203
40203
  }
40204
- }, [_vm._t("default"), _vm._ssrNode(" " + (_vm.additionalText ? "<span" + _vm._ssrClass(null, "additional-info-" + _vm.variant) + " data-v-7e3cfaf8>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n ") + "</span>" : "<!---->"))], 2);
40204
+ }, [_vm._t("default"), _vm._ssrNode(" " + (_vm.additionalText ? "<span" + _vm._ssrClass(null, "additional-info-" + _vm.variant) + " data-v-50f26fcb>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n ") + "</span>" : "<!---->"))], 2);
40205
40205
  };
40206
40206
 
40207
40207
  var __vue_staticRenderFns__$6 = [];
@@ -40209,8 +40209,8 @@ var __vue_staticRenderFns__$6 = [];
40209
40209
 
40210
40210
  var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
40211
40211
  if (!inject) return;
40212
- inject("data-v-7e3cfaf8_0", {
40213
- source: ".button[data-v-7e3cfaf8],.button[data-v-7e3cfaf8]:hover{display:flex;height:32px!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important}.button-primary[data-v-7e3cfaf8],.button-primary[data-v-7e3cfaf8]:hover{background-color:#303030!important;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none!important;color:#fff!important;border-bottom-color:#fff!important;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!important;border-radius:8px!important}.button-secondary[data-v-7e3cfaf8]{color:#000!important}.additional-info-primary[data-v-7e3cfaf8]{background-color:#656565!important;color:#fff!important;padding:0 6px!important;border-radius:6px!important;font-weight:550!important}.additional-info-secondary[data-v-7e3cfaf8]{background-color:#e3e3e3!important;color:#616161!important;padding:0 6px!important;border-radius:6px!important;font-weight:550!important}.disabled[data-v-7e3cfaf8]{background-color:#787878!important;color:#fff!important;cursor:not-allowed!important;pointer-events:none!important}",
40212
+ inject("data-v-50f26fcb_0", {
40213
+ source: ".button[data-v-50f26fcb],.button[data-v-50f26fcb]:hover{display:flex;width:fit-content!important;height:32px!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important}.button-primary[data-v-50f26fcb],.button-primary[data-v-50f26fcb]:hover{background-color:#303030!important;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none!important;color:#fff!important;border-bottom-color:#fff!important;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!important;border-radius:8px!important}.button-secondary[data-v-50f26fcb]{color:#000!important}.additional-info-primary[data-v-50f26fcb]{background-color:#656565!important;color:#fff!important;padding:0 6px!important;border-radius:6px!important;font-weight:550!important}.additional-info-secondary[data-v-50f26fcb]{background-color:#e3e3e3!important;color:#616161!important;padding:0 6px!important;border-radius:6px!important;font-weight:550!important}.disabled[data-v-50f26fcb]{background-color:#787878!important;color:#fff!important;cursor:not-allowed!important;pointer-events:none!important}",
40214
40214
  map: undefined,
40215
40215
  media: undefined
40216
40216
  });
@@ -40218,10 +40218,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
40218
40218
  /* scoped */
40219
40219
 
40220
40220
 
40221
- var __vue_scope_id__$6 = "data-v-7e3cfaf8";
40221
+ var __vue_scope_id__$6 = "data-v-50f26fcb";
40222
40222
  /* module identifier */
40223
40223
 
40224
- var __vue_module_identifier__$6 = "data-v-7e3cfaf8";
40224
+ var __vue_module_identifier__$6 = "data-v-50f26fcb";
40225
40225
  /* functional template */
40226
40226
 
40227
40227
  var __vue_is_functional_template__$6 = false;
@@ -40517,6 +40517,7 @@ var BenefitsBanner = __vue_component__$4;var script$2 = {
40517
40517
  return {
40518
40518
  plan: {},
40519
40519
  plans: [],
40520
+ valid_annual_plans: [],
40520
40521
  promotional_discount: [],
40521
40522
  features: [],
40522
40523
  featureValues: [],
@@ -40634,6 +40635,9 @@ var BenefitsBanner = __vue_component__$4;var script$2 = {
40634
40635
  isCurrentPlan: function isCurrentPlan(plan) {
40635
40636
  return this.has_active_charge && this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
40636
40637
  },
40638
+ isCurrentPlanId: function isCurrentPlanId(plan) {
40639
+ return this.shop.plan && plan.id === this.shop.plan.id;
40640
+ },
40637
40641
  isSamePlanInOtherInterval: function isSamePlanInOtherInterval(plan) {
40638
40642
  return this.shop.plan && plan.shopify_plans === this.shop.plan.shopify_plans;
40639
40643
  },
@@ -40889,7 +40893,7 @@ var BenefitsBanner = __vue_component__$4;var script$2 = {
40889
40893
  var _this7 = this;
40890
40894
 
40891
40895
  return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
40892
- var params, _yield$axios$get$catc2, data, _this7$plans, _this7$plan;
40896
+ var params, _yield$axios$get$catc2, data, _this7$plans, _this7$plan, i;
40893
40897
 
40894
40898
  return regeneratorRuntime.wrap(function _callee6$(_context6) {
40895
40899
  while (1) {
@@ -40915,6 +40919,12 @@ var BenefitsBanner = __vue_component__$4;var script$2 = {
40915
40919
  data = _yield$axios$get$catc2.data;
40916
40920
 
40917
40921
  if (data.plans.length) {
40922
+ for (i = 0; i < data.plans.length; i++) {
40923
+ if (data.plans[i].interval === 'ANNUAL') {
40924
+ _this7.valid_annual_plans.push(data.plans[i]);
40925
+ }
40926
+ }
40927
+
40918
40928
  _this7.plans = data.plans;
40919
40929
  _this7.plans = (_this7$plans = _this7.plans) === null || _this7$plans === void 0 ? void 0 : _this7$plans.sort(function (planA, planB) {
40920
40930
  return parseFloat(planA.price) - parseFloat(planB.price);
@@ -41063,27 +41073,26 @@ var __vue_render__$2 = function __vue_render__() {
41063
41073
  attrs: {
41064
41074
  "segmented": ""
41065
41075
  }
41066
- }, [!_vm.isCurrentPlanId(_vm.bundle_plan) ? _c('VariantButton', {
41076
+ }, [_c('VariantButton', {
41067
41077
  attrs: {
41068
- "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary',
41069
- "additionalText": '20% off'
41078
+ "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
41079
+ "additionalText": '1 App'
41070
41080
  },
41071
41081
  on: {
41072
41082
  "click": function click($event) {
41073
- return _vm.selectPlan('annually');
41083
+ return _vm.selectPlan('monthly');
41074
41084
  }
41075
41085
  }
41076
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _c('VariantButton', {
41086
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
41077
41087
  attrs: {
41078
- "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
41079
- "additionalText": '1 App'
41088
+ "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
41080
41089
  },
41081
41090
  on: {
41082
41091
  "click": function click($event) {
41083
- return _vm.selectPlan('monthly');
41092
+ return _vm.selectPlan('annually');
41084
41093
  }
41085
41094
  }
41086
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
41095
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
41087
41096
  attrs: {
41088
41097
  "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
41089
41098
  "additionalText": '24 Apps'
@@ -41493,7 +41502,8 @@ var __vue_render__$2 = function __vue_render__() {
41493
41502
  attrs: {
41494
41503
  "showcaseData": _vm.bundle_plan,
41495
41504
  "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
41496
- "oldPrice": _vm.bundle_plan.price
41505
+ "oldPrice": _vm.bundle_plan.price,
41506
+ "isCurrentPlan": _vm.isCurrentPlanId(_vm.bundle_plan)
41497
41507
  },
41498
41508
  on: {
41499
41509
  "plan-clicked": function planClicked($event) {
@@ -41530,7 +41540,8 @@ var __vue_render__$2 = function __vue_render__() {
41530
41540
  "showcaseData": _vm.bundle_plan,
41531
41541
  "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
41532
41542
  "oldPrice": _vm.bundle_plan.price,
41533
- "showDescription": false
41543
+ "showDescription": false,
41544
+ "isCurrentPlan": _vm.isCurrentPlanId(_vm.bundle_plan)
41534
41545
  },
41535
41546
  on: {
41536
41547
  "plan-clicked": function planClicked($event) {
@@ -41545,7 +41556,7 @@ var __vue_staticRenderFns__$2 = [];
41545
41556
 
41546
41557
  var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
41547
41558
  if (!inject) return;
41548
- inject("data-v-f3a1752a_0", {
41559
+ inject("data-v-5446927e_0", {
41549
41560
  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 .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}.app-manager .app-manager-plan-page .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}@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}}.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}",
41550
41561
  map: undefined,
41551
41562
  media: undefined
@@ -41557,7 +41568,7 @@ var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
41557
41568
  var __vue_scope_id__$2 = undefined;
41558
41569
  /* module identifier */
41559
41570
 
41560
- var __vue_module_identifier__$2 = "data-v-f3a1752a";
41571
+ var __vue_module_identifier__$2 = "data-v-5446927e";
41561
41572
  /* functional template */
41562
41573
 
41563
41574
  var __vue_is_functional_template__$2 = false;
@@ -41617,6 +41628,7 @@ var AppManagerGroupPlan = __vue_component__$3;var vueCarousel_min = createCommon
41617
41628
  planLoading: false,
41618
41629
  plan: {},
41619
41630
  plans: [],
41631
+ valid_annual_plans: [],
41620
41632
  promotional_discount: [],
41621
41633
  features: [],
41622
41634
  featureValues: [],
@@ -42069,7 +42081,7 @@ var AppManagerGroupPlan = __vue_component__$3;var vueCarousel_min = createCommon
42069
42081
  var _this6 = this;
42070
42082
 
42071
42083
  return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
42072
- var params, _yield$axios$get$catc2, data, _this6$plans, _this6$plan;
42084
+ var params, _yield$axios$get$catc2, data, _this6$plans, _this6$plan, i;
42073
42085
 
42074
42086
  return regeneratorRuntime.wrap(function _callee6$(_context6) {
42075
42087
  while (1) {
@@ -42095,6 +42107,12 @@ var AppManagerGroupPlan = __vue_component__$3;var vueCarousel_min = createCommon
42095
42107
  data = _yield$axios$get$catc2.data;
42096
42108
 
42097
42109
  if (data.plans.length) {
42110
+ for (i = 0; i < data.plans.length; i++) {
42111
+ if (data.plans[i].interval === 'ANNUAL') {
42112
+ _this6.valid_annual_plans.push(data.plans[i]);
42113
+ }
42114
+ }
42115
+
42098
42116
  _this6.plans = data.plans;
42099
42117
  _this6.plans = (_this6$plans = _this6.plans) === null || _this6$plans === void 0 ? void 0 : _this6$plans.sort(function (planA, planB) {
42100
42118
  return parseFloat(planA.price) - parseFloat(planB.price);
@@ -42302,27 +42320,26 @@ var __vue_render__$1 = function __vue_render__() {
42302
42320
  attrs: {
42303
42321
  "segmented": ""
42304
42322
  }
42305
- }, [!_vm.isCurrentPlanId(_vm.bundle_plan) ? _c('VariantButton', {
42323
+ }, [_c('VariantButton', {
42306
42324
  attrs: {
42307
- "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary',
42308
- "additionalText": '20% off'
42325
+ "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
42326
+ "additionalText": '1 App'
42309
42327
  },
42310
42328
  on: {
42311
42329
  "click": function click($event) {
42312
- return _vm.selectPlan('annually');
42330
+ return _vm.selectPlan('monthly');
42313
42331
  }
42314
42332
  }
42315
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _c('VariantButton', {
42333
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
42316
42334
  attrs: {
42317
- "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
42318
- "additionalText": '1 App'
42335
+ "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
42319
42336
  },
42320
42337
  on: {
42321
42338
  "click": function click($event) {
42322
- return _vm.selectPlan('monthly');
42339
+ return _vm.selectPlan('annually');
42323
42340
  }
42324
42341
  }
42325
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
42342
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
42326
42343
  attrs: {
42327
42344
  "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
42328
42345
  "additionalText": '24 Apps'
@@ -42665,7 +42682,7 @@ var __vue_staticRenderFns__$1 = [];
42665
42682
 
42666
42683
  var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
42667
42684
  if (!inject) return;
42668
- inject("data-v-8fa7691a_0", {
42685
+ inject("data-v-5ff62bf8_0", {
42669
42686
  source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li,.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-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.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 .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide ul li:nth-last-child(2){border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page-slider .VueCarousel-navigation-button{color:#257f60}.app-manager .app-manager-plan-page-slider .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.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 .app-manager-plan-page-slider .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}.app-manager-plan-banner{margin-right:30px;margin-left:30px}@media (min-width:0px) and (max-width:576px){.custom-plan>.Polaris-Layout__Section>.VueCarousel>.VueCarousel-wrapper>.VueCarousel-inner{overflow-x:scroll}}@media (max-width:700px){.Polaris-ButtonGroup__Item{width:auto!important}.app-manager .Polaris-Button{padding:7px 8px!important}}@media (min-width:0px) and (max-width:467px){.app-manager .Polaris-Page-Header__RightAlign{margin-left:-34px!important}#app_manager>div>div.Polaris-Page-Header.Polaris-Page-Header--hasNavigation.Polaris-Page-Header--mediumTitle.Polaris-Page-Header--mobileView>div>div.Polaris-Page-Header__RightAlign>div>div>div>div>div>div:nth-child(2)>button>span>span>div>div>div>span>span>div{width:222px!important}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2){min-height:100px!important}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{padding:16px 16px 16px 5px}.app-manager .Polaris-Button{padding:7px 8px!important}}@media (min-width:467px) and (max-width:1003px){#app_manager>div>div.Polaris-Page-Header.Polaris-Page-Header--hasNavigation.Polaris-Page-Header--mediumTitle.Polaris-Page-Header--mobileView>div>div.Polaris-Page-Header__RightAlign>div>div>div>div>div>div:nth-child(2)>button>span>span>div>div>div>span>span>div{width:222px!important}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2){min-height:100px!important}.app-manager .Polaris-Button{padding:7px 8px!important}}.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}",
42670
42687
  map: undefined,
42671
42688
  media: undefined
@@ -42677,7 +42694,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
42677
42694
  var __vue_scope_id__$1 = undefined;
42678
42695
  /* module identifier */
42679
42696
 
42680
- var __vue_module_identifier__$1 = "data-v-8fa7691a";
42697
+ var __vue_module_identifier__$1 = "data-v-5ff62bf8";
42681
42698
  /* functional template */
42682
42699
 
42683
42700
  var __vue_is_functional_template__$1 = false;
@@ -1,4 +1,4 @@
1
- /*! PolarisVue v2.5.2 | MIT License | github.com/hulkapps/polaris-vue */
1
+ /*! PolarisVue v2.5.3 | MIT License | github.com/hulkapps/polaris-vue */
2
2
  @charset "UTF-8";
3
3
  .app-manager {
4
4
  /*---------- Variable for basic ----------;*/