@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.
@@ -41787,24 +41787,7 @@ var __vue_render__$7 = function () {
41787
41787
  })]), _vm._v("\n " + _vm._s(_vm.translateMe(tag)) + "\n ")]);
41788
41788
  }), 0)]), _vm._v(" "), _c('div', {
41789
41789
  staticClass: "lower-details"
41790
- }, [_c('p', {
41791
- staticClass: "app-option-type-count"
41792
- }, [_c('svg', {
41793
- attrs: {
41794
- "width": "4",
41795
- "height": "4",
41796
- "viewBox": "0 0 4 4",
41797
- "fill": "none",
41798
- "xmlns": "http://www.w3.org/2000/svg"
41799
- }
41800
- }, [_c('rect', {
41801
- attrs: {
41802
- "width": "4",
41803
- "height": "4",
41804
- "rx": "2",
41805
- "fill": "black"
41806
- }
41807
- })]), _vm._v("\n " + _vm._s(_vm.appData.app_bundle_details.features.length) + "\n " + _vm._s(_vm.translateMe("Option Types")) + "\n ")]), _vm._v(" "), _vm._l(_vm.appData.app_bundle_details.features, function (option) {
41790
+ }, _vm._l(_vm.appData.app_bundle_details.features, function (option) {
41808
41791
  return _c('span', {
41809
41792
  staticClass: "featured-options"
41810
41793
  }, [_c('svg', {
@@ -41823,7 +41806,7 @@ var __vue_render__$7 = function () {
41823
41806
  "fill": "black"
41824
41807
  }
41825
41808
  })]), _vm._v("\n " + _vm._s(_vm.translateMe(option)))]);
41826
- })], 2)])]), _vm._v(" "), _vm._t("default")], 2);
41809
+ }), 0)])]), _vm._v(" "), _vm._t("default")], 2);
41827
41810
  };
41828
41811
 
41829
41812
  var __vue_staticRenderFns__$7 = [];
@@ -41831,8 +41814,8 @@ var __vue_staticRenderFns__$7 = [];
41831
41814
 
41832
41815
  const __vue_inject_styles__$7 = function (inject) {
41833
41816
  if (!inject) return;
41834
- inject("data-v-441fe027_0", {
41835
- 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}}",
41817
+ inject("data-v-788b1e46_0", {
41818
+ 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}}",
41836
41819
  map: undefined,
41837
41820
  media: undefined
41838
41821
  });
