@hulkapps/app-manager-vue 2.5.3 → 2.5.4

package/dist/app-manager-vue.esm.js

@@ -41919,8 +41919,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$6 = function (inject) {
   if (!inject) return;
-  inject("data-v-50f26fcb_0", {
-    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}",
+  inject("data-v-5d4b7cdb_0", {
+    source: ".button[data-v-5d4b7cdb]{display:flex;width:fit-content!important;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a!important}.button[data-v-5d4b7cdb]:hover{background-color:#0000000d!important;border-radius:8px!important}.button-primary[data-v-5d4b7cdb]{background-color:rgba(0,0,0,.08)!important;color:#303030!important;border-radius:8px!important}.button-primary[data-v-5d4b7cdb]:hover{background-color:rgba(0,0,0,.05)!important}.button-secondary[data-v-5d4b7cdb]{color:#000!important}.additional-info-primary[data-v-5d4b7cdb]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-size:13px!important;font-weight:550!important}.additional-info-secondary[data-v-5d4b7cdb]{background-color:rgba(0,0,0,.06)!important;color:#616161!important;padding:0 6px!important;border-radius:8px!important;font-weight:550!important}.disabled[data-v-5d4b7cdb]{background-color:rgba(0,0,0,.08)!important;font-size:13px!important;font-weight:450!important;color:#4a4a4a!important;cursor:not-allowed!important;pointer-events:none!important}",
     map: undefined,
     media: undefined
   });
@@ -41928,7 +41928,7 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-50f26fcb";
+const __vue_scope_id__$6 = "data-v-5d4b7cdb";
 /* module identifier */
 
 const __vue_module_identifier__$6 = undefined;
@@ -41981,6 +41981,11 @@ var script$5 = {
       type: Boolean,
       required: false,
       default: false
+    },
+    useCardStyle: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   methods: {
@@ -42012,7 +42017,7 @@ var __vue_render__$5 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', [_c('div', {
-    staticClass: "plan-showcase-banner"
+    class: "plan-showcase-banner" + (_vm.useCardStyle ? ' banner-card' : '')
   }, [_vm.showDescription ? _c('div', {
     staticClass: "plan-left"
   }, [_c('p', [_vm._v("\n        " + _vm._s(_vm.translateMe("Get 24 Shopify apps and save more than")) + "\n        "), _c('strong', [_vm._v(_vm._s(_vm.translateMe("$1000")))]), _vm._v("\n        " + _vm._s(_vm.translateMe("per month!")) + "\n      ")]), _vm._v(" "), _c('p', [_vm._v("\n        " + _vm._s(_vm.translateMe("No hidden costs. Just your store getting supercharged!")) + "\n      ")])]) : _vm._e(), _vm._v(" "), _c('div', {
@@ -42054,8 +42059,8 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-7776f0f4_0", {
-    source: ".plan-showcase-banner[data-v-7776f0f4]{display:flex;justify-content:space-between;align-items:center}.plan-name[data-v-7776f0f4]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-7776f0f4]{flex:1}.plan-right[data-v-7776f0f4]{display:flex;align-items:center;gap:12px}.prices[data-v-7776f0f4]{display:flex;gap:8px}.discounted-amount[data-v-7776f0f4]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-7776f0f4]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.choose-button[data-v-7776f0f4]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none;color:#fff;border-bottom-color:#fff;box-shadow:rgba(0,0,0,.8) 0 -1px 0 1px inset,#303030 0 0 0 1px inset,rgba(255,255,255,.25) 0 .5px 0 1.5px inset;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650}@media (max-width:767px){.plan-showcase-banner[data-v-7776f0f4]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-7776f0f4]{align-items:unset}.choose-button[data-v-7776f0f4]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-right[data-v-7776f0f4]{flex-direction:column;gap:8px;align-items:unset}.plan-showcase-banner[data-v-7776f0f4]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-7776f0f4]{align-items:unset}.choose-button[data-v-7776f0f4]{margin-right:auto;margin-left:0}}",
+  inject("data-v-9f72dd26_0", {
+    source: ".banner-card[data-v-9f72dd26]{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}.plan-showcase-banner[data-v-9f72dd26]{display:flex;justify-content:space-between;align-items:center}.plan-name[data-v-9f72dd26]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-9f72dd26]{flex:1}.plan-right[data-v-9f72dd26]{display:flex;align-items:center;gap:12px}.prices[data-v-9f72dd26]{display:flex;gap:8px}.discounted-amount[data-v-9f72dd26]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-9f72dd26]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.choose-button[data-v-9f72dd26]{padding:6px 12px;background-color:#303030;background-image:linear-gradient(rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15)),none;color:#fff;border-bottom-color:#fff;box-shadow:rgba(0,0,0,.8) 0 -1px 0 1px inset,#303030 0 0 0 1px inset,rgba(255,255,255,.25) 0 .5px 0 1.5px inset;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650}@media (max-width:767px){.plan-showcase-banner[data-v-9f72dd26]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-9f72dd26]{align-items:unset}.choose-button[data-v-9f72dd26]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-right[data-v-9f72dd26]{flex-direction:column;gap:8px;align-items:unset}.plan-showcase-banner[data-v-9f72dd26]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-9f72dd26]{align-items:unset}.choose-button[data-v-9f72dd26]{margin-right:auto;margin-left:0}}",
     map: undefined,
     media: undefined
   });
@@ -42063,7 +42068,7 @@ const __vue_inject_styles__$5 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$5 = "data-v-7776f0f4";
+const __vue_scope_id__$5 = "data-v-9f72dd26";
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -42879,11 +42884,8 @@ var __vue_render__$2 = function () {
     staticStyle: {
       "margin-top": "20px"
     }
-  }, [_c('PButtonGroup', {
-    staticClass: "btn-group",
-    attrs: {
-      "segmented": ""
-    }
+  }, [_c('div', {
+    staticClass: "button-group-new"
   }, [_c('VariantButton', {
     attrs: {
       "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
@@ -42913,7 +42915,7 @@ var __vue_render__$2 = function () {
         return _vm.selectPlan('bundle');
       }
     }
-  }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Bundle')) + "\n                    ")]) : _vm._e()], 1)], 1)], 1), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Bundle')) + "\n                    ")]) : _vm._e()], 1)])], 1), _vm._v(" "), _c('div', {
     staticClass: "light-divider",
     staticStyle: {
       "margin": "20px 0"
@@ -43311,6 +43313,7 @@ var __vue_render__$2 = function () {
     staticClass: "bundle-plan"
   }, [_c('PlanShowcaseBanner', {
     attrs: {
+      "useCardStyle": "true",
       "showcaseData": _vm.bundle_plan,
       "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
       "oldPrice": _vm.bundle_plan.price,
@@ -43367,8 +43370,8 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-5446927e_0", {
-    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}",
+  inject("data-v-522160dd_0", {
+    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}.bundle-plan{display:none;flex-direction:column;gap:20px}.bundle-category{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.bundle-category-apps{display:flex;flex-direction:column;gap:10px}.light-divider{border-top:1px solid #e3e3e3;margin-top:10px;margin-bottom:10px}.app-manager .Polaris-Icon--colorSuccess svg{fill:#000!important}.button-group-new{display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width:0px) and (max-width:576px){.app-manager .app-manager,.app-manager .app-manager-body{overflow-x:scroll}}@media (max-width:700px){.app-manager .Polaris-DataTable__Table{width:auto!important}}",
     map: undefined,
     media: undefined
   });
@@ -44022,11 +44025,8 @@ var __vue_render__$1 = function () {
     staticStyle: {
       "margin-top": "20px"
     }
-  }, [_c('PButtonGroup', {
-    staticClass: "btn-group",
-    attrs: {
-      "segmented": ""
-    }
+  }, [_c('div', {
+    staticClass: "button-group-new"
   }, [_c('VariantButton', {
     attrs: {
       "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
@@ -44056,7 +44056,7 @@ var __vue_render__$1 = function () {
         return _vm.selectPlan('bundle');
       }
     }
-  }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Bundle')) + "\n                    ")]) : _vm._e()], 1)], 1)], 1), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Bundle')) + "\n                    ")]) : _vm._e()], 1)])], 1), _vm._v(" "), _c('div', {
     staticClass: "light-divider",
     staticStyle: {
       "margin": "20px 0"
@@ -44071,7 +44071,7 @@ var __vue_render__$1 = function () {
   }, [[[_c('div', {
     staticClass: "Polaris-ResourceList__ResourceListWrapper features",
     staticStyle: {
-      "width": "30%"
+      "width": "20%"
     }
   }, [_c('div', {
     staticClass: "plan__price"
@@ -44091,7 +44091,7 @@ var __vue_render__$1 = function () {
     }, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])])])]);
   }), 0)])], _vm._v(" "), _c('carousel', {
     staticStyle: {
-      "width": "70%"
+      "width": "80%"
     },
     attrs: {
       "per-page": _vm.perPage,
@@ -44126,7 +44126,7 @@ var __vue_render__$1 = function () {
       }
     }, [_c('PHeading', {
       staticStyle: {
-        "font-size": "25px",
+        "font-size": "23px",
         "font-weight": "700"
       }
     }, [_vm._v(_vm._s(_vm.translateMe('Free')))])], 1)]) : plan.discount && plan.discount > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('b', {
@@ -44140,7 +44140,7 @@ var __vue_render__$1 = function () {
       }
     }, [_c('PHeading', {
       staticStyle: {
-        "font-size": "25px",
+        "font-size": "23px",
         "font-weight": "700"
       }
     }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
@@ -44175,7 +44175,7 @@ var __vue_render__$1 = function () {
       }
     }, [_c('PHeading', {
       staticStyle: {
-        "font-size": "25px",
+        "font-size": "23px",
         "font-weight": "700"
       }
     }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
@@ -44210,7 +44210,7 @@ var __vue_render__$1 = function () {
       }
     }, [_c('PHeading', {
       staticStyle: {
-        "font-size": "25px",
+        "font-size": "23px",
         "font-weight": "700"
       }
     }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
@@ -44245,7 +44245,7 @@ var __vue_render__$1 = function () {
       }
     }, [_c('PHeading', {
       staticStyle: {
-        "font-size": "25px",
+        "font-size": "23px",
         "font-weight": "700"
       }
     }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
@@ -44308,6 +44308,7 @@ var __vue_render__$1 = function () {
     staticClass: "bundle-plan"
   }, [_c('PlanShowcaseBanner', {
     attrs: {
+      "useCardStyle": "true",
       "showcaseData": _vm.bundle_plan,
       "realPrice": parseFloat(_vm.calculateDiscountedPrice(_vm.bundle_plan)).toFixed(0),
       "oldPrice": _vm.bundle_plan.price,
@@ -44389,8 +44390,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-5ff62bf8_0", {
-    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}",
+  inject("data-v-486ec0d1_0", {
+    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-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}@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}}",
     map: undefined,
     media: undefined
   });