@hulkapps/app-manager-vue 3.0.14 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -28,7 +28,23 @@ Vue.use(AppManager);
28
28
  <AppManagerPlan @handlePlanSelect="handlePlanSelectListener" @handlePlanBannerClose="handleBannerClose" :shop_domain="shop_domain" :translations="translations"/>
29
29
  <AppManagerSliderPlan @handlePlanSelect="handlePlanSelectListener" @handlePlanBannerClose="handleBannerClose" :shop_domain="shop_domain" :translations="translations"/>
30
30
  ```
31
- The AppManagerPlan component requires a Shop Domain
31
+
32
+ ## AppManagerPlan Props
33
+
34
+ Here is a basic explanation of all the props for the `<AppManagerPlan>` component:
35
+
36
+ | Prop Name | Type | Default | Description |
37
+ |--------------- |---------|-----------|-----------------------------------------------------------------------------|
38
+ | shop_domain | String | — | The domain of the Shopify store. Required to fetch and display plans. |
39
+ | base_url | String | null | The base URL for API requests. Used to configure backend communication. |
40
+ | host | String | null | Shopify host parameter, used for embedded app context. |
41
+ | discount_code | String | null | Discount code to apply to plans, if available. |
42
+ | is_customizable| Boolean | false | Allows the user to customize their plan if set to true. |
43
+ | full_width | Boolean | false | If true, stretches the component to the full width of its container. |
44
+ | narrow_width | Boolean | false | If true, uses a narrower, more compact width. |
45
+ | translations | Object | { hulkapps: 'hulkapps' } | Object for customizing translation strings. |
46
+
47
+ You can use these props to control the appearance, context, and behavior of the `<AppManagerPlan>` component to fit your app's needs.
32
48
 
33
49
  #### Non-Vue App usage
34
50
 
@@ -42079,6 +42079,11 @@ var script$c = {
42079
42079
  required: false,
42080
42080
  default: false
42081
42081
  },
42082
+ narrowWidth: {
42083
+ type: Boolean,
42084
+ required: false,
42085
+ default: false
42086
+ },
42082
42087
  bundleApps: {
42083
42088
  type: Number,
42084
42089
  required: false,
@@ -42116,7 +42121,7 @@ var __vue_render__$c = function () {
42116
42121
  return _c('div', {
42117
42122
  staticClass: "bundle-plan-showcase-banner banner-card"
42118
42123
  }, [_c('div', {
42119
- class: ['banner__inner', this.fullWidth ? 'full-width' : '']
42124
+ class: ['banner__inner', this.fullWidth ? 'full-width' : '', this.narrowWidth ? 'narrow-width' : '']
42120
42125
  }, [_vm.showDescription ? _c('div', {
42121
42126
  staticClass: "plan-left"
42122
42127
  }, [_c('p', {
@@ -42165,8 +42170,8 @@ var __vue_staticRenderFns__$c = [];
42165
42170
 
42166
42171
  const __vue_inject_styles__$c = function (inject) {
42167
42172
  if (!inject) return;
42168
- inject("data-v-2f50acc9_0", {
42169
- 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}}",
42173
+ inject("data-v-72be47f4_0", {
42174
+ source: ".banner-card[data-v-72be47f4]{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-72be47f4]{display:none;justify-content:space-between;align-items:center;width:100%;margin-top:32px;position:sticky;top:0}.banner__inner[data-v-72be47f4]{display:flex;justify-content:space-between;align-items:center;max-width:1200px!important;width:100%;margin-left:auto;margin-right:auto;padding:0 96px}.banner__inner.full-width[data-v-72be47f4]{max-width:none!important}.banner__inner.narrow-width[data-v-72be47f4]{max-width:840px!important}.plan-name[data-v-72be47f4]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-72be47f4]{flex:1}.plan-right[data-v-72be47f4]{display:flex;align-items:center;gap:16px}.prices[data-v-72be47f4]{display:flex;gap:8px;align-items:center}.bundle-offer-label[data-v-72be47f4]{font-size:20px;font-weight:600;color:#202223;margin-bottom:4px}.bundle-desc-label[data-v-72be47f4]{font-size:14px;font-weight:450;color:#303030}.discounted-amount[data-v-72be47f4]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-72be47f4]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.plan-content[data-v-72be47f4]{display:flex;justify-content:center;align-items:center;gap:12px}.choose-button[data-v-72be47f4]{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-72be47f4]{max-width:none!important}.banner__inner[data-v-72be47f4]{flex-direction:column;gap:32px;align-items:flex-start}.plan-right[data-v-72be47f4]{justify-content:space-between;width:100%}}@media (max-width:767px){.banner__inner[data-v-72be47f4]{padding:16px}.banner__inner.full-width[data-v-72be47f4]{max-width:100%}.bundle-plan-showcase-banner[data-v-72be47f4]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-72be47f4]{align-items:unset}.choose-button[data-v-72be47f4]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-content[data-v-72be47f4]{flex-direction:column;align-items:flex-start}.plan-right[data-v-72be47f4]{flex-direction:column;gap:16px;align-items:flex-start}.bundle-plan-showcase-banner[data-v-72be47f4]{flex-direction:column;gap:12px}.bundle-plan-showcase-banner[data-v-72be47f4]{align-items:unset}.choose-button[data-v-72be47f4]{margin-right:auto;margin-left:0}}",
42170
42175
  map: undefined,
42171
42176
  media: undefined
42172
42177
  });
@@ -42174,7 +42179,7 @@ const __vue_inject_styles__$c = function (inject) {
42174
42179
  /* scoped */
42175
42180
 
42176
42181
 
42177
- const __vue_scope_id__$c = "data-v-2f50acc9";
42182
+ const __vue_scope_id__$c = "data-v-72be47f4";
42178
42183
  /* module identifier */
42179
42184
 
42180
42185
  const __vue_module_identifier__$c = undefined;
@@ -49322,7 +49327,7 @@ var script$6 = {
49322
49327
 
49323
49328
  data() {
49324
49329
  return {
49325
- interval: "EVERY_30_DAYS",
49330
+ interval: this.selectedInterval === "annually" ? "ANNUAL" : "EVERY_30_DAYS",
49326
49331
  placeholder: {
49327
49332
  description: "Perfect for everything"
49328
49333
  },
@@ -49383,6 +49388,14 @@ var script$6 = {
49383
49388
  value: plan.features[feature.uuid].value || plan.features[feature.uuid]
49384
49389
  }));
49385
49390
  };
49391
+ },
49392
+
49393
+ isMonthlyVisible() {
49394
+ return this.selectedInterval === "monthly";
49395
+ },
49396
+
49397
+ isAnnuallyVisible() {
49398
+ return this.selectedInterval === "annually";
49386
49399
  }
49387
49400
 
49388
49401
  },
@@ -49456,17 +49469,15 @@ var script$6 = {
49456
49469
  before
49457
49470
  };
49458
49471
  }
49459
- }
49472
+ },
49460
49473
 
49461
- },
49462
- watch: {
49463
- selectedInterval() {
49464
- let monthlyPlanCards = document.querySelector(".monthly");
49465
- let annuallyPlanCards = document.querySelector(".annually");
49466
- let monthlyPlanNavigation = document.querySelector(".nav-monthly");
49467
- let annuallyPlanNavigation = document.querySelector(".nav-annually");
49474
+ updateSliderVisibility() {
49475
+ const monthlyPlanCards = document.querySelector(".monthly");
49476
+ const annuallyPlanCards = document.querySelector(".annually");
49477
+ const monthlyPlanNavigation = document.querySelector(".nav-monthly");
49478
+ const annuallyPlanNavigation = document.querySelector(".nav-annually");
49468
49479
 
49469
- if (this.selectedInterval === "monthly") {
49480
+ if (this.isMonthlyVisible) {
49470
49481
  monthlyPlanCards.style.visibility = "visible";
49471
49482
  monthlyPlanCards.style.height = "auto";
49472
49483
  monthlyPlanCards.style.border = "1px solid #e5e5e5";
@@ -49476,7 +49487,7 @@ var script$6 = {
49476
49487
  monthlyPlanNavigation.style.display = "flex";
49477
49488
  annuallyPlanNavigation.style.display = "none";
49478
49489
  this.interval = "EVERY_30_DAYS";
49479
- } else if (this.selectedInterval === "annually") {
49490
+ } else if (this.isAnnuallyVisible) {
49480
49491
  monthlyPlanCards.style.visibility = "hidden";
49481
49492
  monthlyPlanCards.style.height = "0px";
49482
49493
  monthlyPlanCards.style.border = "0px";
@@ -49489,9 +49500,16 @@ var script$6 = {
49489
49500
  }
49490
49501
  }
49491
49502
 
49503
+ },
49504
+ watch: {
49505
+ selectedInterval() {
49506
+ this.updateSliderVisibility();
49507
+ }
49508
+
49492
49509
  },
49493
49510
 
49494
49511
  mounted() {
49512
+ this.updateSliderVisibility();
49495
49513
  new Swiper(this.$refs.swiperMonthly, {
49496
49514
  modules: [Navigation, Pagination],
49497
49515
  loop: false,
@@ -49820,16 +49838,12 @@ var __vue_render__$6 = function () {
49820
49838
  staticStyle: {
49821
49839
  "text-decoration": "line-through"
49822
49840
  }
49823
- }, [_vm._v("$" + _vm._s(plan.strike_price))]), _vm._v(" "), plan.strike_price !== 0 ? _c('span', {
49824
- staticStyle: {
49825
- "color": "#999"
49826
- }
49827
- }, [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
49841
+ }, [_vm._v("$" + _vm._s(plan.strike_price))]), _vm._v(" "), plan.strike_price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
49828
49842
  staticClass: "price"
49829
49843
  }, [_vm._v("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n "), plan.price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])], 2), _vm._v(" "), _c('h6', {
49830
49844
  staticClass: "description",
49831
49845
  style: {
49832
- visibility: plan.description ? 'visible' : 'hidden'
49846
+ visibility: plan.description && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
49833
49847
  }
49834
49848
  }, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
49835
49849
  attrs: {
@@ -49898,16 +49912,12 @@ var __vue_render__$6 = function () {
49898
49912
  staticStyle: {
49899
49913
  "text-decoration": "line-through"
49900
49914
  }
49901
- }, [_vm._v("$" + _vm._s(plan.strike_price))]), _vm._v(" "), plan.strike_price !== 0 ? _c('span', {
49902
- staticStyle: {
49903
- "color": "#999"
49904
- }
49905
- }, [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
49915
+ }, [_vm._v("$" + _vm._s(plan.strike_price))]), _vm._v(" "), plan.strike_price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/yr")) + "\n ")]) : _vm._e()])] : _vm._e(), _vm._v(" "), _c('h2', {
49906
49916
  staticClass: "price"
49907
- }, [_vm._v("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n "), plan.price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/mo")) + "\n ")]) : _vm._e()])], 2), _vm._v(" "), _c('h6', {
49917
+ }, [_vm._v("\n " + _vm._s(plan.price !== 0 ? "$" + plan.price : _vm.translateMe("Free")) + "\n "), plan.price !== 0 ? _c('span', [_vm._v("\n " + _vm._s(_vm.translateMe("/yr")) + "\n ")]) : _vm._e()])], 2), _vm._v(" "), _c('h6', {
49908
49918
  staticClass: "description",
49909
49919
  style: {
49910
- visibility: plan.description ? 'visible' : 'hidden'
49920
+ visibility: plan.description && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
49911
49921
  }
49912
49922
  }, [_vm._v("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ")]), _vm._v(" "), _c('VariantButton', {
49913
49923
  attrs: {
@@ -49956,11 +49966,11 @@ var __vue_staticRenderFns__$6 = [];
49956
49966
 
49957
49967
  const __vue_inject_styles__$6 = function (inject) {
49958
49968
  if (!inject) return;
49959
- inject("data-v-57deb5c6_0", {
49960
- source: ".container[data-v-57deb5c6]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-57deb5c6]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-57deb5c6]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-57deb5c6]{display:flex;background-color:#fff;flex-grow:1;border:1px solid #e5e5e5;border-radius:12px;overflow-x:clip;overflow-y:visible;box-shadow:0 4px 6px -1px #0000001a}.card[data-v-57deb5c6]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-57deb5c6],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-57deb5c6]{border-left:1px solid #ccc}.card .title[data-v-57deb5c6]{font-size:16px;font-weight:700;color:#000}.card .price-wrapper[data-v-57deb5c6]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-57deb5c6]{min-height:44px}.card .price[data-v-57deb5c6]{font-size:30px;font-weight:700;color:#000}.card .price span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080;margin-left:-6px;line-height:0}.card .description[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.button[data-v-57deb5c6]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-57deb5c6]{margin-top:19px}.features ul[data-v-57deb5c6]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-57deb5c6]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-57deb5c6]{min-width:20px;min-height:20px}.feature span[data-v-57deb5c6]{font-size:13px;font-weight:400;color:#00000080}.most-popular[data-v-57deb5c6]{position:absolute;z-index:-1;top:-20px;width:100%;height:calc(100% + 20px);border-radius:12px 12px 0 0;border-left:1px solid #91d0ff;border-right:1px solid #91d0ff;overflow:hidden}.most-popular .most-popular-label[data-v-57deb5c6]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-57deb5c6]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-57deb5c6]{display:none}.swiper-plan-h-next-annually[data-v-57deb5c6],.swiper-plan-h-next-monthly[data-v-57deb5c6],.swiper-plan-h-prev-annually[data-v-57deb5c6],.swiper-plan-h-prev-monthly[data-v-57deb5c6]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-h-next-annually[data-v-57deb5c6]:disabled,.swiper-plan-h-next-monthly[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-annually[data-v-57deb5c6]:disabled,.swiper-plan-h-prev-monthly[data-v-57deb5c6]:disabled{opacity:0}.plans-remaining[data-v-57deb5c6]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-57deb5c6]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}@media (max-width:640px){.card-border[data-v-57deb5c6]{border-left:none}.swiper-plan-h-navigation[data-v-57deb5c6]{display:none!important}}",
49969
+ inject("data-v-46622d00_0", {
49970
+ source: ".container[data-v-46622d00]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-46622d00]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-46622d00]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-46622d00]{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-46622d00]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-46622d00],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-46622d00]{border-left:1px solid #ccc}.card .title[data-v-46622d00]{font-size:16px;font-weight:700;color:#303030}.card .price-wrapper[data-v-46622d00]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-46622d00]{min-height:44px}.card .price[data-v-46622d00]{font-size:30px;font-weight:700;color:#303030}.card .price span[data-v-46622d00]{font-size:13px;font-weight:400;color:#616161;margin-left:-6px;line-height:0}.card .description[data-v-46622d00]{font-size:13px;font-weight:400;color:#616161}.button[data-v-46622d00]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-46622d00]{margin-top:19px}.features ul[data-v-46622d00]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-46622d00]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-46622d00]{min-width:20px;min-height:20px}.feature span[data-v-46622d00]{font-size:13px;font-weight:400;color:#616161}.card .strike-price span[data-v-46622d00]{color:#616161}.most-popular[data-v-46622d00]{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-46622d00]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-46622d00]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-46622d00]{display:none}.swiper-plan-h-next-annually[data-v-46622d00],.swiper-plan-h-next-monthly[data-v-46622d00],.swiper-plan-h-prev-annually[data-v-46622d00],.swiper-plan-h-prev-monthly[data-v-46622d00]{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-46622d00]:disabled,.swiper-plan-h-next-monthly[data-v-46622d00]:disabled,.swiper-plan-h-prev-annually[data-v-46622d00]:disabled,.swiper-plan-h-prev-monthly[data-v-46622d00]:disabled{opacity:0}.plans-remaining[data-v-46622d00]{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-46622d00]::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-46622d00]{border-left:none}.swiper-plan-h-navigation[data-v-46622d00]{display:none!important}}",
49961
49971
  map: undefined,
49962
49972
  media: undefined
49963
- }), inject("data-v-57deb5c6_1", {
49973
+ }), inject("data-v-46622d00_1", {
49964
49974
  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}",
49965
49975
  map: undefined,
49966
49976
  media: undefined
@@ -49969,7 +49979,7 @@ const __vue_inject_styles__$6 = function (inject) {
49969
49979
  /* scoped */
49970
49980
 
49971
49981
 
49972
- const __vue_scope_id__$6 = "data-v-57deb5c6";
49982
+ const __vue_scope_id__$6 = "data-v-46622d00";
49973
49983
  /* module identifier */
49974
49984
 
49975
49985
  const __vue_module_identifier__$6 = undefined;
@@ -50238,6 +50248,11 @@ var script$4 = {
50238
50248
  type: Array,
50239
50249
  required: false,
50240
50250
  default: () => []
50251
+ },
50252
+ narrowWidth: {
50253
+ type: Boolean,
50254
+ required: false,
50255
+ default: false
50241
50256
  }
50242
50257
  },
50243
50258
  methods: {
@@ -50381,6 +50396,37 @@ var script$4 = {
50381
50396
  before
50382
50397
  };
50383
50398
  }
50399
+ },
50400
+
50401
+ updateTableVisibility() {
50402
+ const monthlyPlanTable = document.querySelector(".monthly-table");
50403
+ const annuallyPlanTable = document.querySelector(".annually-table");
50404
+ const monthlyPlanTableNavigation = document.querySelector(".nav-monthly-table");
50405
+ const annuallyPlanTableNavigation = document.querySelector(".nav-annually-table");
50406
+
50407
+ if (this.isMonthlyVisible) {
50408
+ monthlyPlanTable.style.visibility = "visible";
50409
+ monthlyPlanTable.style.height = "auto";
50410
+ monthlyPlanTable.style.padding = "16px";
50411
+ annuallyPlanTable.style.visibility = "hidden";
50412
+ annuallyPlanTable.style.height = "0px";
50413
+ annuallyPlanTable.style.padding = "0px";
50414
+ monthlyPlanTableNavigation.style.display = "flex";
50415
+ annuallyPlanTableNavigation.style.display = "none";
50416
+ this.interval = "EVERY_30_DAYS";
50417
+ this.syncAllHeights();
50418
+ } else if (this.isAnnuallyVisible) {
50419
+ monthlyPlanTable.style.visibility = "hidden";
50420
+ monthlyPlanTable.style.height = "0px";
50421
+ monthlyPlanTable.style.padding = "0px";
50422
+ annuallyPlanTable.style.visibility = "visible";
50423
+ annuallyPlanTable.style.height = "auto";
50424
+ annuallyPlanTable.style.padding = "16px";
50425
+ monthlyPlanTableNavigation.style.display = "none";
50426
+ annuallyPlanTableNavigation.style.display = "flex";
50427
+ this.interval = "ANNUAL";
50428
+ this.syncAllHeights();
50429
+ }
50384
50430
  }
50385
50431
 
50386
50432
  },
@@ -50409,6 +50455,14 @@ var script$4 = {
50409
50455
  });
50410
50456
  },
50411
50457
 
50458
+ isMonthlyVisible() {
50459
+ return this.selectedInterval === "monthly";
50460
+ },
50461
+
50462
+ isAnnuallyVisible() {
50463
+ return this.selectedInterval === "annually";
50464
+ },
50465
+
50412
50466
  monthlyPlansFeatures() {
50413
50467
  if (!this.features.length) return []; // First, find which features are actually used in any monthly plan
50414
50468
 
@@ -50491,41 +50545,13 @@ var script$4 = {
50491
50545
  },
50492
50546
  watch: {
50493
50547
  selectedInterval() {
50494
- let monthlyPlanTable = document.querySelector(".monthly-table");
50495
- let annuallyPlanTable = document.querySelector(".annually-table");
50496
- let monthlyPlanTableNavigation = document.querySelector(".nav-monthly-table");
50497
- let annuallyPlanTableNavigation = document.querySelector(".nav-annually-table");
50498
-
50499
- if (this.selectedInterval === "monthly") {
50500
- monthlyPlanTable.style.visibility = "visible";
50501
- monthlyPlanTable.style.height = "auto";
50502
- monthlyPlanTable.style.padding = "16px";
50503
- monthlyPlanTable.style.padding = "16px";
50504
- annuallyPlanTable.style.visibility = "hidden";
50505
- annuallyPlanTable.style.height = "0px";
50506
- annuallyPlanTable.style.padding = "0px";
50507
- monthlyPlanTableNavigation.style.display = "flex";
50508
- annuallyPlanTableNavigation.style.display = "none";
50509
- this.interval = "EVERY_30_DAYS";
50510
- this.syncAllHeights();
50511
- } else if (this.selectedInterval === "annually") {
50512
- monthlyPlanTable.style.visibility = "hidden";
50513
- monthlyPlanTable.style.height = "0px";
50514
- monthlyPlanTable.style.padding = "0px";
50515
- monthlyPlanTable.style.padding = "0px";
50516
- annuallyPlanTable.style.visibility = "visible";
50517
- annuallyPlanTable.style.height = "auto";
50518
- annuallyPlanTable.style.padding = "16px";
50519
- monthlyPlanTableNavigation.style.display = "none";
50520
- annuallyPlanTableNavigation.style.display = "flex";
50521
- this.interval = "ANNUAL";
50522
- this.syncAllHeights();
50523
- }
50548
+ this.updateTableVisibility();
50524
50549
  }
50525
50550
 
50526
50551
  },
50527
50552
 
50528
50553
  mounted() {
50554
+ this.updateTableVisibility();
50529
50555
  new Swiper(this.$refs.swiperMonthlyTable, {
50530
50556
  modules: [Navigation, Pagination],
50531
50557
  loop: false,
@@ -50543,7 +50569,7 @@ var script$4 = {
50543
50569
  slidesPerView: 2
50544
50570
  },
50545
50571
  1024: {
50546
- slidesPerView: Math.min(this.monthlyPlans.length, 3)
50572
+ slidesPerView: Math.min(this.monthlyPlans.length, this.narrowWidth ? 2 : 3)
50547
50573
  }
50548
50574
  },
50549
50575
  on: {
@@ -50576,7 +50602,7 @@ var script$4 = {
50576
50602
  slidesPerView: 2
50577
50603
  },
50578
50604
  1024: {
50579
- slidesPerView: Math.min(this.annualPlans.length, 3)
50605
+ slidesPerView: Math.min(this.annualPlans.length, this.narrowWidth ? 2 : 3)
50580
50606
  }
50581
50607
  },
50582
50608
  on: {
@@ -51134,8 +51160,8 @@ var __vue_staticRenderFns__$4 = [];
51134
51160
 
51135
51161
  const __vue_inject_styles__$4 = function (inject) {
51136
51162
  if (!inject) return;
51137
- inject("data-v-6ea7c21a_0", {
51138
- 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}}",
51163
+ inject("data-v-39a57ba5_0", {
51164
+ source: ".container[data-v-39a57ba5]{width:100%}.pricing-table[data-v-39a57ba5]{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-39a57ba5]{padding:16px}.plans[data-v-39a57ba5]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-39a57ba5]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-39a57ba5]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-39a57ba5]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-39a57ba5],.pricing-table.monthly-table .swiper-wrapper[data-v-39a57ba5]{height:auto!important}.table-header[data-v-39a57ba5]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0}.table-header h3[data-v-39a57ba5]{font-size:13px;font-weight:700;line-height:20px;color:#303030}.plan-header-wrapper[data-v-39a57ba5]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-39a57ba5]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-39a57ba5]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-39a57ba5]{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-39a57ba5]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-39a57ba5]{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-39a57ba5]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-39a57ba5]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-39a57ba5]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-39a57ba5]{text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-39a57ba5]{color:#616161;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-39a57ba5]{display:inline;font-size:16px;font-weight:700;color:#303030;width:max-content}.plan-header-wrapper .price-wrapper h4 h6[data-v-39a57ba5]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-39a57ba5]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-39a57ba5]{display:none}.swiper-plan-annually-next[data-v-39a57ba5],.swiper-plan-annually-prev[data-v-39a57ba5],.swiper-plan-monthly-next[data-v-39a57ba5],.swiper-plan-monthly-prev[data-v-39a57ba5]{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-39a57ba5]:disabled,.swiper-plan-annually-prev[data-v-39a57ba5]:disabled,.swiper-plan-monthly-next[data-v-39a57ba5]:disabled,.swiper-plan-monthly-prev[data-v-39a57ba5]:disabled{opacity:0}.choose-button[data-v-39a57ba5]{background-color:#fff!important}.choose-button[data-v-39a57ba5]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-39a57ba5]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-39a57ba5]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-39a57ba5]::-webkit-scrollbar{display:none}.plans-remaining[data-v-39a57ba5]{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-39a57ba5]::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-39a57ba5]{font-size:0!important}.feature-group-header[data-v-39a57ba5]{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-39a57ba5]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-39a57ba5]{border-right:1px solid #e3e3e3}@media (max-width:640px){.swiper-plan-navigation[data-v-39a57ba5]{display:none!important}.pricing-table[data-v-39a57ba5]{width:calc(100% + -2px)}}@media (max-width:540px){.plan-header-wrapper .price-wrapper .main-price[data-v-39a57ba5]{flex-direction:column}}",
51139
51165
  map: undefined,
51140
51166
  media: undefined
51141
51167
  });
@@ -51143,7 +51169,7 @@ const __vue_inject_styles__$4 = function (inject) {
51143
51169
  /* scoped */
51144
51170
 
51145
51171
 
51146
- const __vue_scope_id__$4 = "data-v-6ea7c21a";
51172
+ const __vue_scope_id__$4 = "data-v-39a57ba5";
51147
51173
  /* module identifier */
51148
51174
 
51149
51175
  const __vue_module_identifier__$4 = undefined;
@@ -51264,8 +51290,8 @@ var __vue_staticRenderFns__$3 = [];
51264
51290
 
51265
51291
  const __vue_inject_styles__$3 = function (inject) {
51266
51292
  if (!inject) return;
51267
- inject("data-v-594b1d8b_0", {
51268
- 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}}",
51293
+ inject("data-v-9045731c_0", {
51294
+ source: ".block[data-v-9045731c]{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-9045731c]{width:100%!important;display:flex!important;height:fit-content!important;justify-content:center!important}.bundle-header[data-v-9045731c]{display:flex;gap:8px;border-bottom:1px solid #e3e3e3;padding-bottom:12px;align-items:center}.bundle-price-wrapper[data-v-9045731c]{display:flex;gap:8px;align-items:center;width:100%}.bundle-header h3[data-v-9045731c]{font-size:18px;font-weight:700;color:#000}.bundle-header h2[data-v-9045731c]{font-size:30px;font-weight:700;color:#000}.bundle-header .mo-label[data-v-9045731c]{font-size:13px;font-weight:400;color:#616161}.bundle-header h4[data-v-9045731c]{font-size:13.5px;font-weight:700;color:#616161;text-decoration:line-through}.bundle-header .apps-count[data-v-9045731c]{background-color:#91d0ff;border-radius:8px;padding:2px 8px;font-size:12px;line-height:16px;font-weight:550;color:#00527c}.apps-list[data-v-9045731c]{display:flex;flex-wrap:wrap;gap:8px}.apps-list .app[data-v-9045731c]{display:flex;flex-basis:calc(33% - 8px);align-items:center;gap:8px}.more-apps-label[data-v-9045731c]{font-size:13px;font-weight:700;color:#000}@media (max-width:767px){.apps-list .app[data-v-9045731c]{flex-basis:calc(50% - 8px)}}@media (max-width:540px){.apps-list .app[data-v-9045731c]{flex-basis:100%}.bundle-header[data-v-9045731c]{flex-direction:column;align-items:flex-start;gap:16px}}",
51269
51295
  map: undefined,
51270
51296
  media: undefined
51271
51297
  });
@@ -51273,7 +51299,7 @@ const __vue_inject_styles__$3 = function (inject) {
51273
51299
  /* scoped */
51274
51300
 
51275
51301
 
51276
- const __vue_scope_id__$3 = "data-v-594b1d8b";
51302
+ const __vue_scope_id__$3 = "data-v-9045731c";
51277
51303
  /* module identifier */
51278
51304
 
51279
51305
  const __vue_module_identifier__$3 = undefined;
@@ -51589,7 +51615,7 @@ var script$1 = {
51589
51615
  PlanTable,
51590
51616
  BundlePlanCard
51591
51617
  },
51592
- props: ['shop_domain', 'host', 'discount_code', 'is_customizable', 'full_width'],
51618
+ props: ['shop_domain', 'host', 'discount_code', 'is_customizable', 'full_width', 'narrow_width'],
51593
51619
 
51594
51620
  data() {
51595
51621
  return {
@@ -51916,7 +51942,7 @@ var __vue_render__$1 = function () {
51916
51942
  "handlePlanBannerClose": _vm.handlePlanBannerClose
51917
51943
  }
51918
51944
  }), _vm._v(" "), _c('div', {
51919
- class: ['bill-cycle-select-group', this.full_width ? 'full-width' : '']
51945
+ class: ['bill-cycle-select-group', this.full_width ? 'full-width' : '', this.narrow_width ? 'narrow-width' : '']
51920
51946
  }, [_c('a', {
51921
51947
  staticClass: "bill-cycle-back",
51922
51948
  on: {
@@ -52016,6 +52042,7 @@ var __vue_render__$1 = function () {
52016
52042
  attrs: {
52017
52043
  "useCardStyle": true,
52018
52044
  "fullWidth": this.full_width,
52045
+ "narrowWidth": this.narrow_width,
52019
52046
  "showcaseData": _vm.bundle_plan,
52020
52047
  "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
52021
52048
  "oldPrice": _vm.bundle_plan.price,
@@ -52029,7 +52056,8 @@ var __vue_render__$1 = function () {
52029
52056
  }) : _vm._e(), _vm._v(" "), _c('PPage', {
52030
52057
  staticClass: "app-manager-plan-page-slider custom-title",
52031
52058
  attrs: {
52032
- "full-width": this.full_width
52059
+ "full-width": this.full_width,
52060
+ "narrow-width": this.narrow_width
52033
52061
  }
52034
52062
  }, [_c('PLayout', {
52035
52063
  staticClass: "custom-plan"
@@ -52073,7 +52101,8 @@ var __vue_render__$1 = function () {
52073
52101
  "shopifyPlan": _vm.shopify_plan,
52074
52102
  "promotionalDiscount": _vm.promotional_discount,
52075
52103
  "selectedInterval": _vm.selectedPlan,
52076
- "features": _vm.features
52104
+ "features": _vm.features,
52105
+ "narrowWidth": this.narrow_width
52077
52106
  },
52078
52107
  on: {
52079
52108
  "plan-clicked": _vm.handlePlanClicked
@@ -52153,8 +52182,8 @@ var __vue_staticRenderFns__$1 = [];
52153
52182
 
52154
52183
  const __vue_inject_styles__$1 = function (inject) {
52155
52184
  if (!inject) return;
52156
- inject("data-v-ec019326_0", {
52157
- 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}}",
52185
+ inject("data-v-0916a54e_0", {
52186
+ source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@font-face{font-family:swiper-icons;src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.app-manager .app-manager-wrapper{padding-top:16px}.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page-slider .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff;border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .feature__list,.app-manager .app-manager-plan-page-slider .feature__type__array{display:flex;align-items:center;word-spacing:999px;justify-content:center}.app-manager .app-manager-plan-page-slider .feature__type__array.feature__class{justify-content:left}.app-manager .app-manager-plan-page-slider .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager-plan-banner{margin-right:30px;margin-left:30px}.bundle-plan{display:none;flex-direction:column;gap:20px}.bundle-category{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.bundle-category-apps{display:flex;flex-direction:column;gap:10px}.light-divider{border-top:1px solid #e3e3e3;margin-top:10px;margin-bottom:10px}.app-manager .Polaris-Icon--colorSuccess svg{fill:#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!important;margin-left:auto;margin-right:auto;padding:0 96px}.bill-cycle-select-group.full-width{max-width:none!important}.bill-cycle-select-group.narrow-width{max-width:840px!important}.bill-cycle-select-group__inner-left{width:fit-content;display:flex;gap:4px;align-items:center;justify-content:center;border-radius:40px;padding:4px;border:1px solid #000}.bill-cycle-back{display:none;align-items:center;color:#303030;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%}.app-manager .app-manager-plan-page-slider{padding-left:96px!important;padding-right:96px!important;max-width:1200px!important}.app-manager .app-manager-plan-page-slider.Polaris-Page--fullWidth{max-width:none!important}.app-manager .app-manager-plan-page-slider.Polaris-Page--narrowWidth{max-width:840px!important}@media (max-width:1023px){.customization-bundle-section{flex-direction:column;gap:20px}}@media (max-width:992px){.app-manager .app-manager-plan-page-slider.Polaris-Page--fullWidth,.bill-cycle-select-group.full-width{max-width:none!important}}@media (max-width:767px){.app-manager .app-manager-plan-page-slider.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}}@media (max-width:640px){.app-manager .app-manager-plan-page-slider{padding-left:0!important;padding-right:0!important}}",
52158
52187
  map: undefined,
52159
52188
  media: undefined
52160
52189
  });
@@ -52190,10 +52219,6 @@ var script = {
52190
52219
  shop_domain: {
52191
52220
  type: String
52192
52221
  },
52193
- group_plan: {
52194
- type: Boolean,
52195
- default: false
52196
- },
52197
52222
  base_url: {
52198
52223
  type: String,
52199
52224
  default: null
@@ -52214,6 +52239,10 @@ var script = {
52214
52239
  type: Boolean,
52215
52240
  default: false
52216
52241
  },
52242
+ narrow_width: {
52243
+ type: Boolean,
52244
+ default: false
52245
+ },
52217
52246
  translations: {
52218
52247
  type: Object,
52219
52248
 
@@ -52272,7 +52301,8 @@ var __vue_render__ = function () {
52272
52301
  "host": _vm.host,
52273
52302
  "discount_code": _vm.discount_code,
52274
52303
  "is_customizable": _vm.is_customizable,
52275
- "full_width": _vm.full_width
52304
+ "full_width": _vm.full_width,
52305
+ "narrow_width": _vm.narrow_width
52276
52306
  },
52277
52307
  on: {
52278
52308
  "handlePlanSelect": _vm.handlePlanSelect,
@@ -52288,7 +52318,7 @@ var __vue_staticRenderFns__ = [];
52288
52318
  const __vue_inject_styles__ = undefined;
52289
52319
  /* scoped */
52290
52320
 
52291
- const __vue_scope_id__ = "data-v-1a52e210";
52321
+ const __vue_scope_id__ = "data-v-5100fe24";
52292
52322
  /* module identifier */
52293
52323
 
52294
52324
  const __vue_module_identifier__ = undefined;