@@ -41840,7 +41823,7 @@ const __vue_inject_styles__$7 = function (inject) {
41840
41823
  /* scoped */
41841
41824
 
41842
41825
 
41843
- const __vue_scope_id__$7 = "data-v-441fe027";
41826
+ const __vue_scope_id__$7 = "data-v-788b1e46";
41844
41827
  /* module identifier */
41845
41828
 
41846
41829
  const __vue_module_identifier__$7 = undefined;
@@ -41936,8 +41919,8 @@ var __vue_staticRenderFns__$6 = [];
41936
41919
 
41937
41920
  const __vue_inject_styles__$6 = function (inject) {
41938
41921
  if (!inject) return;
41939
- inject("data-v-7e3cfaf8_0", {
41940
- 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}",
41922
+ inject("data-v-50f26fcb_0", {
41923
+ 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}",
41941
41924
  map: undefined,
41942
41925
  media: undefined
41943
41926
  });
@@ -41945,7 +41928,7 @@ const __vue_inject_styles__$6 = function (inject) {
41945
41928
  /* scoped */
41946
41929
 
41947
41930
 
41948
- const __vue_scope_id__$6 = "data-v-7e3cfaf8";
41931
+ const __vue_scope_id__$6 = "data-v-50f26fcb";
41949
41932
  /* module identifier */
41950
41933
 
41951
41934
  const __vue_module_identifier__$6 = undefined;
@@ -42460,6 +42443,7 @@ var script$2 = {
42460
42443
  return {
42461
42444
  plan: {},
42462
42445
  plans: [],
42446
+ valid_annual_plans: [],
42463
42447
  promotional_discount: [],
42464
42448
  features: [],
42465
42449
  featureValues: [],
@@ -42583,6 +42567,10 @@ var script$2 = {
42583
42567
  return this.has_active_charge && this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
42584
42568
  },
42585
42569
 
42570
+ isCurrentPlanId(plan) {
42571
+ return this.shop.plan && plan.id === this.shop.plan.id;
42572
+ },
42573
+
42586
42574
  isSamePlanInOtherInterval(plan) {
42587
42575
  return this.shop.plan && plan.shopify_plans === this.shop.plan.shopify_plans;
42588
42576
  },
@@ -42765,6 +42753,12 @@ var script$2 = {
42765
42753
  if (data.plans.length) {
42766
42754
  var _this$plans, _this$plan;
42767
42755
 
42756
+ for (let i = 0; i < data.plans.length; i++) {
42757
+ if (data.plans[i].interval === 'ANNUAL') {
42758
+ this.valid_annual_plans.push(data.plans[i]);
42759
+ }
42760
+ }
42761
+
42768
42762
  this.plans = data.plans;
42769
42763
  this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
42770
42764
 
@@ -42890,27 +42884,26 @@ var __vue_render__$2 = function () {
42890
42884
  attrs: {
42891
42885
  "segmented": ""
42892
42886
  }
42893
- }, [!_vm.isCurrentPlanId(_vm.bundle_plan) ? _c('VariantButton', {
42887
+ }, [_c('VariantButton', {
42894
42888
  attrs: {
42895
- "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary',
42896
- "additionalText": '20% off'
42889
+ "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
42890
+ "additionalText": '1 App'
42897
42891
  },
42898
42892
  on: {
42899
42893
  "click": function ($event) {
42900
- return _vm.selectPlan('annually');
42894
+ return _vm.selectPlan('monthly');
42901
42895
  }
42902
42896
  }
42903
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _c('VariantButton', {
42897
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
42904
42898
  attrs: {
42905
- "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
42906
- "additionalText": '1 App'
42899
+ "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
42907
42900
  },
42908
42901
  on: {
42909
42902
  "click": function ($event) {
42910
- return _vm.selectPlan('monthly');
42903
+ return _vm.selectPlan('annually');
42911
42904
  }
42912
42905
  }
42913
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
42906
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
42914
42907
  attrs: {
42915
42908
  "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
42916
42909
  "additionalText": '24 Apps'
@@ -43320,7 +43313,8 @@ var __vue_render__$2 = function () {
43320
43313
  attrs: {
43321
43314
  "showcaseData": _vm.bundle_plan,
43322
43315
  "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
43323
- "oldPrice": _vm.bundle_plan.price
43316
+ "oldPrice": _vm.bundle_plan.price,
43317
+ "isCurrentPlan": _vm.isCurrentPlanId(_vm.bundle_plan)
43324
43318
  },
43325
43319
  on: {
43326
43320
  "plan-clicked": function ($event) {
@@ -43357,7 +43351,8 @@ var __vue_render__$2 = function () {
43357
43351
  "showcaseData": _vm.bundle_plan,
43358
43352
  "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
43359
43353
  "oldPrice": _vm.bundle_plan.price,
43360
- "showDescription": false
43354
+ "showDescription": false,
43355
+ "isCurrentPlan": _vm.isCurrentPlanId(_vm.bundle_plan)
43361
43356
  },
43362
43357
  on: {
43363
43358
  "plan-clicked": function ($event) {
@@ -43372,7 +43367,7 @@ var __vue_staticRenderFns__$2 = [];
43372
43367
 
43373
43368
  const __vue_inject_styles__$2 = function (inject) {
43374
43369
  if (!inject) return;
43375
- inject("data-v-f3a1752a_0", {
43370
+ inject("data-v-5446927e_0", {
43376
43371
  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}",
43377
43372
  map: undefined,
43378
43373
  media: undefined
@@ -43452,6 +43447,7 @@ var script$1 = {
43452
43447
  planLoading: false,
43453
43448
  plan: {},
43454
43449
  plans: [],
43450
+ valid_annual_plans: [],
43455
43451
  promotional_discount: [],
43456
43452
  features: [],
43457
43453
  featureValues: [],
@@ -43842,6 +43838,12 @@ var script$1 = {
43842
43838
  if (data.plans.length) {
43843
43839
  var _this$plans, _this$plan;
43844
43840
 
43841
+ for (let i = 0; i < data.plans.length; i++) {
43842
+ if (data.plans[i].interval === 'ANNUAL') {
43843
+ this.valid_annual_plans.push(data.plans[i]);
43844
+ }
43845
+ }
43846
+
43845
43847
  this.plans = data.plans;
43846
43848
  this.plans = (_this$plans = this.plans) === null || _this$plans === void 0 ? void 0 : _this$plans.sort((planA, planB) => parseFloat(planA.price) - parseFloat(planB.price));
43847
43849
 
@@ -44025,27 +44027,26 @@ var __vue_render__$1 = function () {
44025
44027
  attrs: {
44026
44028
  "segmented": ""
44027
44029
  }
44028
- }, [!_vm.isCurrentPlanId(_vm.bundle_plan) ? _c('VariantButton', {
44030
+ }, [_c('VariantButton', {
44029
44031
  attrs: {
44030
- "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary',
44031
- "additionalText": '20% off'
44032
+ "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
44033
+ "additionalText": '1 App'
44032
44034
  },
44033
44035
  on: {
44034
44036
  "click": function ($event) {
44035
- return _vm.selectPlan('annually');
44037
+ return _vm.selectPlan('monthly');
44036
44038
  }
44037
44039
  }
44038
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _c('VariantButton', {
44040
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
44039
44041
  attrs: {
44040
- "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
44041
- "additionalText": '1 App'
44042
+ "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
44042
44043
  },
44043
44044
  on: {
44044
44045
  "click": function ($event) {
44045
- return _vm.selectPlan('monthly');
44046
+ return _vm.selectPlan('annually');
44046
44047
  }
44047
44048
  }
44048
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Monthly')) + "\n ")]), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
44049
+ }, [_vm._v("\n " + _vm._s(_vm.translateMe('Annually')) + "\n ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
44049
44050
  attrs: {
44050
44051
  "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
44051
44052
  "additionalText": '24 Apps'
@@ -44388,7 +44389,7 @@ var __vue_staticRenderFns__$1 = [];
44388
44389
 
44389
44390
  const __vue_inject_styles__$1 = function (inject) {
44390
44391
  if (!inject) return;
44391
- inject("data-v-8fa7691a_0", {
44392
+ inject("data-v-5ff62bf8_0", {
44392
44393
  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}",
44393
44394
  map: undefined,
44394
44395
  media: undefined