@hulkapps/app-manager-vue 3.1.19 → 3.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hulkapps/app-manager-vue",
-  "version": "3.1.19",
+  "version": "3.1.21",
   "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/AppManagerSliderPlan.vue

@@ -396,7 +396,7 @@ export default {
       if (this.discount_code !== null) {
         params['discount_code'] = this.discount_code;
       }
-      params['frontend_sdk_version'] = "3.1.19"
+      params['frontend_sdk_version'] = "3.1.21"
       let {data} = await axios.get(`${this.app_manager_config.baseUrl}/api/app-manager/plans`, {params: params}).catch(error => {
         console.error(error)
       });

package/src/components/PolarisNew/PlanCardsHighlights.vue

@@ -97,33 +97,6 @@ export default {
           return planDetails;
         });
     },
-    sortedPlanFeatures() {
-      return (plan) => {
-        const assignedFeatures = Object.keys(plan.features);
-        
-        return this.features
-          .filter(feature =>
-            assignedFeatures.includes(feature.uuid) && !feature.hidden_feature
-          )
-          .sort((a, b) => {
-            // First check popularity field
-            const popularityA = parseInt(a.popularity) || 999;
-            const popularityB = parseInt(b.popularity) || 999;
-            
-            if (popularityA !== popularityB) {
-              return popularityA - popularityB; // Lower popularity number first (1 is highest)
-            }
-            
-            // If popularity is same or not present, use display_order
-            return (parseInt(a.display_order) || 999) - (parseInt(b.display_order) || 999);
-          })
-          .slice(0, 4)
-          .map(feature => ({
-            ...feature,
-            value: plan.features[feature.uuid].value || plan.features[feature.uuid]
-          }));
-      };
-    },
     isMonthlyVisible() {
       return this.selectedInterval === "monthly";
     },
@@ -136,6 +109,54 @@ export default {
     isPlanNote,
     isPlanButtonDisabled,
     formatFeature,
+    normalizeSortOrder(value, fallback = 999) {
+      const normalized = Number(value);
+      return Number.isNaN(normalized) ? fallback : normalized;
+    },
+    getSortedPlanHighlights(plan) {
+      return Object.values(plan.highlights || {})
+        .sort((a, b) => this.normalizeSortOrder(a.sort_order) - this.normalizeSortOrder(b.sort_order))
+        .map((highlight) => ({
+          plan_id: highlight.plan_id,
+          feature_id: `highlight_${highlight.id}`,
+          uuid: `highlight_${highlight.id}`,
+          value: "1",
+          value_type: "boolean",
+          name: highlight.text,
+          format: null,
+          slug: `highlight_${highlight.id}`,
+        }));
+    },
+    getSortedPlanFeatures(plan) {
+      const assignedFeatureUuids = new Set(Object.keys(plan.features || {}));
+
+      return this.features
+        .filter((feature) => assignedFeatureUuids.has(feature.uuid) && !feature.hidden_feature)
+        .sort((a, b) => {
+          const popularityA = this.normalizeSortOrder(a.popularity);
+          const popularityB = this.normalizeSortOrder(b.popularity);
+
+          if (popularityA !== popularityB) {
+            return popularityA - popularityB;
+          }
+
+          return this.normalizeSortOrder(a.display_order) - this.normalizeSortOrder(b.display_order);
+        })
+        .map((feature) => {
+          const assignedFeature = plan.features[feature.uuid];
+          return {
+            ...feature,
+            value: assignedFeature && assignedFeature.value !== undefined
+              ? assignedFeature.value
+              : assignedFeature,
+          };
+        });
+    },
+    preparePlanFeatures(plan) {
+      const highlights = this.getSortedPlanHighlights(plan);
+      const features = this.getSortedPlanFeatures(plan);
+      return [...highlights, ...features].slice(0, 4);
+    },
     async handlePlanClick(plan) {
       this.loadingPlanId = plan.id;
       try {
@@ -471,7 +492,7 @@ export default {
               <ul>
                 <li
                   class="feature"
-                  v-for="feature in sortedPlanFeatures(plan)"
+                  v-for="feature in preparePlanFeatures(plan)"
                   :key="feature.uuid"
                 >
                   <svg
@@ -603,7 +624,7 @@ export default {
               <ul>
                 <li
                   class="feature"
-                  v-for="feature in sortedPlanFeatures(plan)"
+                  v-for="feature in preparePlanFeatures(plan)"
                   :key="feature.uuid"
                 >
                   <svg