Revert "fix: make subscription panel reactive to actual tier (#7354)"

This reverts commit d3d02d0d4b.

tests-ui/tests/platform/cloud/subscription/components/SubscriptionPanel.test.ts

@@ -1,25 +1,18 @@
 import { createTestingPinia } from '@pinia/testing'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { computed, ref } from 'vue'
 import { createI18n } from 'vue-i18n'
 
 import SubscriptionPanel from '@/platform/cloud/subscription/components/SubscriptionPanel.vue'
 
-// Mock state refs that can be modified between tests
-const mockIsActiveSubscription = ref(false)
-const mockIsCancelled = ref(false)
-const mockSubscriptionTier = ref<
-  'STANDARD' | 'CREATOR' | 'PRO' | 'FOUNDERS_EDITION' | null
->('CREATOR')
-
-// Mock composables - using computed to match composable return types
+// Mock composables
 const mockSubscriptionData = {
-  isActiveSubscription: computed(() => mockIsActiveSubscription.value),
-  isCancelled: computed(() => mockIsCancelled.value),
-  formattedRenewalDate: computed(() => '2024-12-31'),
-  formattedEndDate: computed(() => '2024-12-31'),
-  subscriptionTier: computed(() => mockSubscriptionTier.value),
+  isActiveSubscription: false,
+  isCancelled: false,
+  formattedRenewalDate: '2024-12-31',
+  formattedEndDate: '2024-12-31',
+  formattedMonthlyPrice: '$9.99',
+  manageSubscription: vi.fn(),
   handleInvoiceHistory: vi.fn()
 }
 
@@ -57,15 +50,6 @@ vi.mock(
   })
 )
 
