feat: handle edge cases for purchased courses in a subscription program (#32438)

lms/static/js/learner_dashboard/views/program_details_view.js

@@ -200,6 +200,7 @@ class ProgramDetailsView extends Backbone.View {
         ));
         const programPurchasedWithoutSubscription = (
             this.subscriptionModel.get('subscriptionState') !== 'active'
+            && this.subscriptionModel.get('subscriptionState') !== 'inactive'
             && !isSomeCoursePurchasable
             && this.remainingCourseCollection.length === 0
         );

lms/templates/learner_dashboard/program_details_tab_view.underscore

@@ -48,7 +48,11 @@
                         </div>
                     </div>
                 <% } %>
-                <% if (isSubscriptionEligible) { %>
+                <% if (isSubscriptionEligible && (
+                        completedCount !== totalCount
+                        || subscriptionState === 'active'
+                    )
+                ) { %>
                 <div class="d-flex flex-column align-items-start flex-xl-row  align-items-xl-center upgrade-subscription">
                     <a
                         href="<%- subscriptionUrl %>"

lms/templates/learner_dashboard/program_details_view.underscore

@@ -23,7 +23,11 @@
                     </div>
                 </div>
             <% } %>
-            <% if (isSubscriptionEligible) { %>
+            <% if (isSubscriptionEligible && (
+                    completedCount !== totalCount
+                    || subscriptionState === 'active'
+                )
+            ) { %>
             <div class="d-flex flex-column align-items-start flex-xl-row  align-items-xl-center upgrade-subscription">
                 <a
                     href="<%- subscriptionUrl %>"