@hulkapps/app-manager-vue 2.2.7 → 2.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hulkapps/app-manager-vue",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "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/Plans/AppManagerGroupPlan.vue

@@ -238,6 +238,7 @@
                 plan: {},
                 plans: [],
                 features: [],
+                featureValues: [],
                 featuresByGroup: [],
                 shopify_plan: '',
                 default_plan_id: null,
@@ -342,7 +343,15 @@
                     } else return feature.value
                 }
                 else if(feature?.value_type === 'array') {
-                    return JSON.parse(feature.value).join(' ')
+                  console.log(this.featureValues);
+                  console.log(feature);
+                  let values= JSON.parse(feature.value);
+                  let that = this;
+                  values = values.map(function(value){
+                    return that.featureValues[feature.feature_id][value];
+                  });
+                  console.log(values);
+                  return values.join(', ')
                 }
                 else if(feature?.value_type === 'string') {
                     return feature.value.replace('"', '').replace('"', '')
@@ -417,6 +426,13 @@
                     this.features = this.features?.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order))
                     this.features = this.features?.sort((featureA, featureB) => parseInt(featureA.group_order) - parseInt(featureB.group_order))
                     this.featuresByGroup = this.groupBy(this.features, 'group')
+
+                  //Get feature array time values
+                  this.features.forEach((feature) => {
+                    if(feature.value_type == 'array'){
+                      this.featureValues[feature.uuid] = feature.values;
+                    }
+                  });
                 }
             },
             async fetchPlans() {
@@ -477,7 +493,6 @@
             await this.fetchFeatures();
             await this.fetchPlans();
             this.planLoading = false;
-            console.log(this.shop.plan.price);
         }
     }
 </script>

package/src/components/Plans/AppManagerSliderPlan.vue

@@ -212,6 +212,7 @@
                 plan: {},
                 plans: [],
                 features: [],
+                featureValues:[],
                 shopify_plan: '',
                 default_plan_id: null,
                 onboard: true,
@@ -345,7 +346,12 @@
                     } else return feature.value
                 }
                 else if(feature?.value_type === 'array') {
-                    return JSON.parse(feature.value).join(' ')
+                  let values= JSON.parse(feature.value);
+                  let that = this;
+                  values = values.map(function(value){
+                    return that.featureValues[feature.feature_id][value];
+                  });
+                  return values.join(', ')
                 }
                 else if(feature?.value_type === 'string') {
                     return feature.value.replace('"', '').replace('"', '')
@@ -461,7 +467,13 @@
                 if (data.features.length) {
                     this.features = data.features;
                     this.features = this.features?.filter((item) => item.hidden_feature !== true)
-                    this.features = this.features?.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order))
+                    this.features = this.features?.sort((featureA, featureB) => parseInt(featureA.display_order) - parseInt(featureB.display_order));
+                    //Get feature array time values
+                    this.features.forEach((feature) => {
+                      if(feature.value_type == 'array'){
+                        this.featureValues[feature.uuid] = feature.values;
+                      }
+                    });
                 }
             },
             async fetchPlans() {