-vi.mock(
-  '@/platform/cloud/subscription/composables/useSubscriptionDialog',
-  () => ({
-    useSubscriptionDialog: () => ({
-      show: vi.fn()
-    })
-  })
-)
-
 // Create i18n instance for testing
 const i18n = createI18n({
   legacy: false,
@@ -74,15 +58,12 @@ const i18n = createI18n({
     en: {
       subscription: {
         title: 'Subscription',
-        titleUnsubscribed: 'Subscribe',
         perMonth: '/ month',
         subscribeNow: 'Subscribe Now',
         manageSubscription: 'Manage Subscription',
         partnerNodesBalance: 'Partner Nodes Balance',
         partnerNodesDescription: 'Credits for partner nodes',
         totalCredits: 'Total Credits',
-        creditsRemainingThisMonth: 'Credits remaining this month',
-        creditsYouveAdded: "Credits you've added",
         monthlyBonusDescription: 'Monthly bonus',
         prepaidDescription: 'Prepaid credits',
         monthlyCreditsRollover: 'Monthly credits rollover info',
@@ -90,67 +71,11 @@ const i18n = createI18n({
         viewUsageHistory: 'View Usage History',
         addCredits: 'Add Credits',
         yourPlanIncludes: 'Your plan includes',
-        viewMoreDetailsPlans: 'View more details about plans & pricing',
         learnMore: 'Learn More',
         messageSupport: 'Message Support',
         invoiceHistory: 'Invoice History',
-        partnerNodesCredits: 'Partner nodes pricing',
         renewsDate: 'Renews {date}',
-        expiresDate: 'Expires {date}',
-        tiers: {
-          founder: {
-            name: "Founder's Edition",
-            price: '20.00',
-            benefits: {
-              monthlyCredits: '5,460',
-              monthlyCreditsLabel: 'monthly credits',
-              maxDuration: '30 min',
-              maxDurationLabel: 'max duration of each workflow run',
-              gpuLabel: 'RTX 6000 Pro (96GB VRAM)',
-              addCreditsLabel: 'Add more credits whenever',
-              customLoRAsLabel: 'Import your own LoRAs'
-            }
-          },
-          standard: {
-            name: 'Standard',
-            price: '20.00',
-            benefits: {
-              monthlyCredits: '4,200',
-              monthlyCreditsLabel: 'monthly credits',
-              maxDuration: '30 min',
-              maxDurationLabel: 'max duration of each workflow run',
-              gpuLabel: 'RTX 6000 Pro (96GB VRAM)',
-              addCreditsLabel: 'Add more credits whenever',
-              customLoRAsLabel: 'Import your own LoRAs'
-            }
-          },
-          creator: {
-            name: 'Creator',
-            price: '35.00',
-            benefits: {
-              monthlyCredits: '7,400',
-              monthlyCreditsLabel: 'monthly credits',
-              maxDuration: '30 min',
-              maxDurationLabel: 'max duration of each workflow run',
-              gpuLabel: 'RTX 6000 Pro (96GB VRAM)',
-              addCreditsLabel: 'Add more credits whenever',
-              customLoRAsLabel: 'Import your own LoRAs'
-            }
-          },
-          pro: {
-            name: 'Pro',
-            price: '100.00',
-            benefits: {
-              monthlyCredits: '21,100',
-              monthlyCreditsLabel: 'monthly credits',
-              maxDuration: '1 hr',
-              maxDurationLabel: 'max duration of each workflow run',
-              gpuLabel: 'RTX 6000 Pro (96GB VRAM)',
-              addCreditsLabel: 'Add more credits whenever',
-              customLoRAsLabel: 'Import your own LoRAs'
-            }
-          }
-        }
+        expiresDate: 'Expires {date}'
       }
     }
   }
@@ -191,22 +116,18 @@ function createWrapper(overrides = {}) {
 describe('SubscriptionPanel', () => {
   beforeEach(() => {
     vi.clearAllMocks()
-    // Reset mock state
-    mockIsActiveSubscription.value = false
-    mockIsCancelled.value = false
-    mockSubscriptionTier.value = 'CREATOR'
   })
 
   describe('subscription state functionality', () => {
     it('shows correct UI for active subscription', () => {
-      mockIsActiveSubscription.value = true
+      mockSubscriptionData.isActiveSubscription = true
       const wrapper = createWrapper()
       expect(wrapper.text()).toContain('Manage Subscription')
       expect(wrapper.text()).toContain('Add Credits')
     })
 
     it('shows correct UI for inactive subscription', () => {
-      mockIsActiveSubscription.value = false
+      mockSubscriptionData.isActiveSubscription = false
       const wrapper = createWrapper()
       expect(wrapper.findComponent({ name: 'SubscribeButton' }).exists()).toBe(
         true
@@ -216,32 +137,18 @@ describe('SubscriptionPanel', () => {
     })
 
     it('shows renewal date for active non-cancelled subscription', () => {
-      mockIsActiveSubscription.value = true
-      mockIsCancelled.value = false
+      mockSubscriptionData.isActiveSubscription = true
+      mockSubscriptionData.isCancelled = false
       const wrapper = createWrapper()
       expect(wrapper.text()).toContain('Renews 2024-12-31')
     })
 
     it('shows expiry date for cancelled subscription', () => {
-      mockIsActiveSubscription.value = true
-      mockIsCancelled.value = true
+      mockSubscriptionData.isActiveSubscription = true
+      mockSubscriptionData.isCancelled = true
       const wrapper = createWrapper()
       expect(wrapper.text()).toContain('Expires 2024-12-31')
     })
-
-    it('displays FOUNDERS_EDITION tier correctly', () => {
-      mockSubscriptionTier.value = 'FOUNDERS_EDITION'
-      const wrapper = createWrapper()
-      expect(wrapper.text()).toContain("Founder's Edition")
-      expect(wrapper.text()).toContain('5,460')
-    })
-
-    it('displays CREATOR tier correctly', () => {
-      mockSubscriptionTier.value = 'CREATOR'
-      const wrapper = createWrapper()
-      expect(wrapper.text()).toContain('Creator')
-      expect(wrapper.text()).toContain('7,400')
-    })
   })
 
   describe('credit display functionality', () => {

tests-ui/tests/platform/cloud/subscription/useSubscription.test.ts

@@ -152,28 +152,10 @@ describe('useSubscription', () => {
       expect(formattedRenewalDate.value).toBe('')
     })
 
-    it('should return subscription tier from status', async () => {
-      vi.mocked(global.fetch).mockResolvedValue({
-        ok: true,
-        json: async () => ({
-          is_active: true,
-          subscription_id: 'sub_123',
-          subscription_tier: 'CREATOR',
-          renewal_date: '2025-11-16T12:00:00Z'
-        })
-      } as Response)
+    it('should format monthly price correctly', () => {
+      const { formattedMonthlyPrice } = useSubscription()
 
-      mockIsLoggedIn.value = true
-      const { subscriptionTier, fetchStatus } = useSubscription()
-
-      await fetchStatus()
-      expect(subscriptionTier.value).toBe('CREATOR')
-    })
-
-    it('should return null when subscription tier is not available', () => {
-      const { subscriptionTier } = useSubscription()
-
-      expect(subscriptionTier.value).toBeNull()
+      expect(formattedMonthlyPrice.value).toBe('$20')
     })
   })