@hulkapps/app-manager-vue 2.3.4 → 2.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hulkapps/app-manager-vue",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "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

@@ -60,6 +60,8 @@
     },
     methods: {
       dismissBanner(key) {
+        this.$emit('handleBannerClose', {action:'close',type: this.banner_type});
+        this.$emit('handle-banner-close', {action:'close',type: this.banner_type});
         this.staticContent[this.banner_type].splice(key, 1);
       },
       date_compare(published_on){
@@ -89,11 +91,10 @@
           });
         }
       });
+      console.log(this.staticContent);
     },
     created() {
-      if(Object.keys(this.translations).length > 0){
-        Vue.prototype.$translations  =  this.translations;
-      };
+      Vue.prototype.$translations = (Object.keys(this.translations).length > 0)?this.translations:{};
       if (this.base_url != null) {
         let config = {
           baseUrl: this.base_url

package/src/components/Plans/AppManagerGroupPlan.vue

@@ -66,7 +66,6 @@
         </PStack>
         <hr style="width: 100%; margin-right: auto;margin-left: auto;margin-bottom: 20px;" />
         <!--=======================================================-->
-
         <PLayout class="custom-plan">
             <PLayoutSection>
                 <template style="margin-bottom: 20px;">
@@ -196,7 +195,7 @@
                         <PButton plain @click="activePlan">{{ translateMe('I will choose the plan later') }}</PButton>
                     </PStackItem>
                 </PStack>
-                <PlanBanners />
+              <PlanBanners @handlePlanBannerClose="handlePlanBannerClose" />
             </PLayoutSection>
         </PLayout>
         <!--====================================================================-->
@@ -491,6 +490,10 @@
                     }
                 }
                 return 'custom-choose-button';
+            },
+            handlePlanBannerClose(payload) {
+              this.$emit('handlePlanBannerClose', payload)
+              this.$emit('handle-plan-banner-close', payload)
             }
         },
         async mounted() {

package/src/components/Plans/AppManagerPlan.vue

@@ -1,7 +1,7 @@
 <template>
-  <AppManagerGroupPlan  @handlePlanSelect="handlePlanSelect" v-if="group_plan"
+  <AppManagerGroupPlan  @handlePlanSelect="handlePlanSelect" @handlePlanBannerClose="handlePlanBannerClose" v-if="group_plan"
                        :shop_domain="shop_domain" :host="host"></AppManagerGroupPlan>
-  <AppManagerSliderPlan @handlePlanSelect="handlePlanSelect" v-else :shop_domain="shop_domain" :host="host"></AppManagerSliderPlan>
+  <AppManagerSliderPlan @handlePlanSelect="handlePlanSelect" @handlePlanBannerClose="handlePlanBannerClose" v-else :shop_domain="shop_domain" :host="host"></AppManagerSliderPlan>
 </template>
 
 <script>
@@ -38,13 +38,14 @@ export default {
     handlePlanSelect(payload) {
       this.$emit('handlePlanSelect', payload)
       this.$emit('handle-plan-select', payload)
-
+    },
+    handlePlanBannerClose(payload) {
+      this.$emit('handlePlanBannerClose', payload)
+      this.$emit('handle-plan-banner-close', payload)
     }
   },
   created() {
-    if(Object.keys(this.translations).length > 0){
-      Vue.prototype.$translations  =  this.translations;
-    };
+    Vue.prototype.$translations = (Object.keys(this.translations).length > 0)?this.translations:{};
     if (this.base_url != null) {
       let config = {
         baseUrl: this.base_url

package/src/components/Plans/AppManagerSliderPlan.vue

@@ -68,7 +68,6 @@
         </PStack>
         <hr style="width: 100%; margin-right: auto;margin-left: auto;margin-bottom: 20px;" />
         <!--=======================================================-->
-
         <PLayout class="custom-plan">
             <PLayoutSection style="display: flex;border-radius: 20px;">
                 <template style="margin-bottom: 20px; display: flex !important;">
@@ -168,7 +167,7 @@
                 <PButton plain @click="activePlan">{{ translateMe('I will choose the plan later') }}</PButton>
             </PStackItem>
         </PStack>
-        <PlanBanners />
+        <PlanBanners @handlePlanBannerClose="handlePlanBannerClose" />
     </PPage>
 </template>
 
@@ -531,6 +530,10 @@
                     }
                 }
                 return 'custom-choose-button';
+            },
+            handlePlanBannerClose(payload) {
+              this.$emit('handlePlanBannerClose', payload)
+              this.$emit('handle-plan-banner-close', payload)
             }
         },
         async mounted() {

package/src/components/Plans/PlanBanners.vue

@@ -9,9 +9,9 @@
                     :status="staticContent.status"
                     @dismiss="() => dismissBanner(key)"
             >
-                <div v-html="staticContent.content"></div>
+                <div v-html="translateMe(staticContent.content)"></div>
             </PBanner>
-            <div v-else v-html="staticContent.content"></div>
+            <div v-else v-html="translateMe(staticContent.content)"></div>
         </div>
     </PLayoutSection>
 </template>
@@ -34,6 +34,15 @@
                 return this.staticContent['plans'];
             },
         },
+        methods: {
+          translateMe(message) {
+            return this.$translations.hasOwnProperty(message) ? this.$translations[message] : message;
+          },
+          dismissBanner(key) {
+            this.$emit('handlePlanBannerClose', {action:'close',type: 'plan banners'})
+            this.staticContent['plans'].splice(key, 1);
+          },
+        },
         async mounted() {
 
             const { data } = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/marketing-banners`).catch(error => {
@@ -55,5 +64,7 @@
 </script>
 
 <style scoped>
-
+.app-manager-plan-footer.Polaris-Layout__Section{
+  margin-bottom: 20px;
+}
 </style>