@hulkapps/app-manager-vue 2.5.5 → 2.5.9

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

@@ -41633,7 +41633,115 @@ const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
 var PSkeletonPage = __vue_component__$9;
 
 var script$7 = {
+  name: "VariantButton",
+  props: {
+    variant: {
+      type: String,
+      required: true,
+
+      default() {
+        return "primary";
+      }
+
+    },
+    additionalText: {
+      type: String,
+      required: false
+    },
+    getPlanUrl: {
+      type: Function,
+      required: false
+    },
+    plan: {
+      type: Object,
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  methods: {
+    handleClick() {
+      event.preventDefault();
+      this.$emit("click", event);
+    },
+
+    handlePlanClick() {
+      event.preventDefault();
+      this.$emit("plan-clicked", event);
+    },
+
+    translateMe(message) {
+      return this.$translations.hasOwnProperty(message) ? this.$translations[message] : message;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$7 = script$7;
+/* template */
+
+var __vue_render__$7 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('a', {
+    staticClass: "button",
+    class: "button-" + _vm.variant + (_vm.disabled ? ' disabled' : ''),
+    attrs: {
+      "href": "#"
+    },
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_vm._t("default"), _vm._v(" "), _vm.additionalText ? _c('span', {
+    class: "additional-info-" + _vm.variant
+  }, [_vm._v("\n    " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n  ")]) : _vm._e()], 2);
+};
+
+var __vue_staticRenderFns__$7 = [];
+/* style */
+
+const __vue_inject_styles__$7 = function (inject) {
+  if (!inject) return;
+  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
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$7 = "data-v-5d4b7cdb";
+/* module identifier */
+
+const __vue_module_identifier__$7 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$7 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
+
+var VariantButton = __vue_component__$8;
+
+var script$6 = {
   name: "AppCard",
+  components: {
+    VariantButton
+  },
   props: {
     appData: {
       type: Object,
@@ -41668,10 +41776,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$6 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -41698,7 +41806,7 @@ var __vue_render__$7 = function () {
     staticClass: "app-name"
   }, [_vm._v("\n          " + _vm._s(_vm.translateMe(_vm.appData.app_name)) + "\n        ")]), _vm._v(" "), _vm.appData.app_bundle_details.built_for_shopify ? _c('div', {
     staticClass: "app-tags"
-  }, [_c('a', {
+  }, [_c('span', {
     staticClass: "app-tag bfs-tag"
   }, [_c('svg', {
     attrs: {
@@ -41757,7 +41865,7 @@ var __vue_render__$7 = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.appData.app_bundle_details.reviews) + "\n          " + _vm._s(_vm.translateMe("Reviews")) + "\n        ")]), _vm._v(" "), _c('div', {
     staticClass: "app-tags"
   }, _vm._l(_vm.appData.app_bundle_details.shopify_categories, function (tag) {
-    return _c('a', {
+    return _c('span', {
       staticClass: "app-tag"
     }, [_c('svg', {
       attrs: {
@@ -41806,112 +41914,15 @@ var __vue_render__$7 = function () {
         "fill": "black"
       }
     })]), _vm._v("\n          " + _vm._s(_vm.translateMe(option)))]);
-  }), 0)])]), _vm._v(" "), _vm._t("default")], 2);
-};
-
-var __vue_staticRenderFns__$7 = [];
-/* style */
-
-const __vue_inject_styles__$7 = function (inject) {
-  if (!inject) return;
-  inject("data-v-788b1e46_0", {
-    source: ".app-card[data-v-788b1e46]{display:flex;padding:16px;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);border-radius:12px;gap:16px}.logo[data-v-788b1e46],.logo-image[data-v-788b1e46]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-788b1e46],.upper-details[data-v-788b1e46]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-788b1e46]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-788b1e46]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-788b1e46]{background-color:#e0f0ff;width:fit-content;margin-right:12px;padding:3px 4px;border-radius:8px;font-size:12px;color:#00527c;line-height:12px;font-weight:550;text-decoration:none;white-space:nowrap}.app-tag>svg[data-v-788b1e46]{margin-bottom:-5.5px}.bfs-tag[data-v-788b1e46]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-788b1e46]{margin-bottom:-3px}.app-option-type-count[data-v-788b1e46],.featured-options[data-v-788b1e46]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;text-wrap:nowrap;color:#5c5c5c}@media (max-width:767px){.featured-options[data-v-788b1e46]{text-wrap:wrap}.details[data-v-788b1e46]{gap:8px}.app-tags[data-v-788b1e46]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.lower-details[data-v-788b1e46],.upper-details[data-v-788b1e46]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$7 = "data-v-788b1e46";
-/* module identifier */
-
-const __vue_module_identifier__$7 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$7 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
-
-var AppCard = __vue_component__$8;
-
-var script$6 = {
-  name: "VariantButton",
-  props: {
-    variant: {
-      type: String,
-      required: true,
-
-      default() {
-        return "primary";
-      }
-
-    },
-    additionalText: {
-      type: String,
-      required: false
-    },
-    getPlanUrl: {
-      type: Function,
-      required: false
-    },
-    plan: {
-      type: Object,
-      required: false
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  methods: {
-    handleClick() {
-      event.preventDefault();
-      this.$emit("click", event);
-    },
-
-    handlePlanClick() {
-      event.preventDefault();
-      this.$emit("plan-clicked", event);
-    },
-
-    translateMe(message) {
-      return this.$translations.hasOwnProperty(message) ? this.$translations[message] : message;
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$6 = script$6;
-/* template */
-
-var __vue_render__$6 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('a', {
-    staticClass: "button",
-    class: "button-" + _vm.variant + (_vm.disabled ? ' disabled' : ''),
+  }), 0)]), _vm._v(" "), _c('div', {
+    staticClass: "install-app-div"
+  }, [_c('a', {
+    staticClass: "button-link install-app-button",
     attrs: {
-      "href": "#"
-    },
-    on: {
-      "click": _vm.handleClick
+      "href": _vm.appData.app_shopify_store_link,
+      "target": "_blank"
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.additionalText ? _c('span', {
-    class: "additional-info-" + _vm.variant
-  }, [_vm._v("\n    " + _vm._s(_vm.translateMe(_vm.additionalText)) + "\n  ")]) : _vm._e()], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.translateMe('Install App')) + "\n      ")])])]), _vm._v(" "), _vm._t("default")], 2);
 };
 
 var __vue_staticRenderFns__$6 = [];
@@ -41919,8 +41930,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$6 = function (inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-205e5f18_0", {
+    source: ".app-card[data-v-205e5f18]{display:flex;padding:16px;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);border-radius:12px;gap:16px;align-items:center}.logo[data-v-205e5f18],.logo-image[data-v-205e5f18]{width:40px;height:40px;border-radius:4px}.lower-details[data-v-205e5f18]{margin-top:8px}.lower-details[data-v-205e5f18],.upper-details[data-v-205e5f18]{display:flex;flex-wrap:wrap;row-gap:2px;column-gap:8px}.app-name[data-v-205e5f18]{font-size:14px;font-weight:650;line-height:20px}.app-reviews-count[data-v-205e5f18]{font-size:13px;font-weight:400;line-height:20px;color:#5c5c5c}.app-tag[data-v-205e5f18]{background-color:#e0f0ff;width:fit-content;margin-right:12px;padding:3px 4px;border-radius:8px;font-size:12px;color:#00527c;line-height:12px;font-weight:550;text-decoration:none;white-space:nowrap}.app-tag>svg[data-v-205e5f18]{margin-bottom:-5.5px}.bfs-tag[data-v-205e5f18]{margin-right:0;margin-bottom:0!important}.bfs-tag>svg[data-v-205e5f18]{margin-bottom:-3px}.app-option-type-count[data-v-205e5f18],.featured-options[data-v-205e5f18]{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:450;line-height:20px;text-wrap:nowrap;color:#5c5c5c}.install-app-div[data-v-205e5f18]{margin-left:auto;display:flex;align-items:center;white-space:nowrap}.install-app-button[data-v-205e5f18]{display:flex;width:fit-content!important;height:28px!important;align-items:center!important;gap:8px!important;padding:4px 12px!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;background-color:rgba(0,0,0,.08)!important;color:#303030!important;border-radius:8px!important;border:none;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}.install-app-button[data-v-205e5f18]:hover{background-color:rgba(0,0,0,.05)!important;border-radius:8px!important}.button-link[data-v-205e5f18]{text-decoration:none}@media (max-width:767px){.featured-options[data-v-205e5f18]{text-wrap:wrap}.details[data-v-205e5f18]{gap:8px}.app-tags[data-v-205e5f18]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.lower-details[data-v-205e5f18],.upper-details[data-v-205e5f18]{flex-direction:column;flex-wrap:wrap;row-gap:2px;column-gap:8px}.install-app-button[data-v-205e5f18]{margin-right:0;margin-left:auto}}",
     map: undefined,
     media: undefined
   });
@@ -41928,7 +41939,7 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-5d4b7cdb";
+const __vue_scope_id__$6 = "data-v-205e5f18";
 /* module identifier */
 
 const __vue_module_identifier__$6 = undefined;
@@ -41944,7 +41955,7 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$6
 }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
 
-var VariantButton = __vue_component__$7;
+var AppCard = __vue_component__$7;
 
 var script$5 = {
   name: "PlanShowcaseBanner",
@@ -42017,7 +42028,7 @@ var __vue_render__$5 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', [_c('div', {
-    class: "plan-showcase-banner" + (_vm.useCardStyle ? ' banner-card' : '')
+    staticClass: "plan-showcase-banner 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', {
@@ -42028,10 +42039,11 @@ var __vue_render__$5 = function () {
     staticClass: "prices"
   }, [_c('span', {
     staticClass: "discounted-amount"
-  }, [_vm._v("$" + _vm._s(_vm.translateMe(_vm.realPrice)))]), _vm._v(" "), _c('span', {
+  }, [_vm._v("$" + _vm._s(_vm.translateMe(_vm.realPrice)))]), _vm._v(" "), _vm.realPrice < _vm.oldPrice ? _c('span', {
     staticClass: "original-amount"
-  }, [_vm._v("$" + _vm._s(_vm.translateMe(_vm.oldPrice)))])]), _vm._v(" "), !_vm.isCurrentPlan ? _c('VariantButton', {
+  }, [_vm._v("$" + _vm._s(_vm.translateMe(_vm.oldPrice)))]) : _vm._e()]), _vm._v(" "), !_vm.isCurrentPlan ? _c('VariantButton', {
     attrs: {
+      "id": "choose-bundle",
       "buttonData": {
         button_url: _vm.showcaseData.button_url
       },
@@ -42059,8 +42071,8 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  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}}",
+  inject("data-v-08ca9ff0_0", {
+    source: ".banner-card[data-v-08ca9ff0]{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-08ca9ff0]{display:flex;justify-content:space-between;align-items:center}.plan-name[data-v-08ca9ff0]{font-size:14px;font-weight:450;color:#303030}.plan-left[data-v-08ca9ff0]{flex:1}.plan-right[data-v-08ca9ff0]{display:flex;align-items:center;gap:12px}.prices[data-v-08ca9ff0]{display:flex;gap:8px}.discounted-amount[data-v-08ca9ff0]{font-size:30px;font-weight:700;color:#303030}.original-amount[data-v-08ca9ff0]{text-decoration:line-through;color:#616161;font-size:14px;font-weight:650}.choose-button[data-v-08ca9ff0]{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-08ca9ff0]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-08ca9ff0]{align-items:unset}.choose-button[data-v-08ca9ff0]{margin-right:0;margin-left:auto}}@media (max-width:480px){.plan-right[data-v-08ca9ff0]{flex-direction:column;gap:8px;align-items:unset}.plan-showcase-banner[data-v-08ca9ff0]{flex-direction:column;gap:12px}.plan-showcase-banner[data-v-08ca9ff0]{align-items:unset}.choose-button[data-v-08ca9ff0]{margin-right:auto;margin-left:0}}",
     map: undefined,
     media: undefined
   });
@@ -42068,7 +42080,7 @@ const __vue_inject_styles__$5 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$5 = "data-v-9f72dd26";
+const __vue_scope_id__$5 = "data-v-08ca9ff0";
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -42458,6 +42470,7 @@ var script$2 = {
       onboard: true,
       choose_later: false,
       has_active_charge: false,
+      global_plan_charge: false,
       planLoading: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
@@ -42576,6 +42589,14 @@ var script$2 = {
       return this.shop.plan && plan.id === this.shop.plan.id;
     },
 
+    isActivePlanGlobal() {
+      return this.shop.plan.is_global;
+    },
+
+    isActiveGlobalCharge() {
+      return this.global_plan_charge;
+    },
+
     isSamePlanInOtherInterval(plan) {
       return this.shop.plan && plan.shopify_plans === this.shop.plan.shopify_plans;
     },
@@ -42756,7 +42777,7 @@ var script$2 = {
       });
 
       if (data.plans.length) {
-        var _this$plans, _this$plan;
+        var _this$plans, _this$plan, _this$plan2;
 
         for (let i = 0; i < data.plans.length; i++) {
           if (data.plans[i].interval === 'ANNUAL') {
@@ -42777,11 +42798,16 @@ var script$2 = {
           this.selectedPlan = 'annually';
         }
 
+        if ((_this$plan2 = this.plan) !== null && _this$plan2 !== void 0 && _this$plan2.is_global) {
+          this.selectedPlan = 'bundle';
+        }
+
         this.shopify_plan = data.shopify_plan;
         this.default_plan_id = data.default_plan_id;
         this.choose_later = data.choose_later;
         this.onboard = this.default_plan_id && this.choose_later;
         this.has_active_charge = data.has_active_charge;
+        this.global_plan_charge = data.global_plan_charge;
         this.promotional_discount = data.promotional_discount !== undefined ? data.promotional_discount : [];
 
         if (data.bundle_plan) {
@@ -42842,6 +42868,9 @@ var script$2 = {
     await this.fetchFeatures();
     await this.fetchPlans();
     this.planLoading = false;
+    this.$nextTick(() => {
+      this.selectPlan(this.selectedPlan);
+    });
   }
 
 };
@@ -42872,7 +42901,7 @@ var __vue_render__$2 = function () {
   }), _vm._v(" "), _c('PPage', {
     staticClass: "app-manager-plan-page custom-title",
     attrs: {
-      "title": _vm.translateMe('Plans'),
+      "title": _vm.selectedPlan === 'bundle' ? '' : _vm.translateMe('Plans'),
       "subtitle": _vm.subtitleContent
     }
   }, [_c('PStack', {
@@ -42888,6 +42917,7 @@ var __vue_render__$2 = function () {
     staticClass: "button-group-new"
   }, [_c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
       "additionalText": '1 App'
     },
@@ -42898,6 +42928,7 @@ var __vue_render__$2 = function () {
     }
   }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Monthly')) + "\n                    ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
     },
     on: {
@@ -42907,8 +42938,9 @@ var __vue_render__$2 = function () {
     }
   }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Annually')) + "\n                    ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
-      "additionalText": '24 Apps'
+      "additionalText": '25 Apps'
     },
     on: {
       "click": function ($event) {
@@ -43263,7 +43295,7 @@ var __vue_render__$2 = function () {
         "full-width": "",
         "pressed": _vm.isCurrentPlan(plan)
       }
-    }, [_vm._v("\n                                            " + _vm._s(_vm.translateMe('Current Plan')) + "\n                                        ")]) : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan) ? _c('PButton', {
+    }, [_vm._v("\n                                            " + _vm._s(_vm.translateMe('Current Plan')) + "\n                                        ")]) : (_vm.isActivePlanGlobal() ? _vm.isActiveGlobalCharge() : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan)) ? _c('PButton', {
       staticClass: "custom-choose-button",
       attrs: {
         "full-width": ""
@@ -43370,7 +43402,7 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-432a29f4_0", {
+  inject("data-v-2f2df163_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 .Polaris-Button::after{box-shadow:none!important}.app-manager .Polaris-Button:focus{box-shadow:none!important;border-color:#000!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}.app-manager .app-manager-plan-page .light-green-cell{background-color:#f0f8f5;color:#257f60}.app-manager .app-manager-plan-page .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.bundle-plan{display:none;flex-direction:column;gap:20px}.bundle-category{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.bundle-category-apps{display:flex;flex-direction:column;gap:10px}.light-divider{border-top:1px solid #e3e3e3;margin-top:10px;margin-bottom:10px}.app-manager .Polaris-Icon--colorSuccess svg{fill:#000!important}.button-group-new{display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width:0px) and (max-width:576px){.app-manager .app-manager,.app-manager .app-manager-body{overflow-x:scroll}}@media (max-width:700px){.app-manager .Polaris-DataTable__Table{width:auto!important}}",
     map: undefined,
     media: undefined
@@ -43459,6 +43491,7 @@ var script$1 = {
       onboard: true,
       choose_later: false,
       has_active_charge: false,
+      global_plan_charge: false,
       subtitleContent: '',
       checkList: ["60 days free trial"],
       selectedPlan: 'monthly',
@@ -43617,6 +43650,14 @@ var script$1 = {
       return this.has_active_charge && this.shop.plan && (plan.id === this.shop.plan.id || !plan.is_custom && plan.base_plan === this.shop.plan.id);
     },
 
+    isActivePlanGlobal() {
+      return this.shop.plan.is_global;
+    },
+
+    isActiveGlobalCharge() {
+      return this.global_plan_charge;
+    },
+
     isSamePlanInOtherInterval(plan) {
       return this.shop.plan && plan.shopify_plans === this.shop.plan.shopify_plans;
     },
@@ -43839,7 +43880,7 @@ var script$1 = {
       });
 
       if (data.plans.length) {
-        var _this$plans, _this$plan;
+        var _this$plans, _this$plan, _this$plan2;
 
         for (let i = 0; i < data.plans.length; i++) {
           if (data.plans[i].interval === 'ANNUAL') {
@@ -43860,11 +43901,16 @@ var script$1 = {
           this.selectedPlan = 'annually';
         }
 
+        if ((_this$plan2 = this.plan) !== null && _this$plan2 !== void 0 && _this$plan2.is_global) {
+          this.selectedPlan = 'bundle';
+        }
+
         this.shopify_plan = data.shopify_plan;
         this.default_plan_id = data.default_plan_id;
         this.choose_later = data.choose_later;
         this.onboard = this.default_plan_id && this.choose_later;
         this.has_active_charge = data.has_active_charge;
+        this.global_plan_charge = data.global_plan_charge;
         this.promotional_discount = data.promotional_discount !== undefined ? data.promotional_discount : [];
 
         if (data.bundle_plan) {
@@ -43980,6 +44026,7 @@ var script$1 = {
           }
         }
       }, 100);
+      this.selectPlan(this.selectedPlan);
     });
   }
 
@@ -44013,7 +44060,7 @@ var __vue_render__$1 = function () {
   }), _vm._v(" "), _c('PPage', {
     staticClass: "app-manager-plan-page-slider custom-title",
     attrs: {
-      "title": _vm.translateMe('Plans'),
+      "title": _vm.selectedPlan === 'bundle' ? '' : _vm.translateMe('Plans'),
       "subtitle": _vm.subtitleContent
     }
   }, [_c('PStack', {
@@ -44029,6 +44076,7 @@ var __vue_render__$1 = function () {
     staticClass: "button-group-new"
   }, [_c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'monthly' ? 'primary' : 'secondary',
       "additionalText": '1 App'
     },
@@ -44039,6 +44087,7 @@ var __vue_render__$1 = function () {
     }
   }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Monthly')) + "\n                    ")]), _vm._v(" "), _vm.valid_annual_plans.length > 0 ? _c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'annually' ? 'primary' : 'secondary'
     },
     on: {
@@ -44048,8 +44097,9 @@ var __vue_render__$1 = function () {
     }
   }, [_vm._v("\n                        " + _vm._s(_vm.translateMe('Annually')) + "\n                    ")]) : _vm._e(), _vm._v(" "), _vm.bundle_plan !== null ? _c('VariantButton', {
     attrs: {
+      "id": "pricing-tab",
       "variant": _vm.selectedPlan === 'bundle' ? 'primary' : 'secondary',
-      "additionalText": '24 Apps'
+      "additionalText": '25 Apps'
     },
     on: {
       "click": function ($event) {
@@ -44287,7 +44337,7 @@ var __vue_render__$1 = function () {
         "full-width": "",
         "pressed": _vm.isCurrentPlan(plan)
       }
-    }, [_vm._v("\n                                                " + _vm._s(_vm.translateMe('Current Plan')) + "\n                                              ")]) : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan) ? _c('PButton', {
+    }, [_vm._v("\n                                                " + _vm._s(_vm.translateMe('Current Plan')) + "\n                                              ")]) : (_vm.isActivePlanGlobal() ? _vm.isActiveGlobalCharge() : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan)) ? _c('PButton', {
       staticClass: "custom-choose-button",
       attrs: {
         "full-width": ""
@@ -44390,7 +44440,7 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-5e9c27e4_0", {
+  inject("data-v-0aac6342_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 .Polaris-Button::after{box-shadow:none!important}.app-manager .Polaris-Button:focus{box-shadow:none!important;border-color:#000!important}.app-manager .app-manager-plan-page-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}.VueCarousel-slide{flex-basis:auto!important}.Polaris-ResourceList__ResourceListWrapper.features{width:30%!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