@hulkapps/app-manager-vue 2.3.0 → 2.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hulkapps/app-manager-vue",
-  "version": "2.3.0",
+  "version": "2.3.3",
   "description": "Vue SDK to render app manager contents",
   "main": "dist/app-manager-vue.ssr.js",
   "browser": "dist/app-manager-vue.esm.js",

package/src/components/Marketing/Banners.vue

@@ -18,6 +18,8 @@
   import {PBanner} from "../polaris-vue/src/components/PBanner";
 
   import axios from 'axios'
+  import install from "@/entry.esm";
+  import Vue from "vue";
 
   export default {
     components: {PLayoutSection, PBanner},
@@ -31,6 +33,10 @@
         default() {
           return 'header'
         }
+      },
+      base_url: {
+        type: String,
+        default: null
       }
     },
     data() {
@@ -76,8 +82,16 @@
           });
         }
       });
+    },
+    created() {
+      if (this.base_url != null) {
+        let config = {
+          baseUrl: this.base_url
+        }
+        install(Vue, config)
+      }
+    }
     }
-  }
 </script>
 
 <style scoped>

package/src/components/Plans/AppManagerGroupPlan.vue

@@ -232,7 +232,7 @@
     export default {
         name: "AppManagerGroupPlan",
         components: { YearlyPlanPromotion, PlanBanners, PPage, PStack, PStackItem, PButton, PButtonGroup, PHeading, PLayout, PLayoutSection, PTextContainer, PDataTable, PDataTableCol, PDataTableRow, PIcon, PTextStyle, PCard, PCardSection, PSkeletonPage, PSkeletonBodyText, PSkeletonDisplayText, PEmptyState },
-        props: ['shop_domain'],
+        props: ['shop_domain','host'],
         data() {
             return {
                 plan: {},
@@ -382,7 +382,12 @@
             },
             async getPlanUrl(plan) {
                 let shopName = this.shop.name;
-                const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?shop=${shopName}`).catch(error => {
+                let host = this.host;
+                let queryString = `shop=${shopName}`;
+                if(host != null){
+                  queryString +=`&host=${host}`
+                }
+                const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?${queryString}`).catch(error => {
                     console.error(error)
                 });
                 if(response.data.plan_type === 'free_plan'){

package/src/components/Plans/AppManagerPlan.vue

@@ -1,12 +1,14 @@
 <template>
   <AppManagerGroupPlan @handlePlanSelect="handlePlanSelect" v-if="group_plan"
-                       :shop_domain="shop_domain"></AppManagerGroupPlan>
-  <AppManagerSliderPlan @handlePlanSelect="handlePlanSelect" v-else :shop_domain="shop_domain"></AppManagerSliderPlan>
+                       :shop_domain="shop_domain" :host="host"></AppManagerGroupPlan>
+  <AppManagerSliderPlan @handlePlanSelect="handlePlanSelect" v-else :shop_domain="shop_domain" :host="host"></AppManagerSliderPlan>
 </template>
 
 <script>
 import AppManagerGroupPlan from "./AppManagerGroupPlan";
 import AppManagerSliderPlan from "./AppManagerSliderPlan";
+import Vue from "vue";
+import install from "@/entry.esm";
 
 export default {
   name: "AppManagerPlan",
@@ -18,6 +20,14 @@ export default {
     group_plan: {
       type: Boolean,
       default: false
+    },
+    base_url: {
+      type: String,
+      default: null
+    },
+    host:{
+      type: String,
+      default: null
     }
   },
   methods: {
@@ -26,6 +36,14 @@ export default {
       this.$emit('handle-plan-select', payload)
 
     }
+  },
+  created() {
+    if(this.base_url != null){
+      let config = {
+        baseUrl: this.base_url
+      }
+      install(Vue,config)
+    };
   }
 }
 </script>

package/src/components/Plans/AppManagerSliderPlan.vue

@@ -202,7 +202,7 @@
     export default {
         name: "AppManagerSliderPlan",
         components: { Carousel, Slide, YearlyPlanPromotion, PlanBanners, PPage, PStack, PStackItem, PButton, PButtonGroup, PHeading, PLayout, PLayoutSection, PTextContainer, PDataTable, PDataTableCol, PDataTableRow, PIcon, PTextStyle, PCardSection, PCard, PSkeletonDisplayText, PSkeletonBodyText, PSkeletonPage, PEmptyState },
-        props: ['shop_domain'],
+        props: ['shop_domain','host'],
         data() {
             return {
                 slideLength : 0,
@@ -367,7 +367,12 @@
             },
             async getPlanUrl(plan) {
                 let shopName = this.shop.name;
-                const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?shop=${shopName}`).catch(error => {
+                let host = this.host;
+                let queryString = `shop=${shopName}`;
+                if(host != null){
+                  queryString +=`&host=${host}`
+                }
+                const response = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plan/process/${plan.id}?${queryString}`).catch(error => {
                     console.error(error)
                 });
                 if(response.data.plan_type === 'free_plan'){